WEBP
ЗАГРУЗИТЬ
ФАЙЛ
Ожидание файла...
Ожидание файла...
Коротко об инструменте
На вход идёт снимок JPG с камеры, из мессенджера или из фотостока, на выходе получается тот же кадр в WebP — обычно на 25-40% легче при той же видимой детализации. Кодирует Canvas вашего браузера, картинка не покидает компьютер и никуда не выгружается. Так готовят фотографии для карточек товара, обложек статей и баннеров, когда Core Web Vitals проседает из-за веса медиа, а менять вёрстку уже поздно. Смотрите также: перевести PNG в WebP с прозрачностью, сжать картинку до нужного веса в килобайтах, открыть AVIF и сохранить его как JPG.
На типичной фотографии выигрыш составляет 25-40% от веса JPG. Но если снимок уже прошёл через Telegram, VK или сжатие в CMS, часть деталей потеряна ещё до вас, и разница может упасть до 5-10%. Проверяйте вес результата: когда выигрыш незначителен, разумнее оставить оригинальный JPG и не плодить лишний формат в сборке.
У поля выбора файла стоит accept="image/jpeg", то есть конвертер рассчитан именно на JPG и JPEG. Для PNG в каталоге есть отдельная страница PNG → WebP, для снимков с iPhone — конвертер HEIC. Если у файла расширение .jpg, но внутри он на самом деле PNG, браузер откажется его читать, и превью не появится.
WebP понимают Chrome, Firefox, Edge, Opera, Яндекс.Браузер и Safari начиная с версии 14 (macOS Big Sur, iOS 14). Проблемы остаются у старых сборок Safari и у почтовых клиентов вроде Outlook: в письмах WebP лучше не использовать. Для сайта надёжный вариант — тег picture с source в WebP и запасным JPG.
Да, WebP здесь кодируется с потерями, и он накладывается поверх потерь, уже заложенных в JPEG. На фотографиях это практически незаметно, а вот на скриншотах с текстом и на графиках с тонкими линиями могут появиться размытые края. Такие изображения лучше держать в PNG, а не переводить в WebP.
Нет, страница работает с одним файлом за раз: загрузили, нажали «СКАЧАТЬ», нажали «СБРОСИТЬ» и повторили. Для сотни изображений быстрее взять cwebp из локальной консоли или плагин сборщика. Здесь удобно обработать несколько картинок к посту, не устанавливая ничего на компьютер.
Нет. Кадр перерисовывается через Canvas, а метаданные при этом не переносятся: модель камеры, дата съёмки, координаты и авторские поля в результат не попадают. Побочно это работает как анонимизация перед публикацией, но если EXIF нужен для архива, сохраните оригинальный JPG отдельно.
Никуда. Файл читается через FileReader, рисуется в Canvas и кодируется средствами самого браузера; сетевых запросов с содержимым снимка страница не делает. Поэтому конвертер работает и при отключённом интернете, если вкладка уже открыта, а скорость зависит только от вашего процессора.
До: cover-1920x1080.jpg — 842 KB, снято на телефон и вставлено в шапку записи
После: cover-1920x1080.webp — 386 KB, разрешение то же, шапка грузится заметно раньше
До: sneakers-front.jpg — 1,4 MB, 2000×2000 px
После: sneakers-front.webp — 610 KB, 2000×2000 px, кратность зума сохранена
Оценка и фидбек помогают понять, что улучшать дальше.