WebP оптимизация фото для веб

Легкий формат изображения поддерживаемый всеми уважающими себя браузерами. WebP -сейчас это новый уровень оптимизации изображений, даже не смотря на то что этому формату уже как десять лет. О нем как о самом легком формате вспомнили в нынешнем году.

Оптимизация фотографий для веб
to WebP

Есть много слухов что формат изображений webp не поддерживается многими браузерами. В то время как яндекс его прекрасно поддерживает. Остается только догадаться какими, как не интернет эксплорер. И я не знаю ни одного человека кроме Билла Гейтса, кто бы мог им пользоваться. А как говориться в поговорке «семеро одного не ждут». Поэтому можно смело переходить на преимущества легкого формата. Ибо гугл и яндекс уже на нашей стороне. )

Фотография из jpg в webp

Самый простой способ конвертировать фотографию в инновационный для веба WebP формат — это воспользоваться конвертером webpconv. Или поставить плагин webpFormat на фотошоп, но всё-таки конвертер кажется намного лучше. Потому что плагин фотошопа кроме ошибки ничего не выдал. Поиск онлайн конвертеров сразу привел на рабочий online-convert. Единственный недостаток если не указать правильные пропорции картинки, то ресайз может пройти неожиданным образом. В этом случае для идеального сочетания пропорций, кадрировать фотографии перед конвертацией придётся на компе. В остальных онлайн конвертерах настроек было меньше или их вообще не было. Хорошо бы найти где можно редактировать изображение с при вьюшкой как это делается в фотошопе для старых версий веб формата. Только это уже из области фантастики.

формат для самого маленького размера изображений
фото webp- 12kb

Конвертер webpconv

Конвертер webpconv, уменьшение размера фотографий для веб
конвертер webpconv

Удобно что можно перетаскивать фотографии пачкой прямо с фотоаппарата. Все интуитивно понятно, хоть и нет русского языка. Да и это ни к чему все надписи из пары слов. Основной параметр который отвечает за качество изображения «Quality Factor:». Следующий важный «Compression» он сжимает фотографию. В низу с галочкой есть функция кадрирования «Resize». Правда необходимо учитывать пропорции чтобы фотография не растянулась. Таким образом благодаря этому конвертеру моя фотография из полтора метра уменьшилась в 23 килобайта. Что кажется даже очень не плохо.

Уменьшить размер фотографии для интернета.
фото 23 килобайта

Загрузить фото WebP в WordPress

Чтобы в wordpress иметь возможность добавлять фотографии формата webp необходимо найти файл «functions.php» в директории темы и прописать там следующий код:

/*-------WebP------*/
function webp_upload_mimes( $existing_mimes ) {
// add webp to the list of mime types
$existing_mimes['webp'] = 'image/webp';

// return the array back to the function with our added mime type
return $existing_mimes;
}
add_filter( 'mime_types', 'webp_upload_mimes' );

Комментарии 3

  • К сожалению пока реальность такова, что WebP на боевых коммерческих проектах применять еще рановато. Для заказчика дико, что 20-30% посетителей его сайта не смогут увидеть картинки (фото товаров и т.п.). Поэтому самый простой и эффективный путь — оптимизировать/сжимать картинки текущих форматов (png, jpeg). Поделюсь своим опытом сжатия картинок… Сначала приходилось вручную перижимать все картинки через Фотошоп. Самый бесплатный кстати вариант (если не считать стоимость лицензии на Photoshop). Но очень много времени этот процесс занимает, если картинок на сайте больше 5-10. Каждую картинку приходится вручную обрабатывать, а потом еще на сайт заливать снова. Утомительный такой процесс… Теперь использую такой сервис — https://optipic.io/ Экономит много времени) Работает сам по себе — автоматически — только 1 раз его надо к сайту подключить. Гугл доволен)

    • Для спама можно было-бы хотя бы текст по умнее придумать. Что видно походит на копипаст, купленный с бедолажного сайта горе фрилансеров. Вебпи формат поддерживают все браузеры (все популярные), кроме сафари. Скорее всего из-за конкуренции к гуглу. Но время все сводит к тому что мобильные сайты популярнее десктопных. Вполне возможно что в будущем к сафари подключат не достающие форматы изображений.

  • Баян, нет такого чтобы до двадцати процентов доходил, все браузеры поддерживают форматы изображений даже майкрософт эдге. Просто вводите людей в заблуждение.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *