diff --git a/assets/readme/examples/feature-catalog.pdf b/assets/readme/examples/feature-catalog.pdf
index 02548556d..304cbdce3 100644
Binary files a/assets/readme/examples/feature-catalog.pdf and b/assets/readme/examples/feature-catalog.pdf differ
diff --git a/examples/src/main/java/com/demcha/examples/flagships/EngineShowcase.java b/examples/src/main/java/com/demcha/examples/flagships/EngineShowcase.java
index 6c31a2119..d55507c32 100644
--- a/examples/src/main/java/com/demcha/examples/flagships/EngineShowcase.java
+++ b/examples/src/main/java/com/demcha/examples/flagships/EngineShowcase.java
@@ -42,7 +42,7 @@
  *   <li><b>Footer brand stripe</b> — accent rule + brand links.</li>
  * </ul>
  *
- * <p>The hero image lives in {@code examples/src/main/resources/engine-hero.png}
+ * <p>The hero image lives in {@code examples/src/main/resources/engine-hero.jpg}
  * and is loaded over the classpath so the example runs without any
  * filesystem path assumptions.</p>
  *
@@ -201,8 +201,8 @@ public static Path generate() throws Exception {
 
     private static DocumentImageData loadHeroImage() throws Exception {
         try (InputStream is = Objects.requireNonNull(
-                EngineShowcase.class.getResourceAsStream("/engine-hero.png"),
-                "engine-hero.png missing from examples/src/main/resources/")) {
+                EngineShowcase.class.getResourceAsStream("/engine-hero.jpg"),
+                "engine-hero.jpg missing from examples/src/main/resources/")) {
             return DocumentImageData.fromBytes(is.readAllBytes());
         }
     }
diff --git a/examples/src/main/java/com/demcha/examples/flagships/FeatureCatalogExample.java b/examples/src/main/java/com/demcha/examples/flagships/FeatureCatalogExample.java
index af8690c31..5c004b3af 100644
--- a/examples/src/main/java/com/demcha/examples/flagships/FeatureCatalogExample.java
+++ b/examples/src/main/java/com/demcha/examples/flagships/FeatureCatalogExample.java
@@ -253,7 +253,7 @@ public static Path generate() throws Exception {
 
             feature(flow, "Images — classpath bytes, explicit size, fit modes", """
                     DocumentImageData photo = DocumentImageData.fromBytes(
-                        getClass().getResourceAsStream("/engine-hero.png").readAllBytes());
+                        getClass().getResourceAsStream("/engine-hero.jpg").readAllBytes());
                     section.addImage(i -> i.source(photo).size(150, 84)
                         .fitMode(DocumentImageFitMode.COVER))   // vs CONTAIN on the right""",
                     demo -> demo.addRow(r -> r.spacing(14).weights(1, 1)
@@ -477,8 +477,8 @@ private static void feature(com.demcha.compose.document.dsl.PageFlowBuilder flow
     /** Classpath demo photo shared by the image fit-mode pair. */
     private static com.demcha.compose.document.image.DocumentImageData catalogImage() {
         try (java.io.InputStream stream = java.util.Objects.requireNonNull(
-                FeatureCatalogExample.class.getResourceAsStream("/engine-hero.png"),
-                "engine-hero.png missing from examples/src/main/resources/")) {
+                FeatureCatalogExample.class.getResourceAsStream("/engine-hero.jpg"),
+                "engine-hero.jpg missing from examples/src/main/resources/")) {
             return com.demcha.compose.document.image.DocumentImageData.fromBytes(
                     stream.readAllBytes());
         } catch (java.io.IOException e) {
diff --git a/examples/src/main/resources/engine-hero.jpg b/examples/src/main/resources/engine-hero.jpg
new file mode 100644
index 000000000..aee1d00cd
Binary files /dev/null and b/examples/src/main/resources/engine-hero.jpg differ
diff --git a/examples/src/main/resources/engine-hero.png b/examples/src/main/resources/engine-hero.png
deleted file mode 100644
index 2589c5595..000000000
Binary files a/examples/src/main/resources/engine-hero.png and /dev/null differ