Конвертер WebP: в обе стороны
Переводит картинки из WebP в JPG и PNG — и обратно, из JPG и PNG в WebP. Перетащите сразу несколько файлов, выберите формат и качество: инструмент покажет, сколько весил каждый файл до и после, и посчитает общую экономию.
WebP весит на 25–35% меньше JPG при том же качестве, поэтому картинки в этом формате заметно ускоряют страницу. Что ещё влияет на скорость и как её мерить — в гайде про скорость загрузки сайта. Проверить, что получилось на живой странице, поможет on-page аудит по URL.
Две задачи, один инструмент
Обе стороны работают одинаково: перетащили файлы, выбрали формат, забрали результат. Ограничения по количеству нет: считает ваш компьютер, сервер тут не участвует.
Какое качество ставить
Ползунок влияет только на JPG и WebP: PNG сжимается без потерь и качество игнорирует. Рабочий ориентир — 80–85: разницу с оригиналом глазом не видно при падении веса в разы. Ниже 60 появляются заметные артефакты на границах и градиентах. Для фотографий на сайт хватает 75–85, для скриншотов с текстом лучше держать 90 и выше либо брать PNG.
Зачем ограничивать ширину
Самая частая причина тяжёлых картинок — фотография 4000 px в блоке шириной 800 px. Браузер всё равно покажет её уменьшенной, но скачает целиком. Поставьте в поле ширину, равную реальному размеру блока с запасом ×2 под ретину, и файл похудеет ещё до всякого сжатия.
Что дальше
Когда WebP не подходит — например, картинку нужно отдать в старую CRM или вставить в документ, — остаётся привычная пара форматов: PNG в JPG и обратно.
Почему WebP легче и что теряется при пересборке
WebP кодирует картинку как один кадр видео: блоки предсказываются по соседям, и хранится только разница. За счёт этого при одинаковом видимом качестве файл выходит на четверть-треть легче JPEG, а режим без потерь на четверть легче PNG. Прозрачность поддерживается в обоих режимах, поэтому логотипы и иконки с альфа-каналом переводятся без белого фона.
Конвертер работает через холст браузера: файл раскладывается в пиксели и кодируется заново в выбранный формат с заданным качеством. Пересборка сбрасывает встроенные данные: профиль цвета приводится к стандартному sRGB, дата и модель камеры уходят. Для фотографий из обычной камеры разницы нет, для печати в типографии профиль стоит сохранить в исходнике.
Обратное направление, из WebP в JPG или PNG, нужно, когда файл надо отдать туда, где WebP не читают: в старый редактор, в форму на портале, в презентацию. Анимированные WebP холст не разбирает, из них получится первый кадр.
| Формат | Сжатие | Прозрачность | Где не откроется |
|---|---|---|---|
| JPG | с потерями | нет | везде откроется |
| PNG | без потерь | да | везде откроется |
| WebP | оба режима | да | старые программы, часть порталов |
| AVIF | оба режима | да | часть браузеров, почти все редакторы |
Десять лет до поддержки во всех браузерах
В феврале 2010 года Google купил компанию On2 с её видеокодеком VP8, а 30 сентября того же года показал WebP: тот же кодек, применённый к одному кадру. Цель была прямая: страницы грузятся долго из-за картинок, и на них приходится больше половины веса. Первые годы формат читал только Chrome, и на сайтах его боялись ставить.
Режим без потерь и прозрачность добавили в 2011–2012 годах, анимацию — следом. Firefox поддержал формат в январе 2019 года, Safari — осенью 2020-го, и с этого момента WebP открывается почти у всех. К 2026 году его понимают около 97 процентов браузеров, и он стал форматом по умолчанию для картинок на сайтах, а инструменты проверки скорости прямо рекомендуют его вместо JPEG и PNG.
Следующее поколение уже на подходе: AVIF 2019 года сжимает ещё сильнее, JPEG XL обещает обратную совместимость. Но WebP занял место, которое JPEG держал тридцать лет: достаточно хороший формат, который открывается везде, где нужно.
Куда ставить WebP и куда не стоит
На сайт ставьте WebP с качеством 75–85 и ограничением ширины под реальный размер блока с запасом вдвое: две эти настройки вместе снижают вес в пять-десять раз. Для картинок с текстом и резкими границами берите режим без потерь либо PNG, там сжатие с потерями даёт ореолы. Уложить файл в конкретный лимит после конвертации поможет сжатие фото под размер.
Не переводите в WebP то, что уйдёт за пределы сайта: маркетплейсы, типографии, порталы госуслуг и старые CRM часто принимают только JPG и PNG. Иконки и фавиконы тоже оставляйте в PNG. Если на сайте есть посетители со старыми устройствами, отдавайте WebP через тег picture с запасным JPG.
Скачанный с сайта WebP, который не открывается в редакторе, переведите здесь в JPG или PNG, а размер для вставки в документ подберите в изменении размера фото. Когда нужен именно PNG с прозрачностью из JPG или наоборот, есть конвертер PNG и JPG.
| Выигрыш против JPG | 25–35 % |
| Выигрыш против PNG | около 25 % |
| Прозрачность | да |
| Анимация | только первый кадр |
| Обработка | в браузере |
| Формат | 2010, Google |
| Firefox | 2019 |
| Safari | 2020 |
Как пользоваться
- Или нажмите на поле и выберите файлы — можно сразу несколько, любого из ходовых форматов.
- WebP — чтобы облегчить картинки для сайта. JPG или PNG — чтобы открыть скачанный webp в обычном редакторе.
- 80–85 — рабочий ориентир для фото. Ограничение ширины дополнительно срежет вес, если исходник огромный.
- Кнопка под каждой картинкой скачивает её отдельно, «Скачать все» — весь пакет по очереди.
Частые вопросы
Как перевести WebP в JPG?
Перетащите файл в поле, в списке «Конвертировать в» выберите JPG и нажмите «Скачать» под превью. Браузер умеет читать WebP сам, поэтому перекодирование происходит мгновенно и без отправки файла куда-либо. Так же работает и обратное направление: JPG или PNG на входе, WebP на выходе.
Насколько WebP легче JPG?
На типичной фотографии при одинаковом визуальном качестве WebP выигрывает 25–35% веса, на графике и скриншотах с плоскими заливками — иногда больше половины. Инструмент показывает точную цифру по каждому файлу, поэтому результат видно сразу.
Почему после конвертации файл стал тяжелее?
Так бывает, когда исходник уже был сильно сжат, а вы поставили высокое качество: перекодирование добавляет данных вместо того, чтобы убирать. Опустите ползунок до 75–80 или оставьте исходный формат. Такие случаи помечаются в списке красным плюсом.
Можно ли конвертировать WebP в PDF?
Нет, здесь только изображения. Формат PDF — это документ со своей структурой, для него нужен отдельный инструмент. Практичный обходной путь: переведите WebP в JPG здесь, а потом вставьте картинку в документ и сохраните его как PDF.
Что делает поле «Ширина не больше»?
Уменьшает картинку до указанной ширины, сохраняя пропорции. Это главный способ облегчить фото: снимок 4000 px в блоке шириной 800 px браузер всё равно скачивает целиком. Оставьте поле пустым, если размер менять не нужно.
Сколько файлов можно обработать за раз?
Ограничения нет — считает ваш компьютер. На практике десятки файлов проходят за секунды; на очень больших пачках вкладка может ненадолго подвиснуть, потому что браузер обрабатывает их по очереди.
Куда попадают мои картинки?
Никуда. Файлы читаются локально через canvas, перекодируются в памяти браузера и сразу отдаются на скачивание. На сервер ничего не уходит, поэтому можно обрабатывать личные фото и внутренние материалы.
Где этому учат
Skillbox
Академия Synergy
Нетология
GeekBrains
DigitalSkillsAcademy
VideoFormeПохожие инструменты
Вставь URL — отчёт по on-page факторам: коды ответа и редиректы, Title/Description, H1–H6, canonical, Open Graph, alt, ссылки, Schema.org. С оценкой по каждому пункту. Можно проверять конкурентов.
ОткрытьPNG в JPG и обратноКонвертер картинок между PNG и JPG пачкой. Показывает вес до и после, предупреждает про прозрачность и даёт выбрать цвет подложки.
ОткрытьСделать фото чёрно-белымШесть способов перевода — Rec. 709, Rec. 601, среднее, светлота, максимум канала и свой микшер, плёночные светофильтры, контраст, зерно, тонирование, гистограмма и шторка сравнения с оригиналом.
ОткрытьHEIC в JPGОткрывает снимки с айфона и сохраняет их в JPG, PNG или WebP пачкой: выбор качества и ширины, вес до и после, всё внутри браузера.
ОткрытьКалькулятор соотношения сторонВторая сторона по заданной пропорции и определение пропорции по готовым размерам. Со справочником ходовых форматов и расчётом обрезки.
ОткрытьУдалить фон с фотоНейросеть отделяет объект прямо в браузере, палочка убирает однотонный фон по клику, кисть правит края. Порог и смягчение границы, прозрачный PNG или заливка цветом. Фотография остаётся на устройстве.
ОткрытьЕщё инструменты для картинок
Сжатие и изменение размера, обрезка, конвертеры PNG, JPG и WebP, метаданные, водяной знак, аватарка и палитра — в разделе 19 инструментов.