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

Создавайте более лёгкие изображения с помощью WebP

WebP сочетает лучшее из двух миров: сжатие в стиле JPG для фотографий и прозрачность в стиле PNG для графики в одном современном формате, который часто на 25–35% меньше оригинала. Меньшие изображения означают более быструю загрузку сайтов и более низкие расходы на трафик.

Этот конвертер перекодирует ваши PNG или JPG в WebP прямо в браузере с помощью API canvas. Регулируйте ползунок качества, чтобы найти баланс между размером и точностью — примерно 75–85% — отличное значение по умолчанию, визуально неотличимое от оригинала для большинства изображений.

Когда использовать WebP

WebP идеален для веба: фото товаров, изображения для блогов, главные баннеры и иконки выигрывают от меньшего размера. Если вы доставляете изображения пользователям современных браузеров, конвертация в WebP — один из самых простых способов повысить производительность. Оставляйте запасной вариант PNG или JPG, только если нужно поддерживать очень старое программное обеспечение.

Выбор настройки качества

Ползунок работает от 10 до 100 и начинается с 80. Для фотографий 75–85 — хороший баланс. Для скриншотов, текста и чёткой графики попробуйте 90 или выше, так как низкие значения могут размывать тонкие линии. Можно перетащить несколько файлов сразу; каждый конвертируется в полном разрешении и скачивается отдельно. Инструмент не изменяет размер, поэтому сначала уменьшите большие изображения, если вам нужны также меньшие размеры.

Что стоит знать

• Конвертация существующего JPG в WebP с потерями добавляет ещё один этап сжатия, поэтому по возможности начинайте с оригинала или PNG.
• Прозрачность из PNG сохраняется в результате WebP.
• Кодирование WebP из canvas зависит от браузера. Если браузер не может кодировать WebP, он может незаметно вернуть PNG. Если результат неожиданно велик, попробуйте актуальную версию Chrome, Edge или Firefox.
• Всегда сравнивайте результат с оригиналом в полном размере, прежде чем заменять изображения на работающем сайте.

Использование WebP на вашем сайте

Все актуальные основные браузеры умеют отображать WebP, поэтому он безопасен для большинства аудиторий. Вы можете отдавать его непосредственно в теге img или использовать элемент picture с запасным JPG или PNG, если нужно поддерживать очень старое программное обеспечение. Меньшие файлы изображений также улучшают показатели скорости страницы, такие как Largest Contentful Paint, особенно для главных фото и галерей товаров.

Для партии фото товаров или изображений блога конвертация всех с одним и тем же значением качества сохраняет единообразный вид на всём сайте. Сначала протестируйте один файл и настройте ползунок, прежде чем обрабатывать остальные.