Сжатие картинок в WebP и AVIF
Перетащите картинки — получите WebP, AVIF, JPEG или PNG нужного качества и размера. Сравнивайте «до/после» шторкой, подбирайте качество под размер файла, делайте адаптивный набор для srcset и скачивайте всё одним архивом.
Бесплатно, без регистрации
Картинки сжимаются на этом устройстве и никуда не загружаются. Сохраняются только настройки.
Сжатие идёт в фоновом потоке (Web Worker + OffscreenCanvas) — страница не подвисает.
Как это работает
Чтение
Файл распознаётся по сигнатуре, а не по расширению, и декодируется браузером (createImageBitmap) в фоновом потоке. Поворот из EXIF применяется. SVG растеризуется через <img> в нужную ширину, GIF — первый кадр.
Масштаб
Картинка вписывается в максимальную ширину/высоту или заполняет рамку с обрезкой по центру; увеличения нет. Уменьшение идёт шагами ×½ — один проход с сильным уменьшением даёт «лесенку» и муар.
Кодирование
OffscreenCanvas в Web Worker кодирует в выбранный формат с выбранным качеством. Если формат браузеру недоступен (canvas молча отдаёт PNG), включается честная замена: AVIF → WebP → JPEG/PNG — и файл помечается.
Целевой размер
В режиме «Целевой размер» качество подбирается двоичным поиском: 7–9 кодирований, чтобы файл влез в заданные килобайты с максимально возможным качеством.
Сравнение и выгрузка
Шторка «до/после» тянется мышью, пальцем и стрелками; масштаб 1:1 и 2:1 показывает артефакты. Скачать можно по одному или всё ZIP-архивом; адаптивный набор — копии и готовый <picture>.
Форматы и стандарты
WebP
- MIME
- image/webp
- Прозрачность
- да
- Заметки
- С потерями и прозрачностью; на 25–35% меньше JPEG того же вида. Кодирует canvas в Chrome, Edge, Firefox; Safari — нет
AVIF
- MIME
- image/avif
- Прозрачность
- да
- Заметки
- Ещё на 20–30% меньше WebP, но canvas кодирует его только в Safari 16.4+. В остальных браузерах — честная замена на WebP с пометкой
JPEG
- MIME
- image/jpeg
- Прозрачность
- нет
- Заметки
- Без прозрачности (заливается выбранным фоном); читается везде
PNG
- MIME
- image/png
- Прозрачность
- да
- Заметки
- Без потерь: качество не влияет; для скриншотов интерфейсов и пиксель-арта
- WebP — формат Google (контейнер RIFF, сжатие VP8/VP8L), поддерживается всеми актуальными браузерами. AVIF — изображения AV1 в контейнере HEIF (ISO/IEC 23000-22), поддерживается Chrome 85+, Firefox 93+, Safari 16.4+ для показа; кодирование через canvas — только Safari.
- Адаптивный набор: ширины 480, 768, 1280, 1920 px (не больше исходной), разметка <picture> с <source type> и srcset с w-дескрипторами по HTML Living Standard. Атрибут sizes подсказывает браузеру ширину картинки в макете — пресеты: 100vw · (max-width: 768px) 100vw, (max-width: 1280px) 90vw, 1200px · (max-width: 768px) 100vw, 50vw · (max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw.
- В <img> прописываются width и height (пропорции исходника) — браузер резервирует место, и макет не прыгает (CLS из Core Web Vitals), плюс loading="lazy" и decoding="async".
- ZIP собирается библиотекой fflate; уже сжатые картинки кладутся без повторного сжатия (режим store) — так архив собирается мгновенно.
Поддержка браузеров
- Chrome, Edge, Firefox: WebP, JPEG, PNG; AVIF — с заменой на WebP. Safari 16.4+: AVIF, JPEG, PNG; WebP — с заменой на JPEG/PNG. Инструмент проверяет кодировщики при загрузке и показывает, какие недоступны.
- Фоновый поток требует OffscreenCanvas (Chrome 69+, Firefox 105+, Safari 16.4+). В более старых браузерах сжатие идёт в основном потоке по одной картинке — медленнее, но работает.
- HEIC/HEIF (фото iPhone) читает только Safari. В других браузерах инструмент честно скажет, что формат не читается, и подскажет, как получить JPEG.
- WebAssembly-кодеки (MozJPEG, libavif) не используются: политика безопасности сайта запрещает WebAssembly. Качество — то, что даёт встроенный кодировщик браузера.
Ограничения
- Файл — до 60,0 МБ, картинка — до 50 мегапикселей, до 200 файлов за раз: всё держится в памяти вкладки.
- Метаданные удаляются всегда — EXIF, GPS, ICC-профиль. Широкий цветовой охват (Display P3) приводится к sRGB.
- Анимация GIF/WebP не сохраняется: берётся первый кадр.
- Кодировщики браузеров проще специализированных (MozJPEG, cwebp с тонкими настройками): при том же качестве файл может быть на 5–15% больше, чем у сборщика проекта.
- Если «сжатый» файл получился больше оригинала того же размера, по умолчанию остаётся оригинал — это видно по пометке.
Приватность
- Картинки не загружаются на сервер: чтение, масштаб и кодирование идут в этой вкладке, результаты — локальные blob:-ссылки.
- В localStorage сохраняются только настройки (формат, качество, размеры, фон, ширины набора). Картинки и результаты после перезагрузки страницы не восстанавливаются.
- В аналитику уходит только факт сжатия или скачивания и категория (формат, «один/несколько файлов») — без имён файлов и содержимого.
- Результат уходит к нам, только если вы сами оставите заявку и не снимете галочку «Приложить результат» — что именно уйдёт, видно в форме. Файлы и изображения с заявкой не отправляются.
Похожие инструменты
Все инструменты · 40
Генератор favicon и иконокИз картинки, SVG или буквы → favicon.ico, favicon.svg с тёмной темой, PNG всех размеров, apple-touch-icon, maskable, manifest и HTML; превью вкладки, iOS и Android — одним архивом.
Предпросмотр ссылок (Open Graph)Вставьте HTML или заполните поля — и посмотрите, как ссылка выглядит в Telegram, WhatsApp, VK, Facebook, X, LinkedIn и Slack. Проверка og:image, длины текста и twitter:card, готовый блок <head>.
Конвертер JSON, YAML и CSVПеревод между JSON, YAML и CSV с форматированием, сортировкой ключей, проверкой синтаксиса с точным местом ошибки и деревом данных.
Тестер регулярных выраженийПодсветка совпадений и групп по мере ввода, замена, разбор выражения по частям, библиотека готовых шаблонов и защита от зависания.
Cron: расписание по-человеческиCron-выражение ↔ понятный текст, ближайшие запуски в вашем часовом поясе, конструктор расписания и варианты для Linux, Quartz, GitHub Actions и Kubernetes.
Base64, хеши, UUID и ULIDBase64/base64url, Base32, HEX, URL и HTML в обе стороны, хеши текста и файлов любого размера (SHA-256, SHA-3, BLAKE3, MD5, CRC-32), HMAC, сверка контрольных сумм, генерация и разбор UUID v4/v7, ULID и NanoID.Сайт грузится медленно из-за картинок?
InterLAB делает быстрые сайты: адаптивные изображения, современные форматы, ленивая загрузка и Core Web Vitals в зелёной зоне. Первый разговор — бесплатно.
- Первый короткий разговор бесплатный — выбираем формат работы
- NDA — по вашему или нашему шаблону
- Стоимость — после брифа и согласования объёма