diff --git a/docs/html/preview/features/notification-updates.jd b/docs/html/preview/features/notification-updates.jd
index 4c32e31bab3f5..cf114ba545a6d 100644
--- a/docs/html/preview/features/notification-updates.jd
+++ b/docs/html/preview/features/notification-updates.jd
@@ -121,7 +121,10 @@ notificationManager.notify(notificationId, notification);
 <p> The system prompts the user to input a response when they trigger the
 notification action. </p>
 
-<img id="fig-user-input" src="{@docRoot}preview/images/inline-type-reply.png">
+<img id="fig-user-input" src="{@docRoot}preview/images/inline-type-reply.png"
+    srcset="{@docRoot}preview/images/inline-type-reply.png 1x,
+    {@docRoot}preview/images/inline-type-reply_2x.png 2x"
+    width="300">
 <p class="img-caption">
   <strong>Figure 2.</strong> The user inputs text from the notification shade.
 </p>
@@ -200,7 +203,10 @@ Builder.setGroup()} method to bundle similar notifications.</p>
   expands one of those notifications, the system reveals its entire content.
 </p>
 
-<img id="fig-bundles" src="{@docRoot}preview/images/bundles.png">
+<img id="fig-bundles" src="{@docRoot}preview/images/bundles.png"
+  srcset="{@docRoot}preview/images/bundles.png 1x,
+          {@docRoot}preview/images/bundles_2x.png 2x"
+  width="300">
 <p class="img-caption">
   <strong>Figure 4.</strong> The user can progressively expand the notification
   group.
diff --git a/docs/html/preview/images/bundles.png b/docs/html/preview/images/bundles.png
index 57d6bee1ccdb3..8b022b1c20e76 100644
Binary files a/docs/html/preview/images/bundles.png and b/docs/html/preview/images/bundles.png differ
diff --git a/docs/html/preview/images/bundles_2x.png b/docs/html/preview/images/bundles_2x.png
new file mode 100644
index 0000000000000..4669096a1c9be
Binary files /dev/null and b/docs/html/preview/images/bundles_2x.png differ
diff --git a/docs/html/preview/images/inline-type-reply.png b/docs/html/preview/images/inline-type-reply.png
index 6870bc223966a..b22aacda02d8c 100644
Binary files a/docs/html/preview/images/inline-type-reply.png and b/docs/html/preview/images/inline-type-reply.png differ
diff --git a/docs/html/preview/images/inline-type-reply_2x.png b/docs/html/preview/images/inline-type-reply_2x.png
new file mode 100644
index 0000000000000..6e52a802296e3
Binary files /dev/null and b/docs/html/preview/images/inline-type-reply_2x.png differ
diff --git a/docs/image_sources/preview/features/bundles-orig.png b/docs/image_sources/preview/features/bundles-orig.png
new file mode 100644
index 0000000000000..298d1c0994b33
Binary files /dev/null and b/docs/image_sources/preview/features/bundles-orig.png differ
diff --git a/docs/image_sources/preview/features/inline-type-reply-orig.png b/docs/image_sources/preview/features/inline-type-reply-orig.png
new file mode 100644
index 0000000000000..bb176f8a25036
Binary files /dev/null and b/docs/image_sources/preview/features/inline-type-reply-orig.png differ