Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PNG don Chop Space

PNG don Chop Space

Did you notice your app size is needlessly large and figured your app resources specifically images are the culprit for this? If Yes, then Webp is for you….

5711a187d80c7009bbb5266a7aa8fd67?s=128

Umar Saidu Auna

August 27, 2021
Tweet

Transcript

  1. PNG don Chop Space!!! August 28, 2021

  2. Hello! I am Umar Saidu Auna Software Engineer a tech

    community organizer. You can find me on twitter @umarauna 2
  3. Png don chop space Did you notice your app size

    is needlessly large and figured your app resources specifically images are the culprit for this? If Yes, then Webp is for you…. 3
  4. 4

  5. 5 We freed 14.3MB

  6. 6

  7. Mai nene WebP? 1 What is Webp? - Hausa

  8. WebP is an image file format from Google that provides

    lossy compression (like JPEG) as well as transparency (like PNG) but can provide better compression than either JPEG or PNG. Lossy WebP images are supported in Android 4.0 (API level 14) and higher. 8
  9. “ One of the best things about WebP images it’s

    reduces the image size without reducing the image quality. 9
  10. idi ti Webp? 2 Why Webp? - Yoruba

  11. WebP provides consistently smaller file sizes than its alternatives. 11

  12. WebP lossless image files are on average, 26% smaller than

    PNGs. 12
  13. WebP lossy images are 25-34% smaller than comparable JPG images

    13
  14. 14

  15. the new pikin 3 the new child - Pidgin

  16. AVIF The AV1 image format (AVIF) is an exciting new

    open-sourced and royalty free optimised image format which supports any image codec. An AVIF image offers significant file size reduction compared with JPEG, PNG and WebP and is currently supported on Google Chrome, Firefox and Android. 16
  17. AVIF vs JPEG and WebP The AVIF image format offers

    significant file size reduction for lossy images compared with JPEG and even WebP – Google's image format. 17
  18. Browsers supported Google Chrome 18 Firefox Microsoft Edge not() Safari

  19. 19 JPEG (311.4 KB) Webp (254.2 KB) Avif (162.6 KB)

  20. Webp maka Web 4 Webp for web? - Igbo

  21. Tools Squoosh - Online image compression and conversion Online-Convert.com -

    Online image conversion 21
  22. Command line tools https://www.npmjs.com/package/cwebp 22

  23. Node Tools https://github.com/imagemin/imagemin 23 Its Plugin https://github.com/imagemin/imagemin-webp

  24. Sketch – UI Designers In Sketch, we can export any

    slice in the WebP image format. 24
  25. “ WebP is supported in 72% of browsers globally used.

    25
  26. Oya show me how to do it!!! We go convert

    an image to webp and back to png in Android Studio 26
  27. Article on medium https://bit.ly/webp-image 27

  28. Slide https://speakerdeck.com/auna/png -don-chop-space 28

  29. 29 nagode Any questions? You can find me at: ⊹

    @umarauna ⊹ github.com/umarauna e dupe Daalụ you do well thank you