{"repo":"Aleksefo/react-native-webp-format","free":true,"listed":false,"github":"https://github.com/Aleksefo/react-native-webp-format","clone":"git clone https://github.com/Aleksefo/react-native-webp-format.git","description":"WebP image integration for React Native apps.","language":"Ruby","stars":172,"topics":["webp","react-native","ios","android"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Native WebP Format Save tens of megabytes with this simple trick... WebP image integration for React Native apps. By utilizing WebP instead of png/jpg you can significantly reduce the size of your app without quality loss. Works with both Image and ImageBackground React Native components. iOS uses SDWebImage implementation and Android utilizes Fresco to boost the gained performance even more. Here's a detailed article with extra information on what is the best way to convert your regular images to WebP. Prerequisites: - React Native version 0.61 or higher (last tested on 0.84.1 ). Older versions might work too, but that's not guaranteed. Installation iOS Android Add the following dependencies to android/app/build.gradle : Check the example app if you have any issues. Remember to restart your packager to see the changes. If you still have any issues, try resetting the cache. Usage Simply replace .png or .jpg with .webp after you've converted your files Expo Add the plugin to your app.json / app.config.js : Then run npx expo prebuild (or eas build ). The plugin automatically adds the required Android Fresco dependencies; iOS is handled by the podspec. Known issues 1. .getSize() doesn't work on WebP images. Use instead: 3. Multiple animated images of too large size ( 5MB) may crash iOS app due to running out of memory. Possible solution PRs are welcomed ❤️","default_branch":null,"files":null,"tree":[],"storefront":"/r/Aleksefo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Aleksefo/react-native-webp-format/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}