Оптимизация изображений — WebP, AVIF и MozJPEG локально
Оптимизируйте картинки для сайта в браузере через MozJPEG, WebP, AVIF или OxiPNG. Шаги: выберите фото, загрузите движок, выберите кодек и настройки, сравните до/после ползунком, скачайте. Пример: тяжёлый JPEG обложки → более лёгкий WebP. После загрузки движка файлы остаются на устройстве.
Как это работает
Выберите фото, один раз загрузите движок, выберите MozJPEG, WebP, AVIF или OxiPNG, настройте качество или усилие, при необходимости ограничьте длинную сторону и двигайте ползунок сравнения. Всё локально. Если нужен быстрый срез веса без выбора кодека — возьмите лёгкий компрессор.
Что ожидать
Кодеки по-разному балансируют вес, вид, прозрачность и время. Прочитайте перед погоней за самым маленьким файлом.
- MozJPEG: lossy JPEG, обычно легче обычного браузерного JPEG — удобно, если нужен .jpg.
- WebP: фото часто меньше при похожем виде; есть прозрачность. Хороший выбор по умолчанию.
- AVIF: часто самый лёгкий в lossy, но медленнее — прогресс и отмена обязательны.
- OxiPNG: без потерь уменьшает PNG. Фото всё равно тяжёлые; лучше для чёткого UI с альфой. Перекодирование обычно снимает EXIF; байты не покидают вкладку.
Пример
Один и тот же телефонный JPEG (~3–4 МБ): MozJPEG часто легче «случайного» браузерного JPEG; WebP обычно ещё сильнее ужимает при похожем виде; AVIF может дать ещё меньше, но на большом кадре займёт секунды. Это порядок величин — смотрите ползунок на своём файле.
Когда подходит
- Выложить обложку или товар в WebP/AVIF после проверки вида ползунком.
- Оставить JPEG, но через MozJPEG, если браузерный JPEG всё ещё тяжёлый.
- Ужать прозрачные UI-PNG через OxiPNG или почти без потерь WebP перед передачей.
Frequently asked questions
Чем это отличается от компрессора изображений?
Компрессор — быстрый проход размера/качества (удобно целиться в КБ). Здесь загружается движок, чтобы выбрать MozJPEG, WebP, AVIF или OxiPNG и сравнить ползунком.
Файлы уходят с устройства?
Нет. После загрузки движка декод и код остаются во вкладке. В Network видно, что изображение не уходит POST-ом.
Почему AVIF такой медленный?
Кодирование AVIF сильно грузит CPU, особенно на больших фото. Мы показываем прогресс и даём отмену вместо «мгновенного» обещания.
Зачем сначала грузить движок?
Кодеки тяжёлые. Ждём клик, чтобы первый экран оставался лёгким — скачиваете их только для оптимизации на уровне кодека.
Когда брать конвертер форматов?
Когда главное — сменить тип (включая подложку JPEG для прозрачности). Этот оптимизатор — когда важнее вес и контроль кодека, а не быстрая смена MIME.
Что с анимацией и EXIF?
Анимация становится первым кадром-статикой. Перекодирование обычно снимает EXIF — сначала посмотрите теги в EXIF-инструменте, если они нужны.
Вопросы и отзывы
Что-то неясно, сломано или отсутствует? Напишите сообщение ниже — мы читаем каждую заметку об этих инструментах.