Конвертер WebP в JPG

Когда WebP превращается в JPG по делу

Первый и самый частый сюжет — старая техника. Компьютер с Windows без обновлений, принтер, который печатает через утилиту производителя, офисная программа с жёстким списком поддерживаемых форматов. Всё это умеет JPEG и не умеет WebP. Второй сюжет — пересылка: вложение .webp в мессенджере часто приходит без превью, а получатель не понимает, что файл открывается нормально, и просто не открывает его. Третий — документы и отчётность: в PDF, в презентации, в анкете требуется JPG, потому что его печатает любой принтер и открывает любой просмотрщик.

Отдельная категория — то, что веб оставляет в стороне. Интернет-магазин с требованием «логотип в JPG», CMS, которая сохраняет только JPEG, CRM, где поле аватара принимает три формата. В таких местах конвертация WebP в JPG — не вопрос вкуса, а условие загрузки. И наконец, обычные человеческие сценарии: отправить фотографию человеку, у которого старый телефон; загрузить снимок в сервис, который просит JPEG; вставить картинку в документ, где прозрачность всё равно не нужна. Во всех этих случаях подходит один и тот же путь: открыть файл, сменить формат, получить готовый результат.

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

• Печать в типографии или на домашнем принтере
• Отправка файла человеку со старым телефоном или системой
• Загрузка в CMS, магазин или CRM, где ждут JPEG
• Вложение в PDF, презентацию или договор
• Публикация на сайте, где важна скорость загрузки
• Подготовка аватарки или карточки товара

Типичные ошибки при конвертации

Первая ошибка — верить расширению. Файл с именем photo.webp спокойно может оказаться PNG, а иногда это даже не картинка, а переименованный архив. Поэтому определение формата идёт по сигнатуре, а не по имени: так вы точно знаете, с чем имеете дело, и не получите битый результат. Вторая ошибка — не трогать качество при переходе в WebP. Ползунок, оставленный на 100, даст файл больше исходного и без единой видимой пользы. Для веба разумный диапазон — 75-85, и чаще всего хватает 80.

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

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

• Доверие расширению вместо проверки сигнатуры файла
• Качество 100 при переходе в WebP: файл тяжелее без видимой пользы
• Сохранение картинки с прозрачностью в JPG и потеря фона
• Ожидание, что JPG окажется легче исходного WebP
• Оценка качества только по размеру файла, без просмотра картинки
• Загрузка приватных снимков в чужой онлайн-конвертер

Разбор конвертации по шагам

Путь от файла до готового результата короткий, и каждый шаг можно посмотреть глазами. Сначала файл целиком читается в память: это несколько мегабайт, которые живут ровно до конца работы и никуда не отправляются. Затем по первым двенадцати байтам определяется настоящий формат — именно здесь выясняется, что перед вами WebP, а не переименованный PNG. Дальше байты декодируются: сначала пробуем createImageBitmap, он умеет учитывать EXIF-поворот с телефона, а если не получается, откатываемся на обычный Image.

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

Ползунок качества влияет только на JPG и WebP: PNG сжимается без потерь и этот параметр игнорирует.

Какой формат выбрать

Универсального ответа нет, но ориентир есть. JPG нужен там, где важна совместимость: печать, документы, старое оборудование, чужие сервисы. PNG нужен для логотипов, иконок, схем и всего, где важна прозрачность и попиксельная точность: этот формат ничего не теряет, но и почти не сжимает фотографии. WebP — выбор для веба: он заметно легче JPG при сравнимом качестве и поддерживается всеми актуальными браузерами. AVIF — более новый формат, ещё легче WebP, но поддержка пока не везде, и часть почтовых клиентов и мессенджеров с ним не дружит.

Отдельно стоит сказать про GIF: это не формат для фотографий. Он хранит всего 256 цветов, зато умеет анимацию, поэтому остаётся живым в старых местах и в анимационных задачах. Если рядом с конвертацией нужно что-то ещё с картинками, посмотрите конвертер в Base64 для вставки в CSS и HTML, просмотрщик SVG для вектора, подбор цвета, если понадобится заливка фона в точный оттенок, и генератор картинок-заглушек на случай, когда изображения ещё нет вовсе.

• JPG — когда важна совместимость с любым устройством
• PNG — когда нужна прозрачность и точность
• WebP — когда картинка идёт на сайт
• AVIF — когда важна максимальная экономия и есть свежий браузер
• GIF — когда нужна короткая анимация

Перед тем как отправлять картинку дальше, стоит проверить, открывается ли она на устройстве получателя: конвертация в JPG снимает большую часть таких вопросов.