convert pngs & gifs to webps

firka/flutter_launcher_icons.yaml

@@ -1,7 +1,7 @@
 flutter_launcher_icons:
   generate: true
   android: "launcher_icon"
-  image_path: "assets/images/logos/colored_logo.png"
+  image_path: "assets/images/logos/colored_logo.webp"
   adaptive_icon_monochrome: "assets/images/logos/monochrome_logo.png"
   adaptive_icon_background: "assets/images/logos/colored_logo_without_mustache.png"
   adaptive_icon_foreground: "assets/images/logos/colored_logo_only_mustache.png"

firka/lib/helpers/profile_picture.dart

@@ -16,7 +16,7 @@ Future<void> pickProfilePicture(
 
   var dataDir = await getApplicationDocumentsDirectory();
   var bytes = encodePng(resized);
-  await File(p.join(dataDir.path, "profile.png")).writeAsBytes(bytes);
+  await File(p.join(dataDir.path, "profile.webp")).writeAsBytes(bytes);
 
   data.profilePicture = bytes;
 }

firka/lib/main.dart

@@ -176,7 +176,7 @@ Future<AppInitialization> initializeApp() async {
   }
 
   final dataDir = await getApplicationDocumentsDirectory();
-  var pfpFile = File(p.join(dataDir.path, "profile.png"));
+  var pfpFile = File(p.join(dataDir.path, "profile.webp"));
 
   if (await pfpFile.exists()) {
     init.profilePicture = await pfpFile.readAsBytes();

firka/lib/ui/phone/screens/login/login_screen.dart

@@ -49,14 +49,14 @@ class _LoginScreenState extends State<LoginScreen> {
       final firkaBundle = FirkaBundle();
 
       await precacheAssets(firkaBundle, [
-        "assets/images/carousel/slide1.png",
-        "assets/images/carousel/slide1_background.gif",
-        "assets/images/carousel/slide2.png",
-        "assets/images/carousel/slide2_background.gif",
-        "assets/images/carousel/slide3.png",
-        "assets/images/carousel/slide3_foreground.gif",
-        "assets/images/carousel/slide4.png",
-        "assets/images/carousel/slide4_background.gif"
+        "assets/images/carousel/slide1.webp",
+        "assets/images/carousel/slide1_background.webp",
+        "assets/images/carousel/slide2.webp",
+        "assets/images/carousel/slide2_background.webp",
+        "assets/images/carousel/slide3.webp",
+        "assets/images/carousel/slide3_foreground.webp",
+        "assets/images/carousel/slide4.webp",
+        "assets/images/carousel/slide4_background.webp"
       ]);
 
       setState(() {
@@ -79,8 +79,8 @@ class _LoginScreenState extends State<LoginScreen> {
       {
         'title': widget.data.l10n.title1,
         'subtitle': widget.data.l10n.subtitle1,
-        'picture': 'assets/images/carousel/slide1.png',
-        'background': 'assets/images/carousel/slide1_background.gif',
+        'picture': 'assets/images/carousel/slide1.webp',
+        'background': 'assets/images/carousel/slide1_background.webp',
         'foreground': '',
         'rotation': 180.00,
         // „Mi nekünk két szám típusunk van, int (egy 32 bites szám) meg a double (egy 64 bites tört szám), KURVA ANYÁDAT”
@@ -91,8 +91,8 @@ class _LoginScreenState extends State<LoginScreen> {
       {
         'title': widget.data.l10n.title2,
         'subtitle': widget.data.l10n.subtitle2,
-        'picture': 'assets/images/carousel/slide2.png',
-        'background': 'assets/images/carousel/slide2_background.gif',
+        'picture': 'assets/images/carousel/slide2.webp',
+        'background': 'assets/images/carousel/slide2_background.webp',
         'foreground': '',
         'rotation': 180.00,
         //Mivel radiáns, és nullával nem lehet osztani (remélem tudtad), ezért ha eggyel osztunk akkor egy marad
@@ -103,9 +103,9 @@ class _LoginScreenState extends State<LoginScreen> {
       {
         'title': widget.data.l10n.title3,
         'subtitle': widget.data.l10n.subtitle3,
-        'picture': 'assets/images/carousel/slide3.png',
+        'picture': 'assets/images/carousel/slide3.webp',
         'background': '',
-        'foreground': 'assets/images/carousel/slide3_foreground.gif',
+        'foreground': 'assets/images/carousel/slide3_foreground.webp',
         'rotation': 180.0,
         'scale': 0.8,
         'x': 0.00,
@@ -114,8 +114,8 @@ class _LoginScreenState extends State<LoginScreen> {
       {
         'title': widget.data.l10n.title4,
         'subtitle': widget.data.l10n.subtitle4,
-        'picture': 'assets/images/carousel/slide4.png',
-        'background': 'assets/images/carousel/slide4_background.gif',
+        'picture': 'assets/images/carousel/slide4.webp',
+        'background': 'assets/images/carousel/slide4_background.webp',
         'foreground': '',
         'rotation': 180.00,
         'scale': 1.35,
@@ -147,7 +147,7 @@ class _LoginScreenState extends State<LoginScreen> {
                           image: DecorationImage(
                             image: CacheMemoryImageProvider(
                                 DefaultAssetBundle.of(context),
-                                'assets/images/logos/colored_logo.png'),
+                                'assets/images/logos/colored_logo.webp'),
                             fit: BoxFit.cover,
                           ),
                           shape: RoundedRectangleBorder(

firka/lib/ui/phone/screens/settings/settings_screen.dart

@@ -234,7 +234,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
         widgets.add(Container(
           decoration: BoxDecoration(
             image: DecorationImage(
-                image: AssetImage('assets/images/background.png'),
+                image: AssetImage('assets/images/background.webp'),
                 fit: BoxFit.cover),
             borderRadius: BorderRadius.all(Radius.circular(16)),
           ),
@@ -249,7 +249,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                       borderRadius:
                           const BorderRadius.all(Radius.circular(16.0)),
                       child: Image.asset(
-                        "assets/images/icons/$activeIcon.png",
+                        "assets/images/icons/$activeIcon.webp",
                         width: 74,
                         height: 74,
                       ),
@@ -304,7 +304,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                               borderRadius:
                                   const BorderRadius.all(Radius.circular(12.0)),
                               child: Image.asset(
-                                "assets/images/icons/$icon.png",
+                                "assets/images/icons/$icon.webp",
                                 width: 48,
                                 height: 48,
                               ),
@@ -315,7 +315,7 @@ class _SettingsScreenState extends State<SettingsScreen> {
                           borderRadius:
                               const BorderRadius.all(Radius.circular(16.0)),
                           child: Image.asset(
-                            "assets/images/icons/$icon.png",
+                            "assets/images/icons/$icon.webp",
                             width: 54,
                             height: 54,
                           ),

firka/lib/ui/phone/screens/wear_login/wear_login_screen.dart

@@ -130,7 +130,7 @@ class _WearLoginScreenState extends State<WearLoginScreen> {
                         decoration: ShapeDecoration(
                           image: const DecorationImage(
                             image: AssetImage(
-                                'assets/images/logos/colored_logo.png'),
+                                'assets/images/logos/colored_logo.webp'),
                             fit: BoxFit.cover,
                           ),
                           shape: RoundedRectangleBorder(