Конвертер изображений в WebP

Acrafto Team Изображения
Обновлено

Перетащите изображения сюда или нажмите, чтобы выбрать

Поддерживаемые форматы: JPG, PNG, GIF, BMP, SVG Преобразование удаляет данные EXIF, ICC и GPS — фотографии теряют геопривязку.

Хотите ускорить сайт или интернет-магазин за счёт файлов меньшего размера? Переведите JPG и PNG в WebP. Конвертер перед преобразованием оценит, сколько получится сэкономить по сравнению с JPG, и подготовит HTML-код с резервным форматом для старых браузеров. Всё происходит в браузере, изображения никуда не загружаются.

Как перевести изображение в WebP

  1. Загрузите изображения. Перетащите их в окно или нажмите «Обзор файлов». Конвертер обрабатывает JPG, PNG, BMP и статичный GIF, сразу несколько десятков файлов.
  2. Настройте качество. Значение по умолчанию 80 подходит большинству сайтов. Для портфолио выберите от 85 до 90, для превью 70.
  3. Преобразуйте и скачайте. Кнопка «Преобразовать» обработает всю партию, готовые WebP скачиваются по одному или архивом ZIP.

Кто хочет разобраться подробнее, раскроет под предпросмотром «Технические детали: лупа, оценка размера, HTML-код».

Зачем переводить изображения в WebP

WebP это формат от Google, созданный для веба. По данным исследования Google (на английском), файлы WebP с потерями при том же качестве меньше JPEG на величину от 25 до 34%, а без потерь меньше PNG примерно на 26%. Файлы меньшего размера означают более быструю загрузку страницы, лучшие показатели Core Web Vitals и меньший расход трафика на мобильных устройствах.

В отличие от JPG, WebP умеет прозрачность, поэтому заменяет и PNG с прозрачным фоном. Сегодня его поддерживают все распространённые браузеры (на английском), включая Safari начиная с версии 14.

Что ещё умеет конвертер в WebP

Оценка экономии ещё до преобразования

В технических деталях есть «Оценка по образцу»: конвертер кодирует уменьшенный образец выбранного изображения и считает, каким получится WebP при заданных настройках, каким был бы JPEG того же качества и сколько процентов получится сэкономить. Сразу видно, стоит ли преобразование того.

HTML-код с резервным форматом

Конвертер подготовит готовый код для элемента <picture>: браузеры с поддержкой WebP загрузят новый файл, остальные получат исходный JPG или PNG. Код включает размеры изображения и отложенную загрузку, остаётся только вставить его в шаблон. Как работает <picture>, описывает MDN.

Лупа при увеличении 100%

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

Прозрачность сохраняется

PNG с прозрачным фоном переводится в WebP без потери альфа-канала. Если целевое приложение не умеет работать с прозрачностью, включите «Свести прозрачность к цвету».

Защита от неудачного результата

Анимированный GIF конвертер отклонит, потому что от него незаметно остался бы только первый кадр. Если преобразованный файл выйдет больше оригинала, что случается с уже хорошо сжатыми изображениями, таблица это отметит, и одним кликом можно оставить оригинал.

Уменьшение, переименование, без метаданных

В «Дополнительных параметрах» изображения уменьшаются по длинной стороне в пикселях или в процентах и пакетно переименовываются с помощью {name}, {width}, {height} и {index}. Преобразование удаляет EXIF, ICC и GPS, так что фото не выдадут место съёмки. Если нужно уменьшить изображения до точных размеров или уложиться в лимит в килобайтах, используйте уменьшение изображений.

Какое качество WebP выбрать

ЦельКачествоПримечание
Портфолио, фото товаровот 85 до 90Детали без потерь, всё ещё меньше JPG
Обычный сайт и блогот 75 до 80Лучшее соотношение качества и размера
Превью, галереиот 65 до 70Небольшие файлы, заметны мелкие артефакты

Когда WebP, а когда другой формат

  • Фото и графика для сайта: WebP, с резервным вариантом в <picture> для надёжности.
  • Изображения для e-mail, ведомств или старых программ: лучше JPG, его откроет действительно всё.
  • Материалы для дальнейшей обработки и печати: PNG, совсем без потерь.

Размеры изображений на сайте перед преобразованием быстро проверяются в анализе размеров изображений.

Частые вопросы

Как перевести JPG в WebP? Загрузите файлы JPG, оставьте качество 80 или измените его и нажмите «Преобразовать». WebP при той же визуальной сохранности обычно легче на величину от 25 до 34%. Сколько получится сэкономить для конкретного фото, покажет оценка в технических деталях.
Как перевести PNG в WebP и сохранить прозрачность? Достаточно загрузить PNG и преобразовать его, прозрачность сохранится автоматически. Если она, наоборот, не нужна, включите «Свести прозрачность к цвету».
Поддерживают ли WebP все браузеры? Да, все современные браузеры, включая Safari начиная с версии 14. Для надёжности на старых устройствах используйте HTML-код с элементом <picture>, который подготовит конвертер: старый браузер тогда загрузит исходный JPG или PNG.
WebP лучше, чем JPG? Для веба да: при том же качестве файл меньше и есть прозрачность. Но JPG всё ещё откроет больше программ, принтеров и ведомств. Поэтому для сайта используйте WebP, а для пересылки и печати JPG.
Почему конвертер отклонил мой GIF? Анимированный GIF при преобразовании незаметно превратился бы в единственный статичный кадр. Чтобы результат не удивил, конвертер его отклоняет. Статичные GIF преобразуются без проблем.
Загружаются ли мои изображения на сервер? Нет. Преобразование выполняется прямо в браузере, файлы никуда не отправляются.

Я был бы признателен, если бы вы поделились этими страницами с друзьями, сохранили их в закладках или ссылались на них. Спасибо! 🙏