Готовим WebP правильно

Хабр уже насыщен статьями на тему «нового» формата изображений WebP ( описание , сравнение с JPEG2000 , сравнение с BPG , использование , подключение на сайте ). К сожалению, открытыми остаются вопросы: как правильно подключить WebP на сайте, чтобы «все работало», и насколько он лучше (меньше) PNG/JPEG. В этой заметке я буду отвечать на оба вопроса.
Предполагаю, что вы уже в курсе оптимизации изображений, умеете конвертировать изображения в WebP , понимаете разницу между использованием JPEG и PNG на сайте, знаете инструменты ExifTool , jpegtran , mozjpeg , JPEGrescan , optipng , pngcrush , pngwolf , zopflipng и TruePNG , а также различаете пастеризацию молока и постеризацию изображений .
Если все так — то переходим к сути.
Читать дальше →