WebP - формат изображений для сайта, сжатие без потерь качества

WebP - формат изображений для веб, плагин для Photoshop, конвертер

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

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

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

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

Формат JPG (52.895 кб.)

Пример - jpg

Формат PNG (271.520 кб.)

Пример - png

Формат GIF (91.232 кб.)

Пример - gif

Формат WebP (38.172 кб.)

Пример - webp

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

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

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

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

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

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

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

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

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


Если не хочется ничего устанавливать, воспользуйтесь этим конвертером .

Рассчитать разработку сайта на калькуляторе онлайн

Рассчитать разработку сайта на калькуляторе

Онлайн калькулятор расчета стоимости разработки проекта. Выберите интересующие параметры и узнайте цену на разработку - прямо сейчас!

Web-usability, повышение качества сайта

Web-usability, повышение качества сайта

Определение «usability» или полностью «web-usability» означает степень удобства использования сайта для пользователей и достижение ими определенных целей. Стандарт ISO 9241-11.

Инструкция по Dublin Core Metadata

Инструкция по Dublin Core Metadata

Если при анализе сайта вам выдается сообщение типа - Ваш веб-сайт не использует преимущества Dublin Core, то этот материал поможет исправить это.

Наши клиенты