diff --git a/assets/images/arrow_left.png b/assets/images/arrow_left.png
deleted file mode 100644
index d0fa7a1b9b..0000000000
Binary files a/assets/images/arrow_left.png and /dev/null differ
diff --git a/assets/images/arrow_left.webp b/assets/images/arrow_left.webp
new file mode 100644
index 0000000000..a97c19958e
Binary files /dev/null and b/assets/images/arrow_left.webp differ
diff --git a/assets/images/cross.png b/assets/images/cross.png
deleted file mode 100644
index 52cf3f4eb6..0000000000
Binary files a/assets/images/cross.png and /dev/null differ
diff --git a/assets/images/cross.webp b/assets/images/cross.webp
new file mode 100644
index 0000000000..16eb82e0de
Binary files /dev/null and b/assets/images/cross.webp differ
diff --git a/assets/images/help.png b/assets/images/help.png
deleted file mode 100644
index b7ceb8245f..0000000000
Binary files a/assets/images/help.png and /dev/null differ
diff --git a/assets/images/help.webp b/assets/images/help.webp
new file mode 100644
index 0000000000..c70857afeb
Binary files /dev/null and b/assets/images/help.webp differ
diff --git a/assets/images/no_internet.png b/assets/images/no_internet.png
deleted file mode 100644
index 516d97a2de..0000000000
Binary files a/assets/images/no_internet.png and /dev/null differ
diff --git a/assets/images/no_internet.webp b/assets/images/no_internet.webp
new file mode 100644
index 0000000000..aaa7ac1d4d
Binary files /dev/null and b/assets/images/no_internet.webp differ
diff --git a/assets/images/quote_apology_icon.png b/assets/images/quote_apology_icon.png
deleted file mode 100644
index 93d9488646..0000000000
Binary files a/assets/images/quote_apology_icon.png and /dev/null differ
diff --git a/assets/images/quote_apology_icon.webp b/assets/images/quote_apology_icon.webp
new file mode 100644
index 0000000000..ed52f778e0
Binary files /dev/null and b/assets/images/quote_apology_icon.webp differ
diff --git a/assets/images/sww.png b/assets/images/sww.png
deleted file mode 100644
index 329c16a799..0000000000
Binary files a/assets/images/sww.png and /dev/null differ
diff --git a/assets/images/sww.webp b/assets/images/sww.webp
new file mode 100644
index 0000000000..0ee8e16733
Binary files /dev/null and b/assets/images/sww.webp differ
diff --git a/components/AppImage.tsx b/components/AppImage.tsx
index b70c8b7710..8852696b08 100644
--- a/components/AppImage.tsx
+++ b/components/AppImage.tsx
@@ -5,34 +5,34 @@ export const AppImage: React.FC<AppImageProps> = ({ imageCode, style }) => {
   switch (imageCode) {
     case ImageName.SWW:
       return (
-        <Image source={require("../assets/images/sww.png")} style={style} />
+        <Image source={require("../assets/images/sww.webp")} style={style} />
       );
     case ImageName.NO_INTERNET:
       return (
         <Image
-          source={require("../assets/images/no_internet.png")}
+          source={require("../assets/images/no_internet.webp")}
           style={style}
         />
       );
     case ImageName.CROSS:
       return (
-        <Image source={require("../assets/images/cross.png")} style={style} />
+        <Image source={require("../assets/images/cross.webp")} style={style} />
       );
     case ImageName.HELP:
       return (
-        <Image source={require("../assets/images/help.png")} style={style} />
+        <Image source={require("../assets/images/help.webp")} style={style} />
       );
     case ImageName.QUOTE_APOLOGY_ICON:
       return (
         <Image
-          source={require("../assets/images/quote_apology_icon.png")}
+          source={require("../assets/images/quote_apology_icon.webp")}
           style={style}
         />
       );
     case ImageName.BACK_ARROW:
       return (
         <Image
-          source={require("../assets/images/arrow_left.png")}
+          source={require("../assets/images/arrow_left.webp")}
           style={style}
         />
       );