diff --git a/examples/get-started/flutter-for/android_devs/lib/images.dart b/examples/get-started/flutter-for/android_devs/lib/images.dart
index a2c43c1696..b866f61962 100644
--- a/examples/get-started/flutter-for/android_devs/lib/images.dart
+++ b/examples/get-started/flutter-for/android_devs/lib/images.dart
@@ -8,7 +8,7 @@ class MyWidget extends StatelessWidget {
     return const Image(
         image:
             // #docregion asset-image
-            AssetImage('images/my_icon.jpeg')
+            AssetImage('images/my_icon.png')
         // #enddocregion asset-image
         );
   }
diff --git a/examples/get-started/flutter-for/ios_devs/lib/images.dart b/examples/get-started/flutter-for/ios_devs/lib/images.dart
index 79081cc16a..a7cdb365ff 100644
--- a/examples/get-started/flutter-for/ios_devs/lib/images.dart
+++ b/examples/get-started/flutter-for/ios_devs/lib/images.dart
@@ -7,7 +7,7 @@ class MyWidget extends StatelessWidget {
   Widget build(BuildContext context) {
     return const Image(
       // #docregion asset-image
-      image: AssetImage('images/a_dot_burr.jpeg'),
+      image: AssetImage('images/a_dot_burr.png'),
       // #enddocregion asset-image
     );
   }
diff --git a/src/content/get-started/flutter-for/android-devs.md b/src/content/get-started/flutter-for/android-devs.md
index e9d2148bff..7457398b8c 100644
--- a/src/content/get-started/flutter-for/android-devs.md
+++ b/src/content/get-started/flutter-for/android-devs.md
@@ -1293,14 +1293,14 @@ Next, you'll need to declare these images in your `pubspec.yaml` file:
 
 ```yaml
 assets:
- - images/my_icon.jpeg
+ - images/my_icon.png
 ```
 
 You can then access your images using `AssetImage`:
 
 <?code-excerpt "lib/images.dart (asset-image)"?>
 ```dart
-AssetImage('images/my_icon.jpeg')
+AssetImage('images/my_icon.png')
 ```
 
 or directly in an `Image` widget:
diff --git a/src/content/get-started/flutter-for/uikit-devs.md b/src/content/get-started/flutter-for/uikit-devs.md
index 3cc97718f4..3cdf78c02d 100644
--- a/src/content/get-started/flutter-for/uikit-devs.md
+++ b/src/content/get-started/flutter-for/uikit-devs.md
@@ -1497,7 +1497,7 @@ You can now access your images using `AssetImage`:
 
 <?code-excerpt "lib/images.dart (asset-image)"?>
 ```dart
-image: AssetImage('images/a_dot_burr.jpeg'),
+image: AssetImage('images/a_dot_burr.png'),
 ```
 
 or directly in an `Image` widget:
diff --git a/src/content/get-started/flutter-for/xamarin-forms-devs.md b/src/content/get-started/flutter-for/xamarin-forms-devs.md
index 91aa6d0f71..943090ae97 100644
--- a/src/content/get-started/flutter-for/xamarin-forms-devs.md
+++ b/src/content/get-started/flutter-for/xamarin-forms-devs.md
@@ -1318,7 +1318,7 @@ Next, you'll need to declare these images in your `pubspec.yaml` file:
 
 ```yaml
 assets:
- - images/my_icon.jpeg
+ - images/my_icon.png
 ```
 
 You can directly access your images in an `Image.asset` widget:
diff --git a/src/content/tools/pubspec.md b/src/content/tools/pubspec.md
index 70c1e99323..ae0154d33b 100644
--- a/src/content/tools/pubspec.md
+++ b/src/content/tools/pubspec.md
@@ -87,8 +87,8 @@ dev_dependencies:
   [!generate: true!] # Enables generation of localized strings from arb files
 
   [!assets:!]  # Lists assets, such as image files
-    [!- images/a_dot_burr.jpeg!]
-    [!- images/a_dot_ham.jpeg!]
+    [!- images/a_dot_burr.png!]
+    [!- images/a_dot_ham.png!]
 
   [!fonts:!]              # Required if your app uses custom fonts
     [!- family: Schyler!]