✨ 图片使用webp

CNjacob · Sep 1, 2020 · 3643ede · 3643ede
1 parent f42b9e0
commit 3643ede
Show file tree

Hide file tree

Showing 180 changed files with 145 additions and 145 deletions.
diff --git a/assets/flutter.db b/assets/flutter.db
diff --git a/assets/images/caver.jpeg b/assets/images/caver.jpeg
diff --git a/assets/images/caver.webp b/assets/images/caver.webp
diff --git a/assets/images/dart.jpg b/assets/images/dart.jpg
diff --git a/assets/images/dart.webp b/assets/images/dart.webp
diff --git a/assets/images/head_icon/icon_5.jpg b/assets/images/head_icon/icon_5.jpg
diff --git a/assets/images/head_icon/icon_5.webp b/assets/images/head_icon/icon_5.webp
diff --git a/assets/images/head_icon/icon_6.jpg b/assets/images/head_icon/icon_6.jpg
diff --git a/assets/images/head_icon/icon_6.webp b/assets/images/head_icon/icon_6.webp
diff --git a/assets/images/head_icon/icon_7.jpg b/assets/images/head_icon/icon_7.jpg
diff --git a/assets/images/head_icon/icon_7.webp b/assets/images/head_icon/icon_7.webp
diff --git a/assets/images/head_icon/icon_8.jpg b/assets/images/head_icon/icon_8.jpg
diff --git a/assets/images/head_icon/icon_8.webp b/assets/images/head_icon/icon_8.webp
diff --git a/assets/images/icon_head.png b/assets/images/icon_head.png
diff --git a/assets/images/icon_head.webp b/assets/images/icon_head.webp
diff --git a/assets/images/java.jpeg b/assets/images/java.jpeg
diff --git a/assets/images/java.webp b/assets/images/java.webp
diff --git a/assets/images/kotlin.jpg b/assets/images/kotlin.jpg
diff --git a/assets/images/kotlin.webp b/assets/images/kotlin.webp
diff --git a/assets/images/leaf.png b/assets/images/leaf.png
diff --git a/assets/images/leaf.webp b/assets/images/leaf.webp
diff --git a/assets/images/sabar.jpg b/assets/images/sabar.jpg
diff --git a/assets/images/sabar.webp b/assets/images/sabar.webp
diff --git a/assets/images/sabar_bar.jpg b/assets/images/sabar_bar.jpg
diff --git a/assets/images/sabar_bar.webp b/assets/images/sabar_bar.webp
diff --git a/assets/images/wechat.jpg b/assets/images/wechat.jpg
diff --git a/assets/images/wechat.webp b/assets/images/wechat.webp
diff --git a/assets/images/widgets/ActionChip.png b/assets/images/widgets/ActionChip.png
diff --git a/assets/images/widgets/ActionChip.webp b/assets/images/widgets/ActionChip.webp
diff --git a/assets/images/widgets/Banner.png b/assets/images/widgets/Banner.png
diff --git a/assets/images/widgets/Banner.webp b/assets/images/widgets/Banner.webp
diff --git a/assets/images/widgets/Card.png b/assets/images/widgets/Card.png
diff --git a/assets/images/widgets/Card.webp b/assets/images/widgets/Card.webp
diff --git a/assets/images/widgets/CheckBoxListTile.png b/assets/images/widgets/CheckBoxListTile.png
diff --git a/assets/images/widgets/CheckBoxListTile.webp b/assets/images/widgets/CheckBoxListTile.webp
diff --git a/assets/images/widgets/Chip.png b/assets/images/widgets/Chip.png
diff --git a/assets/images/widgets/Chip.webp b/assets/images/widgets/Chip.webp
diff --git a/assets/images/widgets/ChoiceChip.png b/assets/images/widgets/ChoiceChip.png
diff --git a/assets/images/widgets/ChoiceChip.webp b/assets/images/widgets/ChoiceChip.webp
diff --git a/assets/images/widgets/Container.png b/assets/images/widgets/Container.png
diff --git a/assets/images/widgets/Container.webp b/assets/images/widgets/Container.webp
diff --git a/assets/images/widgets/FilterChip.png b/assets/images/widgets/FilterChip.png
diff --git a/assets/images/widgets/FilterChip.webp b/assets/images/widgets/FilterChip.webp
diff --git a/assets/images/widgets/FlutterLogo.png b/assets/images/widgets/FlutterLogo.png
diff --git a/assets/images/widgets/FlutterLogo.webp b/assets/images/widgets/FlutterLogo.webp
diff --git a/assets/images/widgets/GridTile.png b/assets/images/widgets/GridTile.png
diff --git a/assets/images/widgets/GridTile.webp b/assets/images/widgets/GridTile.webp
diff --git a/assets/images/widgets/GridTileBar.png b/assets/images/widgets/GridTileBar.png
diff --git a/assets/images/widgets/GridTileBar.webp b/assets/images/widgets/GridTileBar.webp
diff --git a/assets/images/widgets/Icon.png b/assets/images/widgets/Icon.png
diff --git a/assets/images/widgets/Icon.webp b/assets/images/widgets/Icon.webp
diff --git a/assets/images/widgets/ImageIcon.png b/assets/images/widgets/ImageIcon.png
diff --git a/assets/images/widgets/ImageIcon.webp b/assets/images/widgets/ImageIcon.webp
diff --git a/assets/images/widgets/InputChip.png b/assets/images/widgets/InputChip.png
diff --git a/assets/images/widgets/InputChip.webp b/assets/images/widgets/InputChip.webp
diff --git a/assets/images/widgets/ListTile.png b/assets/images/widgets/ListTile.png
diff --git a/assets/images/widgets/ListTile.webp b/assets/images/widgets/ListTile.webp
diff --git a/assets/images/widgets/RadioListTile.png b/assets/images/widgets/RadioListTile.png
diff --git a/assets/images/widgets/RadioListTile.webp b/assets/images/widgets/RadioListTile.webp
diff --git a/assets/images/widgets/SwitchListTile.png b/assets/images/widgets/SwitchListTile.png
diff --git a/assets/images/widgets/SwitchListTile.webp b/assets/images/widgets/SwitchListTile.webp
diff --git a/assets/images/widgets/Text.png b/assets/images/widgets/Text.png
diff --git a/assets/images/widgets/Text.webp b/assets/images/widgets/Text.webp
diff --git a/assets/images/widgets/UserAccountsDrawerHeader.png b/assets/images/widgets/UserAccountsDrawerHeader.png
diff --git a/assets/images/widgets/UserAccountsDrawerHeader.webp b/assets/images/widgets/UserAccountsDrawerHeader.webp
diff --git a/assets/images/widgets/Visibility.png b/assets/images/widgets/Visibility.png
diff --git a/assets/images/widgets/Visibility.webp b/assets/images/widgets/Visibility.webp
diff --git a/assets/images/wy_200x300.jpg b/assets/images/wy_200x300.jpg
diff --git a/assets/images/wy_200x300.webp b/assets/images/wy_200x300.webp
diff --git a/assets/images/wy_300x200.jpg b/assets/images/wy_300x200.jpg
diff --git a/assets/images/wy_300x200.webp b/assets/images/wy_300x200.webp
diff --git a/assets/images/wy_300x200_filter.jpg b/assets/images/wy_300x200_filter.jpg
diff --git a/assets/images/wy_300x200_filter.webp b/assets/images/wy_300x200_filter.webp
diff --git a/assets/images/wy_30x20.jpg b/assets/images/wy_30x20.jpg
diff --git a/assets/images/wy_30x20.webp b/assets/images/wy_30x20.webp
diff --git a/lib/views/app/splash/unit_splash.dart b/lib/views/app/splash/unit_splash.dart
@@ -142,7 +142,7 @@ class _UnitSplashState extends State<UnitSplash> with TickerProviderStateMixin {
       child: Container(
         height: 45,
         width: 45,
-        child: Image.asset('assets/images/icon_head.png'),
+        child: Image.asset('assets/images/icon_head.webp'),
       ));
 
   Widget _buildPower() => Positioned(

diff --git a/lib/views/common/unit_drawer_header.dart b/lib/views/common/unit_drawer_header.dart
@@ -16,7 +16,7 @@ class UnitDrawerHeader extends StatelessWidget {
       padding: EdgeInsets.only(top: 10, left: 15),
       decoration: BoxDecoration(
         image: DecorationImage(
-            image: AssetImage('assets/images/wy_300x200_filter.jpg'),
+            image: AssetImage('assets/images/wy_300x200_filter.webp'),
             fit: BoxFit.cover),
       ),
       child: Column(

diff --git a/lib/views/dialogs/dialog_about.dart b/lib/views/dialogs/dialog_about.dart
@@ -13,7 +13,7 @@ class DialogAbout extends StatelessWidget {
       //标题
       children: <Widget>[
         Image.asset(
-          "assets/images/icon_head.png",
+          "assets/images/icon_head.webp",
           width: 30,
           height: 30,
         ),

diff --git a/lib/views/pages/about/about_app_page.dart b/lib/views/pages/about/about_app_page.dart
@@ -29,7 +29,7 @@ class AboutAppPage extends StatelessWidget {
                       width: MediaQuery.of(context).size.width,
                       margin: EdgeInsets.only(bottom: 50),
                       child: Image.asset(
-                        'assets/images/sabar.jpg',
+                        'assets/images/sabar.webp',
                         fit: BoxFit.cover,
                       ),
                     ),
@@ -42,7 +42,7 @@ class AboutAppPage extends StatelessWidget {
                     child: CircleImage(
                       size: 100,
                       shadowColor: Theme.of(context).primaryColor,
-                      image: AssetImage('assets/images/icon_head.png'),
+                      image: AssetImage('assets/images/icon_head.webp'),
                     )),
               ],
             ),

diff --git a/lib/views/pages/about/about_me_page.dart b/lib/views/pages/about/about_me_page.dart
@@ -25,7 +25,7 @@ class AboutMePage extends StatelessWidget {
                     width: MediaQuery.of(context).size.width,
                     margin: EdgeInsets.only(bottom: 50),
                     child: Image.asset(
-                      'assets/images/sabar.jpg',
+                      'assets/images/sabar.webp',
                       fit: BoxFit.cover,
                     ),
                   ),
@@ -38,7 +38,7 @@ class AboutMePage extends StatelessWidget {
                   child: CircleImage(
                     size: 100,
                     shadowColor: Theme.of(context).primaryColor,
-                    image: AssetImage('assets/images/icon_head.png'),
+                    image: AssetImage('assets/images/icon_head.webp'),
                   )),
             ],
           ),
@@ -140,7 +140,7 @@ class AboutMePage extends StatelessWidget {
               width: 190,
               child: Column(
                 children: <Widget>[
-                  Image.asset('assets/images/wechat.jpg'),
+                  Image.asset('assets/images/wechat.webp'),
                   Text(
                     '我的微信',
                     style: TextStyle(fontSize: 16),

diff --git a/lib/views/pages/about/version_info.dart b/lib/views/pages/about/version_info.dart
@@ -51,7 +51,7 @@ class VersionInfo extends StatelessWidget {
       crossAxisAlignment: WrapCrossAlignment.center,
       spacing: 10,
       children: <Widget>[
-        CircleImage(image: AssetImage("assets/images/icon_head.png"),size: 80,),
+        CircleImage(image: AssetImage("assets/images/icon_head.webp"),size: 80,),
         Text('Flutter Unit',style: TextStyle(fontSize: 20,fontWeight: FontWeight.bold),),
         Text('Version ${Cons.version}'),
       ],

diff --git a/lib/views/pages/category/collect_page.dart b/lib/views/pages/category/collect_page.dart
@@ -60,7 +60,7 @@ class _CollectPageState extends State<CollectPage>
               Navigator.of(context).pushNamed(UnitRouter.login);
             },
             child: CircleImage(
-              image: AssetImage('assets/images/icon_head.png'),
+              image: AssetImage('assets/images/icon_head.webp'),
               borderSize: 1.5,
             ),
           )),
@@ -80,7 +80,7 @@ class _CollectPageState extends State<CollectPage>
       flexibleSpace: FlexibleSpaceBar(
         collapseMode: CollapseMode.parallax, //视差效果
         background: Image.asset(
-          "assets/images/caver.jpeg",
+          "assets/images/caver.webp",
           fit: BoxFit.cover,
         ),
       ),

diff --git a/lib/views/pages/detail/widget_detail_page.dart b/lib/views/pages/detail/widget_detail_page.dart
@@ -265,7 +265,7 @@ class WidgetDetailTitle extends StatelessWidget {
                   child: ClipRRect(
                       borderRadius: BorderRadius.all(Radius.circular(8)),
                       child: model.image == null
-                          ? Image.asset('assets/images/caver.jpeg')
+                          ? Image.asset('assets/images/caver.webp')
                           : Image(image: model.image))),
             ),
           ),

diff --git a/lib/views/pages/home/background.dart b/lib/views/pages/home/background.dart
@@ -8,7 +8,7 @@ class Background extends StatelessWidget {
       child: Container(
         decoration: BoxDecoration(
             image: DecorationImage(
-                image: const AssetImage('assets/images/sabar.jpg'),
+                image: const AssetImage('assets/images/sabar.webp'),
                 fit: BoxFit.cover),
             borderRadius: const BorderRadius.only(
                 bottomRight: const Radius.circular(400),

diff --git a/lib/views/pages/login/login_page.dart b/lib/views/pages/login/login_page.dart
@@ -73,7 +73,7 @@ class LoginPage extends StatelessWidget {
 
   Widget arcBackground() {
     return ArcBackground(
-      image: AssetImage("assets/images/caver.jpeg"),
+      image: AssetImage("assets/images/caver.webp"),
       child: Padding(
         padding: const EdgeInsets.all(50.0),
         child: Container(

diff --git a/lib/views/pages/unit_todo/attr_unit_page.dart b/lib/views/pages/unit_todo/attr_unit_page.dart
@@ -21,7 +21,7 @@ class AttrUnitPage extends StatelessWidget {
             child: Column(
               children: <Widget>[
                 CircleImage(
-                  image: AssetImage('assets/images/icon_head.png'),
+                  image: AssetImage('assets/images/icon_head.webp'),
                   size: 80,
                 ),
                 SizedBox(height: 10,),

diff --git a/lib/views/pages/unit_todo/layout_unit_page.dart b/lib/views/pages/unit_todo/layout_unit_page.dart
@@ -23,7 +23,7 @@ class LayoutUnitPage extends StatelessWidget {
             child: Column(
               children: <Widget>[
                 CircleImage(
-                  image: AssetImage('assets/images/icon_head.png'),
+                  image: AssetImage('assets/images/icon_head.webp'),
                   size: 80,
                 ),
                 SizedBox(height: 10,),

diff --git a/lib/views/pages/unit_todo/paint_unit_page.dart b/lib/views/pages/unit_todo/paint_unit_page.dart
@@ -23,7 +23,7 @@ class PaintUnitPage extends StatelessWidget {
             child: Column(
               children: <Widget>[
                 CircleImage(
-                  image: AssetImage('assets/images/icon_head.png'),
+                  image: AssetImage('assets/images/icon_head.webp'),
                   size: 80,
                 ),
                 SizedBox(height: 10,),

diff --git a/lib/views/pages/unit_todo/point_unit_page.dart b/lib/views/pages/unit_todo/point_unit_page.dart
@@ -30,7 +30,7 @@ class BugUnitPage extends StatelessWidget {
                     Navigator.of(context).pushNamed(UnitRouter.issues_point);
                   },
                   child: CircleImage(
-                    image: AssetImage('assets/images/icon_head.png'),
+                    image: AssetImage('assets/images/icon_head.webp'),
                     size: 80,
                   ),
                 ),

diff --git a/lib/views/widgets/MultiChildRenderObjectWidget/Flow/node1_base.dart b/lib/views/widgets/MultiChildRenderObjectWidget/Flow/node1_base.dart
@@ -16,8 +16,8 @@ class CircleFlow extends StatelessWidget {
   final data = List.generate(
       16,
       (index) => index.isEven
-          ? "assets/images/icon_head.png"
-          : "assets/images/wy_300x200.jpg");
+          ? "assets/images/icon_head.webp"
+          : "assets/images/wy_300x200.webp");
 
   @override
   Widget build(BuildContext context) {

diff --git a/lib/views/widgets/MultiChildRenderObjectWidget/Flow/node2_anim.dart b/lib/views/widgets/MultiChildRenderObjectWidget/Flow/node2_anim.dart
@@ -16,8 +16,8 @@ class BurstFlow extends StatefulWidget {
   static final data = List.generate(
       16,
       (index) => index.isEven
-          ? "assets/images/icon_head.png"
-          : "assets/images/wy_300x200.jpg");
+          ? "assets/images/icon_head.webp"
+          : "assets/images/wy_300x200.webp");
   static final show = Container(
       width: 300,
       height: 300,
@@ -27,7 +27,7 @@ class BurstFlow extends StatefulWidget {
               .map((e) => CircleAvatar(backgroundImage: AssetImage(e)))
               .toList(),
           menu: CircleAvatar(
-            backgroundImage: AssetImage('assets/images/icon_head.png'),
+            backgroundImage: AssetImage('assets/images/icon_head.webp'),
           )));
 
   final List<Widget> children;

diff --git a/lib/views/widgets/MultiChildRenderObjectWidget/RichText/node2_widget.dart b/lib/views/widgets/MultiChildRenderObjectWidget/RichText/node2_widget.dart
@@ -19,7 +19,7 @@ class RichTextWithWidget extends StatelessWidget {
         children: <InlineSpan>[
           WidgetSpan(
               child: Image.asset(
-                'assets/images/icon_head.png',
+                'assets/images/icon_head.webp',
                 width: 30,
               ),
               alignment: PlaceholderAlignment.baseline,

diff --git a/lib/views/widgets/Other/RawImage/node1_base.dart b/lib/views/widgets/Other/RawImage/node1_base.dart
@@ -29,7 +29,7 @@ class _RawImageDemoState extends State<RawImageDemo> {
   @override
   void initState() {
     super.initState();
-    _loadImageFromAssets('assets/images/icon_head.png');
+    _loadImageFromAssets('assets/images/icon_head.webp');
   }
 
   @override

diff --git a/lib/views/widgets/ProxyWidget/ListTileTheme/node1_base.dart b/lib/views/widgets/ProxyWidget/ListTileTheme/node1_base.dart
@@ -39,7 +39,7 @@ class _ListTileSimpleState extends State<_ListTileSimple> {
       margin: EdgeInsets.all(10),
       color: Colors.grey.withAlpha(22),
       child: ListTile(
-        leading: Image.asset("assets/images/icon_head.png"),
+        leading: Image.asset("assets/images/icon_head.webp"),
         selected: _selected,
         title: Text("以梦为马"),
         subtitle: Text("海子"),

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/BackdropFilter/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/BackdropFilter/node1_base.dart
@@ -58,15 +58,15 @@ class _CustomBackdropFilterState extends State<CustomBackdropFilter> {
           height: 150,
           width: 150,
           child: Image.asset(
-            'assets/images/sabar.jpg',
+            'assets/images/sabar.webp',
             fit: BoxFit.cover,
           ),
         ),
         Container(
           height: 150,
           width: 150,
           child: Image.asset(
-            'assets/images/wy_200x300.jpg',
+            'assets/images/wy_200x300.webp',
             fit: BoxFit.cover,
           ),
         ),

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/ClipOval/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/ClipOval/node1_base.dart
@@ -22,14 +22,14 @@ class CustomClipOval extends StatelessWidget {
         ClipOval(
 
           child: Image.asset(
-            "assets/images/wy_300x200.jpg",
+            "assets/images/wy_300x200.webp",
             width: 150,
             height: 100,
           ),
         ),
         ClipOval(
           child: Image.asset(
-            "assets/images/wy_300x200.jpg",
+            "assets/images/wy_300x200.webp",
             width: 100,
             height: 100,
             fit: BoxFit.cover,

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/ClipPath/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/ClipPath/node1_base.dart
@@ -20,7 +20,7 @@ class CustomClipPath extends StatelessWidget {
     return ClipPath(
       clipper: ShapeBorderClipper(shape: _StarShapeBorder()),
       child: Image.asset(
-        "assets/images/wy_300x200.jpg",
+        "assets/images/wy_300x200.webp",
         width: 150,
         height: 100,
         fit: BoxFit.cover,

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/ClipRRect/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/ClipRRect/node1_base.dart
@@ -19,7 +19,7 @@ class CustomClipRRect extends StatelessWidget {
     return ClipRRect(
       borderRadius: BorderRadius.all(Radius.elliptical(35, 30)),
       child: Image.asset(
-        "assets/images/wy_300x200.jpg",
+        "assets/images/wy_300x200.webp",
         width: 150,
         height: 100,
       ),

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/ClipRect/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/ClipRect/node1_base.dart
@@ -20,7 +20,7 @@ class CustomClipRect extends StatelessWidget {
         height: 100,
         width: 100,
         child: Image.asset(
-          "assets/images/wy_300x200.jpg",
+          "assets/images/wy_300x200.webp",
           fit: BoxFit.cover,),
       ),
     );

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/ColorFiltered/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/ColorFiltered/node1_base.dart
@@ -51,7 +51,7 @@ class _CustomColorFilteredState extends State<CustomColorFiltered> {
         width: 58,
         height: 58,
         child: ColorFiltered(
-            child: Image(image: AssetImage("assets/images/icon_head.png")),
+            child: Image(image: AssetImage("assets/images/icon_head.webp")),
             colorFilter: ColorFilter.mode(_color, m)),
       );
 

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/DecoratedBox/node2_image.dart b/lib/views/widgets/SingleChildRenderObjectWidget/DecoratedBox/node2_image.dart
@@ -20,7 +20,7 @@ class ShapeImageDemo extends StatelessWidget {
           image: DecorationImage(
               fit: BoxFit.cover,
               image: AssetImage(
-                'assets/images/wy_200x300.jpg',
+                'assets/images/wy_200x300.webp',
               ))),
       child: SizedBox(
         height: 80,

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/DecoratedBox/node3_border.dart b/lib/views/widgets/SingleChildRenderObjectWidget/DecoratedBox/node3_border.dart
@@ -23,7 +23,7 @@ class BorderDemo extends StatelessWidget {
         height: 80,
         width: 100,
         child: Image.asset(
-          'assets/images/wy_200x300.jpg',
+          'assets/images/wy_200x300.webp',
           fit: BoxFit.cover,
         ),
       ),

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/DecoratedBox/node4_shape.dart b/lib/views/widgets/SingleChildRenderObjectWidget/DecoratedBox/node4_shape.dart
@@ -24,7 +24,7 @@ class ShapeDecorationDemo extends StatelessWidget {
           image: DecorationImage(
               fit: BoxFit.cover,
               image: AssetImage(
-                'assets/images/wy_200x300.jpg',
+                'assets/images/wy_200x300.webp',
               )),
           shape: CircleBorder(
             side: BorderSide(width: 1.0, color: Colors.orangeAccent),

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/Opacity/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/Opacity/node1_base.dart
@@ -29,7 +29,7 @@ class _CustomOpacityState extends State<CustomOpacity> {
   Widget _buildOpacity() => Opacity(
         opacity: _opacity,
         child: Image.asset(// 图片
-          'assets/images/icon_head.png',
+          'assets/images/icon_head.webp',
           width: 100,
         ),
       );

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/PhysicalModel/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/PhysicalModel/node1_base.dart
@@ -29,7 +29,7 @@ class PhysicalModelDemo extends StatelessWidget{
               shadowColor: Colors.orange,
               elevation: 3,
               child: Image.asset(
-                'assets/images/caver.jpeg',
+                'assets/images/caver.webp',
                 fit: BoxFit.cover,
               ),
               clipBehavior: Clip.hardEdge,
@@ -44,7 +44,7 @@ class PhysicalModelDemo extends StatelessWidget{
               shadowColor: Colors.orange,
               elevation: 3,
               child: Image.asset(
-                'assets/images/caver.jpeg',
+                'assets/images/caver.webp',
                 fit: BoxFit.cover,
               ),
               borderRadius: BorderRadius.all(Radius.circular(20)),

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/PhysicalShape/node1_base.dart b/lib/views/widgets/SingleChildRenderObjectWidget/PhysicalShape/node1_base.dart
@@ -26,7 +26,7 @@ class PhysicalShapeDemo extends StatelessWidget {
           shadowColor: Colors.orange,
           elevation: 3,
           child: Image.asset(
-            'assets/images/caver.jpeg',
+            'assets/images/caver.webp',
             fit: BoxFit.cover,
           ),
           clipBehavior: Clip.hardEdge,

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/ShaderMask/node1_radial.dart b/lib/views/widgets/SingleChildRenderObjectWidget/ShaderMask/node1_radial.dart
@@ -24,7 +24,7 @@ class RadialShaderMask extends StatelessWidget {
         ShaderMask(
           shaderCallback: _buildShader,
           child: Image.asset(
-            'assets/images/icon_head.png',
+            'assets/images/icon_head.webp',
             height: 70,
             width: 70,
           ),

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/ShaderMask/node2_linear.dart b/lib/views/widgets/SingleChildRenderObjectWidget/ShaderMask/node2_linear.dart
@@ -21,7 +21,7 @@ class LinearShaderMask extends StatelessWidget {
         ShaderMask(
           shaderCallback: _buildShader,
           child: Image.asset(
-            'assets/images/icon_head.png',
+            'assets/images/icon_head.webp',
             height: 70,
             width: 70,
           ),

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/Transform/node1_skew.dart b/lib/views/widgets/SingleChildRenderObjectWidget/Transform/node1_skew.dart
@@ -55,7 +55,7 @@ class _SkewTransformState extends State<SkewTransform> {
           width: 100,
           height: 100,
           child: Image.asset(
-            'assets/images/wy_300x200.jpg',
+            'assets/images/wy_300x200.webp',
             fit: BoxFit.cover,
           )),
     );

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/Transform/node2_translation.dart b/lib/views/widgets/SingleChildRenderObjectWidget/Transform/node2_translation.dart
@@ -54,7 +54,7 @@ class _TranslationTransformState extends State<TranslationTransform> {
           width: 100,
           height: 100,
           child: Image.asset(
-            'assets/images/wy_300x200.jpg',
+            'assets/images/wy_300x200.webp',
             fit: BoxFit.cover,
           )),
     );

diff --git a/lib/views/widgets/SingleChildRenderObjectWidget/Transform/node3_scale.dart b/lib/views/widgets/SingleChildRenderObjectWidget/Transform/node3_scale.dart
@@ -53,7 +53,7 @@ class _ScaleTransformState extends State<ScaleTransform> {
           width: 100,
           height: 100,
           child: Image.asset(
-            'assets/images/wy_300x200.jpg',
+            'assets/images/wy_300x200.webp',
             fit: BoxFit.cover,
           )),
     );