𝙹𝚘𝚑𝚊𝚗<p><a href="https://cr8r.gg/tags/WebP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebP</span></a> <a href="https://cr8r.gg/tags/%D0%BA%D0%BE%D1%82%D0%B8%D0%BA%D0%B8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>котики</span></a> <a href="https://cr8r.gg/tags/%D0%BA%D0%BE%D1%82%D1%8D" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>котэ</span></a> <a href="https://cr8r.gg/tags/%D0%B0%D0%BB%D0%B3%D0%BE%D1%80%D0%B8%D1%82%D0%BC%D1%8B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>алгоритмы</span></a> <a href="https://cr8r.gg/tags/%D1%81%D0%B6%D0%B0%D1%82%D0%B8%D0%B5" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>сжатие</span></a> <a href="https://cr8r.gg/tags/%D0%A4%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D1%8B%D0%A4%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ФорматыФайлов</span></a> <a href="https://cr8r.gg/tags/%D1%82%D0%B5%D1%81%D1%82" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>тест</span></a></p><p><strong>WebP</strong></p><p>Для тех, кому пока непонятно, зачем нужен этот ваш WebP. Типичный пример типичного скриншота: текст+картинка+много однородного фона.</p><ul><li>PNG → 1,47 Мб</li><li>WebP → 128 Кб (lossy)</li><li>JPEG → 187 Кб</li></ul><p>По второй картинке можно оценить, насколько мало артефактов привносит WebP при большем, чем у JPEG, сжатии (и более чем в 10 раз относительно PNG!).</p><p>Вторая картинка, есличо, занимает 97 килобайт в WebP lossless, при 207 и 205 в PNG / JPEG 🙂 </p><p>Кроме размера (бе-е-е-е, интернеты быстрые, зачем экономить килоба-а-а-йт) большой плюс формата — поддержка прозрачности при обоих вариантах сжатия (с потерями и без). И даже анимация есть.</p><p>Поддержка реализована во всех браузерах старше 2020 года, просмотрщики и редакторы тоже умеют искаропки, ну или надо плагин/либу поставить. Даже Paint в <a href="https://cr8r.gg/tags/Windows10" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Windows10</span></a> — могёт 🙂 </p><p>А еще он попенсорцный и одобрен котиками 🐱</p>