Как пользоваться: Сжатие изображений
- Перетащите одно или несколько изображений в область (или нажмите, чтобы выбрать файлы, либо вставьте скриншот). Ничего не загружается на сервер — сжатие выполняется в вашем браузере.
- Выберите формат на выходе: оставить исходный или конвертировать в WebP — это лучшее соотношение размера и качества.
- Настройте качество (для большинства фото подходит 75–80) и при необходимости задайте максимальную ширину — например, 1920 px для широких баннеров.
- Проверьте экономию для каждого файла и перетащите разделитель до/после, чтобы убедиться в отсутствии видимых потерь.
- Скачайте файлы по одному или нажмите Скачать всё (ZIP).
Что такое сжатие изображений?
Компрессор изображений заново кодирует картинку так, чтобы файл занимал меньше байт и при этом выглядел (почти) так же. Изображения обычно составляют самую тяжёлую часть веб-страницы, поэтому их сжатие — один из самых быстрых способов ускорить загрузку и улучшить Core Web Vitals, например Largest Contentful Paint (LCP). Этот инструмент декодирует каждое изображение, при необходимости уменьшает его и кодирует заново в выбранном формате и с нужным качеством. Всё происходит в вашем браузере с помощью Canvas API, поэтому личные фотографии не попадают на сервер.
Как работает сжатие
- JPEG, WebP и AVIF — это сжатие с потерями: ползунок качества определяет, сколько мелких деталей кодировщик отбрасывает. Снижение с 100 примерно до 80 обычно убирает значительную часть байтов без заметной разницы при обычном размере просмотра.
- PNG — сжатие без потерь, поэтому настройка качества на него не влияет. Вместо этого инструмент приводит изображение к палитре не более чем из 256 цветов (8-битный PNG), используя квантование median-cut и, по желанию, дизеринг Флойда–Штейнберга. Это тот же принцип, что у pngquant и TinyPNG. Скриншоты, логотипы и иллюстрации таким способом часто уменьшаются на 60–80%, при этом прозрачность сохраняется.
- Изменение размера зачастую даёт наибольший эффект: фотография с телефона 4000 px, показанная в колонке 800 px, тратит большую часть пикселей впустую. Задайте максимальную ширину или высоту, и изображение будет уменьшено качественным ресемплингом.
- Метаданные удаляются. При повторном кодировании отбрасываются данные EXIF, такие как модель камеры и GPS-координаты. Это полезно для конфиденциальности и дает несколько лишних килобайт. Сначала применяется ориентация, поэтому портретные фото остаются ровными.
Какой формат выбрать?
| Формат | Лучше всего подходит для | Прозрачность | Примечания |
|---|---|---|---|
| WebP | Фото и графика для веба | Да | Поддерживается всеми современными браузерами; по данным Google, файлы WebP с потерями на 25–34% меньше сопоставимых JPEG. |
| AVIF | Фото, где важен каждый килобайт | Да | Часто меньше WebP, но кодируется медленнее. Отображается, только если ваш браузер умеет его кодировать. |
| JPEG | Фото, письма, максимальная совместимость | Нет | Прозрачные области заполняются выбранным вами цветом. |
| PNG | Логотипы, скриншоты интерфейса, чёткий текст | Да | Для большой экономии используйте уменьшение цветов; для фото PNG лучше не применять. |
Советы для изображений на сайте
Экспортируйте главные изображения не больше чем примерно в 2× от их отображаемой ширины (например, 1600–2400 px для широкого баннера), используйте WebP с качеством 75–82 и всегда задавайте атрибуты width и height в HTML, чтобы избежать смещения верстки. Нужны точные размеры или обрезка для соцсетей? Воспользуйтесь Image Resizer. Для мелких иконок встраивание через конвертер Image to Base64 может сэкономить запрос. Если вы работаете в Webflow, учтите, что он умеет создавать адаптивные варианты и WebP автоматически, но хорошо сжатый исходник загружается и обрабатывается быстрее.
Также ищут как: сжать jpeg, сжать png, конвертер webp, jpg в webp, png в webp, аналог tinypng.
Инструменты, которые хорошо сочетаются с Сжатие изображений
- BlurHash и LQIP генератор — Сделайте загрузку картинок почти мгновенной: показывайте размытое превью, пока грузится исходное изображение.
- Генератор OG-картинок — За несколько секунд создайте красивое превью ссылки для Facebook, LinkedIn, X, Slack и WhatsApp: выберите шаблон, введите заголовок, добавьте логотип, затем скачайте PNG и готовые мета-теги.
- Тест скорости страницы — Запустите Google Lighthouse для любого URL в мобильном или десктопном режиме.
- Проверка alt-тегов — Проверьте все изображения страницы в одной таблице: статус alt-текста, размер файла, атрибуты width и height, формат и ленивую загрузку.
Часто задаваемые вопросы
Мои изображения загружаются на сервер?
Нет. Декодирование, изменение размера и кодирование выполняются локально в вашем браузере с помощью Canvas API. Можно даже отключиться от интернета после загрузки страницы — компрессор продолжит работать.
Какое значение качества выбрать?
Для фото 75–85 — хороший баланс для JPEG и WebP; для миниатюр можно опуститься примерно до 60. Проверьте в режиме «до/после» при масштабе 100%: если разницы не видно, попробуйте меньшее значение.
Почему мой PNG стал больше или почти не изменился?
В режиме без потерь PNG не может отбрасывать детали, а PNG-кодировщик браузера может быть менее оптимизирован, чем инструмент, которым создан ваш файл. Выберите 256 цветов (или меньше) для реальной экономии или конвертируйте фото в WebP или JPEG. Если включено «оставить исходный», в том же формате файл никогда не станет больше.
Сжатие удаляет данные EXIF и GPS?
Да. Перекодированный файл содержит только пиксели, поэтому сведения о камере и GPS-координаты удаляются. Ориентация EXIF сначала применяется к пикселям, так что фото по-прежнему отображается правильно.
Сколько изображений можно сжать за раз?
Фиксированного лимита нет — файлы обрабатываются по очереди. Очень большие пакеты высококачественных фото ограничены только объёмом памяти вашего устройства.
WebP лучше, чем JPEG?
Для веба обычно да: при похожем визуальном качестве файлы WebP заметно меньше и поддерживают прозрачность. Оставляйте JPEG, если файл должен открываться в старом ПО или прикрепляться к письму.
Можно ли установить Сжатие изображений как веб-приложение и пользоваться им офлайн?
Да. Сжатие изображений — это веб-приложение (PWA), которое можно установить из браузера, без скачивания из магазина приложений. В Chrome или Edge (Windows, macOS, Linux, ChromeOS) или на Android нажмите вверху этой страницы «Установить приложение»; на iPhone и iPad используйте «Поделиться → На экран «Домой»», а в Safari 17+ на Mac — «Файл → Добавить в Dock». После этого приложение откроется в отдельном окне со своим значком, и так как оно полностью работает в браузере, оно продолжит работать офлайн. Firefox на компьютере не умеет устанавливать веб-приложения. Как работает установка.