Пакетная оптимизация картинок сайта

А как у тебя с картинками?

Все картинки пережаты, а новые добавляю со сжатием
3
50%
Новые добавляю оптимизированные, на старые забил
0
Голосов нет
Мне насрать на место, на скорость бекапов, на рекомендации гугла
3
50%
 
Всего голосов : 6

Пакетная оптимизация картинок сайта

Сообщение k0ttee »

Более года назад постил про Webp - новый формат графики для Web. Там все круто, кроме кроссбраузерности - WebP тащит только в Chrome и его вариациях.

Пакетная оптимизация картинок на сайте - Впереди прогресса.png
Пакетная оптимизация картинок на сайте - Впереди прогресса.png (8.77 КБ) Просмотров: 342


Это не я впереди прогресса, это прогресс буксует и коллеги не топят за оптимайз.

Mozilla Firefox, Safari (двиган Gecko плавно переходящий в Quantum) не тащит WebP. Там и не думают прикручивать единый формат. Причем ГовноЛис проталкивает свой APNG (на замену морально устаревшим GIF-анимациям). Ситуация напоминает события, когда Microsoft Office и свободные альтернативы уперлись как бараны и не приняли единого формата документов (из-за этого дерьма студенты так и накатывают "микромягкую пиратку" чтобы не запороть рефераты в "открытых офисах").

Я пытался вести беседу на тему WebP с красногаликами на их теретории. Вместо предложений полифила для WebP в ответ прилетело "не нужно", ибо только GIF нужно заменить на APNG. Видимо адепты ГовноЛиса.

Мне не нужен зоопарк форматов - JPG, PNG, GIF или APNG - с которым придется возиться сортировками, когда есть WebP умеющий и прозрачность и анимацию и не весящий многие байты.

Ждёте поддержку всеми браузерами?

Apple обещали прикрутить в iOS 10 и MacOS 10.12, но не прикрутили.
Mozilla уперлись и проталкивают свой APNG взамен GIF.
Microsoft забили свой маленький и мягкий болт (но разве кого-то волнует Internet Explorer или Edge?).

Так или иначе - over 99,9% браузеров в мире это Chrome (включая сборки на его основе). Так что путь лиса подавится шерстью.

Таки WebP кроссбраузерный?

Есть JavaScript-полифил, с которым WebP потащит во всех браузерах (включая даже Internet Explorer 6). В чем отстой? Он срабатывает не сразу (из-за асинхронности и выполнения по событию "когда страница полностью загрузилась"). Поэтому кратинки появляются не сразу, а через секунду или две.
Код: Выделить всё
http://webpjs.appspot.com


Для Wordpress даже есть плагин wp-webp, который прикручивает полифил к шаблону.
Код: Выделить всё
https://emoji.wordpress.org/plugins/wp-webp/

Самая вкусная часть плагина выдрана и сохранена в архивчик.
Распаковываете в корень (получается папка webpjs) и вставляете в шаблон код из файла readme.
webpjs.zip
(92.31 КБ) Скачиваний: 48


Добавление новых картинок с пересохранением в WebP

В похапэ есть функция imagewebp(); Ищите плагин под свои движки, который будет пересохранять добавляемые картинки. Универсального варианта я дать не могу.
Код: Выделить всё
http://php.net/manual/ru/function.imagewebp.php


Пакетное сохранение в WebP старых картинок

Это ребята жопа. Особенно если файлов многие тысячи. Зато на выхлопе 150 мегабайт превращаются в 40.

Скомпилированные утилиты для перегонки в WEBP пылятся у гугла (по ссылке описание)
Код: Выделить всё
https://developers.google.com/speed/webp/docs/precompiled

А вот ссылка сразу на репозиторий
Код: Выделить всё
https://storage.googleapis.com/downloads.webmproject.org/releases/webp/index.html

Использование до безобразия простое (линк на страницу про usage)
Код: Выделить всё
https://developers.google.com/speed/webp/docs/using

И тут начинается самое веселое - смена расширений в путях к картинкам.


За это сообщение автора k0ttee поблагодарил:
birds
Аватара пользователя
k0ttee

 
Группа: Специалист ruSEO
Сообщения: 10322
Рефералы: 2
Зарегистрирован: 02 май 2014
Средств на руках: 5.80
Статус: всё
Спонсор
 
Re: Пакетная оптимизация картинок сайта

Сообщение birds »

Годная тема, картинки под web уже давно назрели в едином формате, вот приживется ли он и станет ли единым?...
Твой RX траф в надежных руках! Рейт 45% подробнее - tg: @onlinerx
Зарабатываю на крипте | играх | банках. Продвигаю сайты: статьями и вечными
Онлайн будильник - не проспи! | Генератор ников
Аватара пользователя
birds
Администратор
 
Группа: Администраторы
Сообщения: 19659
Рефералы: -208
Зарегистрирован: 24 авг 2010
Откуда: местный житель
Средств на руках: 107.10
Статус: летящий вперед
Re: Пакетная оптимизация картинок сайта

Сообщение k0ttee »

Оно давно... А еще есть другие, которые тоже по 10 лет существуют, но всем насрать.
Пока тока с красноглазыми на лоре получилось хоть как-то обсудить вопросы совместимости.
Аватара пользователя
k0ttee

 
Группа: Специалист ruSEO
Сообщения: 10322
Рефералы: 2
Зарегистрирован: 02 май 2014
Средств на руках: 5.80
Статус: всё
Спонсор
 

Вернуться в Верстка, дизайн, графика

 


  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 8