Сжатие изображений
Сжатие и изменение размера изображений в браузере. Конвертация между форматами JPEG, PNG и WebP. Настройка качества и мгновенный просмотр экономии. Бесплатно, 100% на стороне клиента.
Перетащите изображение сюда или нажмите для выбора
Поддерживаются JPEG, PNG, WebP, GIF, BMP
Справка
Как работает сжатие изображений?
Этот инструмент использует встроенный в браузер Canvas API для перекодирования изображений с более низким параметром качества. Изображение рисуется на HTML Canvas элементе, а затем экспортируется с помощью canvas.toBlob() с выбранным форматом и уровнем качества. Это сжатие с потерями — избыточные визуальные данные отбрасываются с использованием алгоритмов вроде дискретного косинусного преобразования (DCT) для JPEG и предиктивного кодирования для WebP. Результат — значительно меньший файл с минимальной заметной потерей качества.
JPEG vs WebP vs PNG — какой формат выбрать
JPEG: Лучший для фотографий и изображений со сложными цветовыми градиентами. Поддерживает настройку качества от 1 до 100%. Без поддержки прозрачности. Наиболее совместимый формат — работает везде. WebP: Разработан Google, WebP достигает на 25–35% меньшего размера файла, чем JPEG при эквивалентном визуальном качестве. Поддерживает прозрачность (альфа-канал) и анимацию. Поддерживается всеми современными браузерами с 2020 года. Рекомендуемый формат для веба. PNG: Сжатие без потерь — без ухудшения качества при любых настройках. Лучший для скриншотов, графики с чёткими краями, текстовых наложений, логотипов и изображений, требующих прозрачности. Ползунок качества не влияет на PNG, так как формат по своей природе без потерь.
Зачем оптимизировать изображения для веба?
Изображения составляют примерно 50% общего веса страницы среднего веб-сайта, согласно данным HTTP Archive. Неоптимизированные изображения — причина номер один медленного Largest Contentful Paint (LCP) — показателя Core Web Vitals, напрямую влияющего на позиции в поиске Google. Сжатие главного изображения с 2 МБ до 200 КБ может сократить время загрузки на несколько секунд при мобильном подключении. Google рекомендует поддерживать общий вес страницы ниже 1,6 МБ для хорошей мобильной производительности — правильное сжатие изображений часто является самым значительным шагом для достижения этой цели.
Сценарии использования сжатия изображений
Веб-производительность — уменьшайте размеры изображений для достижения пороговых значений Core Web Vitals и улучшения оценок Lighthouse. Вложения в email — сжимайте изображения ниже типичного лимита вложений в 25 МБ (Gmail, Outlook). Социальные сети — оптимизируйте изображения для лимитов загрузки: Twitter (5 МБ), Instagram (30 МБ), LinkedIn (10 МБ). Электронная коммерция — сжимайте фотографии товаров без видимой потери качества для улучшения скорости страницы и конверсии. Документация — уменьшайте скриншоты для README-файлов, вики и страниц Confluence, чтобы репозитории и страницы оставались лёгкими.
Выбор правильной настройки качества
Для JPEG качество 75–85% обеспечивает лучший баланс между размером файла и визуальной точностью — контролируемые исследования показывают, что большинство пользователей не различают качество выше 85%. Ниже 60% артефакты сжатия (блочность, полосатость цветов) становятся заметными, особенно в градиентах и тонах кожи. WebP при качестве 80 обычно соответствует JPEG при качестве 90, будучи на 30% меньше. Для PNG ползунок качества не влияет — PNG всегда без потерь. Используйте PNG только когда нужна попиксельная точность (скриншоты с текстом, логотипы, иконки) или альфа-прозрачность.
Конфиденциальность
Вся обработка изображений выполняется 100% в вашем браузере с помощью Canvas API. Никакие изображения не загружаются на сервер — файлы никогда не покидают ваше устройство.