У вас есть фотография размером 5 МБ, и вам нужно сжать её до 1 МБ для вложения в электронное письмо, загрузки на сайт или отправки в форму. Вы не хотите, чтобы она выглядела размытой. Этот руководство объясняет, как работает сжатие изображений на самом деле и как значительно уменьшить размер файлов, сохранив остроту.
Сжатие с потерями и без потерь: два типа сжатия
Каждый метод сжатия изображений относится к одной из двух категорий:
Потеря данных при сжатии навсегда удаляет данные из изображения. Алгоритм определяет, какая визуальная информация наименее заметна человеческому глазу, и отбрасывает её. JPEG — наиболее распространённый формат с потерей данных. При высоких настройках качества (80-95%) удалённые данные незаметны при обычном просмотре. При значениях ниже 60% появляются артефакты — блоки, цветные полосы, размытые края.
Без потерь сжимает файл без удаления данных. Оригинальное изображение можно полностью восстановить. PNG использует сжатие без потерь. То же самое делает WebP в режиме без потерь. Компромисс: файлы без потерь крупнее, чем файлы с потерями. Без потерь PNG фотографии может быть в 5-10 раз больше, чем JPEG той же самой фотографии при 85% качества.
Объяснение ползунка качества JPEG
При экспорте JPEG вы выбираете значение качества от 0 до 100. Это управляет тем, насколько агрессивно алгоритм сжатия с потерями сжимает изображение. Вот что на самом деле означают эти числа:
| Качество | Размер файла | Визуальный результат |
|---|---|---|
| 100% | Самый большой | Практически без потерь. Нет видимой разницы с оригиналом. |
| 85-92% | На 60-75% меньше | Неразличимо на обычном расстоянии просмотра. Оптимальная точка для большинства задач. |
| 70-84% | На 75-85% меньше | Мелкие артефакты видны при увеличении. Подходит для миниатюр и социальных сетей. |
| 50-69% | На 85-92% меньше | Заметное смягчение. Приемлемо для электронной почты, где важен размер. |
| Менее 50% | Самый маленький | Видимые блокированные артефакты. Только когда размер файла критичен. |
Соотношение между качеством и размером файла нелинейно. Снижение с 100% до 85% часто уменьшает размер файла на 60-70% без видимой разницы. Снижение с 85% до 50% экономит только еще 15-20%, но вызывает заметное ухудшение. Наибольшие выигрыши находятся в верхней части диапазона качества.
WebP: современная альтернатива
WebP is a format developed by Google that supports both lossy and lossless compression. In lossy mode, a WebP file is typically 25-35% smaller than a JPEG at the same visual quality. In lossless mode, it's about 26% smaller than PNG.
WebP также поддерживает прозрачность (как PNG) и анимацию (как GIF), делая его универсальным форматом. К 2026 году WebP поддерживается всеми современными браузерами: Chrome, Firefox, Safari, Edge и всеми мобильными браузерами.
Недостаток: некоторые старые приложения и системы не распознают WebP. Если вам нужна максимальная совместимость — для электронной почты, печати или загрузки в форму — JPEG по-прежнему является самым безопасным выбором. Для веб-сайтов WebP строго лучше.
Оптимальные настройки по сценарию использования
Для веб-сайтов и блогов
Используйте WebP с качеством 80-85%. Целевой размер изображения — 100-200 КБ на изображение. Изменяйте размер до фактических размеров отображения — не отправляйте изображение 4000 пикселей в контейнере 800 пикселей. Это самый большой выигрыш в сжатии: уменьшение пиксельных размеров. Фотография 4000x3000 пикселей, уменьшенная до 1200x900, уменьшается с 5 МБ до менее 300 КБ до применения любого изменения качества.
Для вложений в электронную почту
Используйте JPEG с качеством 80%. Большинство сервисов электронной почты ограничивают вложения 25 МБ, и получатели не любят загружать большие файлы на мобильные устройства. Для типичного набора фото с отпуска JPEG с 80% сохраняет каждый файл менее чем на 500 КБ, при этом изображения выглядят отлично на экранах.
Для социальных сетей
Платформы, такие как Instagram, Twitter и Facebook, перекодируют ваши изображения в любом случае. Загружайте изображения с максимально возможным качеством (JPEG 92% или PNG) и позволяйте платформе обрабатывать оптимизацию. Если вы сначала сжимаете, а затем платформа сжимает снова, качество ухудшается дважды — потеря качества при генерации.
Для печати
Не сжимайте. Для печати требуется высокое разрешение (300 DPI) и минимальные артефакты сжатия. Используйте исходный файл или JPEG с качеством 95-100%. Размер файла не важен для печати.
Сначала измените размер до отображаемых размеров, затем сжмите. Этот один шаг часто экономит 80% размера файла до того, как вы начнете настраивать качество.
Как сжать изображения с Morph
Сжиматель изображений Morph работает полностью в вашем браузере. Перетащите изображение, настройте ползунок качества и увидите, как оценивается изменение размера файла в реальном времени. Когда вы будете довольны балансом, загрузите сжатую версию.
Вы также можете конвертировать между форматами: перетащите 5 МБ PNG и конвертируйте его в 800 КБ WebP, или 3 МБ HEIC и экспортируйте его как 400 КБ JPEG. Каждая конверсия и сжатие происходят локально — ваши изображения остаются на вашем устройстве.
Распространенные ошибки
Сжатие уже сжатого файла. Открывая JPEG, не внося изменений и сохраняя его снова с качеством 85%, вы добавляете еще один цикл сжатия к файлу, который уже был сжат. Каждый цикл ухудшает качество. Всегда сжимайте из исходного файла (RAW, HEIC, PNG или первого экспорта JPEG).
Используйте PNG для фотографий. PNG использует без потерь сжатие, что отлично подходит для графики, но неэффективно для фото. Фотография, сохраненная как PNG, может занимать 10-20 МБ. Тот же снимок в формате JPEG при 90% качества — менее 1 МБ и выглядит идентично. PNG подходит для скриншотов и логотипов, а не для фото.
Игнорирование размеров. Фотография 4K (3840x2160), отображаемая в миниатюре 400 пикселей, тратит 95% своих пикселей. Сначала уменьшите размер, затем сожмите. Этот один шаг часто уменьшает размер файла на 80% или больше.
Итог
Для фотографий: JPEG при 85% или WebP при 80%. Сначала уменьшите размер до фактических размеров отображения. Эта комбинация даст вам самый маленький файл без видимой потери качества.
Для графики, логотипов и скриншотов: PNG или WebP без потерь. Острые края и плоские цвета в этих изображениях хорошо сжимаются без потерь.
Для максимальной совместимости: JPEG. Для максимальной эффективности: WebP. Для максимального качества: исходный файл.