https://minhhh.github.io/tags/webp/Recent content in Webp on Huy Minh HaHugo -- gohugo.ioen-usWed, 18 Jan 2017 00:00:00 +0700https://minhhh.github.io/posts/unity-webp/Wed, 18 Jan 2017 00:00:00 +0700https://minhhh.github.io/posts/unity-webp/<p>Webp is a very optimized image format. It will produce smaller image size with almost the same quality as other compression format such as: <code>ETC2</code>, <code>DXT5</code>, <code>ETC1</code>, <code>PVRTC</code>. Below is some comparison between <code>Webp</code> and popular compression format in Unity</p> <table> <thead> <tr> <th>512x512 Image</th> <th style="text-align: right">Size in KB</th> </tr> </thead> <tbody> <tr> <td>Original</td> <td style="text-align: right">480</td> </tr> <tr> <td>ETC1 4bits</td> <td style="text-align: right">128</td> </tr> <tr> <td>ETC2 8bits</td> <td style="text-align: right">256</td> </tr> <tr> <td>Dxt5 Crunched</td> <td style="text-align: right">64</td> </tr> <tr> <td>PVRTC 2 bit</td> <td style="text-align: right">64</td> </tr> <tr> <td>PVRTC 4 bit</td> <td style="text-align: right">128</td> </tr> <tr> <td>Webp Lossless</td> <td style="text-align: right">287</td> </tr> <tr> <td>Webp Lossy 80</td> <td style="text-align: right">23</td> </tr> </tbody> </table> <table> <thead> <tr> <th>1024x1024 Image</th> <th style="text-align: right">Size in KB</th> </tr> </thead> <tbody> <tr> <td>Original</td> <td style="text-align: right">1800</td> </tr> <tr> <td>ETC1 4bits</td> <td style="text-align: right">512</td> </tr> <tr> <td>ETC2 8bits</td> <td style="text-align: right">1000</td> </tr> <tr> <td>Dxt5 Crunched</td> <td style="text-align: right">183</td> </tr> <tr> <td>PVRTC 2 bit</td> <td style="text-align: right">256</td> </tr> <tr> <td>PVRTC 4 bit</td> <td style="text-align: right">512</td> </tr> <tr> <td>Webp Lossless</td> <td style="text-align: right">1200</td> </tr> <tr> <td>Webp Lossy 80</td> <td style="text-align: right">113</td> </tr> </tbody> </table> <p>I&rsquo;ve written a simple plugin to include Webp textures into your Unity game here: <a class="link" href="https://github.com/minhhh/UBootstrap.Webp" target="_blank" rel="noopener" >https://github.com/minhhh/UBootstrap.Webp</a></p> <p>Ref: <a class="link" href="https://www.andrewmunsell.com/blog/png-vs-webp/" target="_blank" rel="noopener" >png vs webp</a></p>