Мы предлагаем

NEW CASE
Antana

Создаем цифровые решения, которые работают на бизнес

Стать клиентомСтать клиентом
Позвоните нам +38 (066) 35-14-529

Сделаем первый шаг к вашему сайту — напишите нам

Закрыть
Инструменты

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

Текст и изображения

Может заинтересовать

Сжать фото в WebP прямо в браузере.

Перетащите изображения сюда или нажмите, чтобы выбрать · можно несколько файлов сразу · JPG, PNG, WEBP
Формат
Наименьший вес, сохраняет прозрачность
Качество82 меньше файллучше качество
Ширина
Высота подбирается автоматически

Обработка происходит в вашем браузере — файлы не загружаются на наш сервер и никуда не отправляются. Поэтому можно конвертировать даже непубличные изображения.

Чем webp лучше jpg и png

Тот же кадр, то же качество на глаз — но заметно меньший файл.

JPG / PNG

Старые форматы

Работают везде, но весят больше нужного.

  • JPG не умеет прозрачность
  • PNG с фото огромный
  • Нет анимации в одном файле
vs
WebP

Современный формат

На 25–35% легче jpg того же качества и умеет всё, что умели оба старых.

  • Прозрачность как у PNG
  • Сжатие лучше JPG
  • Поддержка во всех браузерах

Формат поддерживают все современные браузеры с 2020 года, поэтому запасной вариант в jpg сегодня нужен разве что для очень старых устройств.

Как готовить картинки для сайта

Сначала обрежьте до нужного размера Картинка 4000 пикселей шириной в блоке на 800 — это втрое больший файл без всякой пользы. Сжатие этого не исправит.
Качество 80 достаточно Разницу между 80 и 100 невооружённым глазом не видно, а файл меньше вдвое. Для фона можно опускаться и до 70.
Разные размеры для экранов Телефону не нужна та же картинка, что и монитору. Атрибут srcset отдаёт каждому свой вариант.
Отложенная загрузка Картинки ниже экрана грузятся, когда до них доходит прокрутка. Один атрибут loading="lazy" в теге.

Когда webp не подходит

Печать Типография работает с tiff или pdf. Для макета webp не годится вообще.
Логотип с чёткими линиями Для иконок и логотипов лучше svg: он масштабируется без потерь и весит меньше любого растра.
Фото на редактирование Каждое пересохранение со сжатием портит качество. Оригинал храните отдельно в полном качестве.
Старые почтовые программы В письмах webp поддерживается не везде. Для рассылок безопаснее оставаться на jpg.

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

Насколько WebP легче JPG?
Обычно на 25–35% при одинаковом визуальном качестве, а для изображений с большими однотонными участками — до 50%. Для сайта это самый дешёвый способ ускорения: страница на 2 МБ картинок после конвертации весит около 1,3 МБ, и на мобильном интернете разницу видно сразу. Наш аудит скорости отдельно проверяет, использует ли сайт WebP.
Какое качество выбрать?
Для фотографий на сайте оптимально 75–85: разницы с оригиналом глаз не видит, а вес падает в разы. Ниже 60 появляются заметные артефакты на градиентах и границах объектов. Для скриншотов, логотипов и графики с текстом лучше брать PNG или держать качество 90+, потому что именно на резких линиях сжатие с потерями заметно больше всего.
Все ли браузеры поддерживают WebP?
Да. Chrome, Firefox, Edge и Opera поддерживают формат много лет, Safari — с версии 14 и все iOS от 14-й. То есть на сегодня отдельная запасная копия в JPG нужна разве что для очень старых устройств. Если всё же хотите подстраховаться, используйте тег picture с двумя источниками — браузер сам выберет доступный формат.
Сохраняется ли прозрачность при конвертации?
В WebP и PNG — да, прозрачный фон переносится без изменений, и мы отдельно отмечаем это в списке файлов. JPEG прозрачности не поддерживает в принципе: там вместо неё подкладывается белый фон, и мы тоже об этом предупреждаем. Если у вас логотип или иконка с прозрачным фоном, выбирайте WebP — он и прозрачность сохранит, и весить будет меньше PNG.
Telegram Viber Позвонить