Изображения в формате .WebP Зачем они и как их скачивать и применять

AdmiraДизайн, О сайтах и блогах1 Comment

Изображения в формате .WebP Зачем они и как их скачивать и применять

Большинство современных сайтов используют графику на страницах для привлекательного внешнего вида. Форматы графики типа: JPG, PNG, GIF давно заслужили доверие, и распространение у веб-дизайнеров.

Компания Google выпустила новый формат графических файлов для веб-страниц под расширением (*.webp). Этот формат сжимает изображения на 50-70% больше чем перечисленные выше форматы, и при это качество графики не страдает. Этот формат предлагает современное решение для разработчиков сайтов, так как страницы будут загружаться быстрее без ущерба качества графики.

Хочется отметить что формат «webp» поддерживает прозрачность как и PNG, так что это новая альтернатива для веб-дизайнеров.

Сравнение формата WebP c JPG, PNG и GIF

Установка и применение плагина WebP для Photoshop

Скачиваем плагин подходящей для вас версии (32 bit) или (64 bit).

Копируем папку с файлами в C:\Program Files\Adobe\Ваша версия Photoshop\Plug-ins

Затем открываем Photoshop, загружаем файл и выбираем: Файл > Сохранить как. В типах файла выбираем формат (WebP), далее устанавливаем нужные настройки и нажимаем сохранить.

После чего убедитесь, что при уменьшении веса изображения не теряют качества.

Поддержка формата WebP браузерами

Сегодня формат поддерживается большинством современных браузеров.

Поддержка формата WebP для отображения в среде Windows

Для того чтобы новый формат корректно отображался в операционной системе установите официальное расширение «WebP Codec for Windows» от компании Google.

Как сохранить изображение WEBP в более общем формате?

Вам поможет расширение для Chrome. Оно добавляет кнопку в контекстное меню и позволяет сохранить картинку в WebP в формате PNG или Jpeg одним кликом. Вот это расширение: Save image as Type — очень просто работает. Правда, с присваиванием имен некоторым файлам бывает проблема с «абракадаброй», но это меньшее из зол.

One Comment on “Изображения в формате .WebP Зачем они и как их скачивать и применять”

  1. Pingback: Картинки .webp и WordPress. Расширяем список разрешенных для загрузки типов файлов | mArjArI. Создание сайтов

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

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