Как сжать изображение

Три рычага в том порядке, в котором вы должны их попробовать

Сначала отформатируйте. Фотография, сохраненная как PNG, может быть в пять или десять раз больше той же фотографии, что и JPEG, без видимого выигрыша, поскольку PNG точно хранит каждый пиксель, а фотографии не имеют точной структуры, которую можно было бы использовать. Преобразование фотографического PNG в JPEG или WebP часто является решением проблемы.

Размеры на втором месте. Это рычаг, о котором люди забывают, и он самый сильный. Количество пикселей масштабируется пропорционально квадрату линейного размера: изображение шириной и высотой 50% содержит 25% пикселей. Если изображение будет отображаться шириной 800 пикселей, сохранение его шириной 4000 пикселей означает дополнительную оплату на девятьсот процентов за детали, которые никто не увидит.

Качество в последнюю очередь. Настройка качества определяет, насколько агрессивно кодировщик JPEG или WebP отбрасывает детали. У него острый излом: от 100 примерно до 80 файл быстро сжимается и изображение почти не меняется, а ниже примерно 60 артефакты становятся видимыми на плоских участках, таких как небо и стены. После этого момента вы жертвуете большим количеством внешнего вида за очень маленький размер.

В какой формат сжимать

Контроль качества влияет только на JPEG и WebP. Перетаскивание его, когда выбран PNG, ничего не меняет, и инструмент говорит об этом, а не позволяет вам поверить, что вы чего-то достигли.

• JPEG — фотографии и все, что имеет плавные градиенты. Никакой прозрачности; прозрачные области заполняются выбранным вами цветом фона.
• WebP — обычно самый маленький при заданном качестве изображения и сохраняет прозрачность. Ваш браузер кодирует WebP с потерями даже с качеством 100, поэтому воспринимайте его как JPEG, поддерживающий альфа-канал.
• PNG — скриншоты, логотипы, диаграммы, все, что имеет острые края или большие плоские области. Без потерь, поэтому настройка качества вообще ни на что не влияет.

Не сжимайте один и тот же файл дважды

Каждое сохранение с потерями повторно аппроксимирует пиксели, которые уже были аппроксимациями. Повторите это несколько раз, и результат станет заметно пятнистым вокруг текста и по краям, что называется потерей генерации и не может быть отменено.

Держите оригинал. Всегда реэкспортируйте из него, а не из вашего последнего экспорта. Если вам нужна промежуточная рабочая копия — обрезка в одном месте и изменение размера в другом — сохраните эту копию как PNG, что не приведет к дальнейшим потерям, и в конце выполните одиночный экспорт с потерями.

Преобразование уже сжатого JPEG в PNG ничего не восстанавливает. PNG добросовестно сохранит испорченные пиксели в файле гораздо большего размера.

Делаю это

1. Откройте конвертер изображений и добавьте одно или несколько изображений.
2. Выберите выходной формат. На панели указывается, является ли это преобразование с потерями, прежде чем вы его примете.
3. Установите размеры, если изображение больше, чем должно быть — в процентах или в точном пикселе, при этом соотношение сторон будет заблокировано, если вы его не разблокируете.
4. Настройте качество для JPEG или WebP, затем преобразуйте.
5. Прочтите измеренные размеры до и после. При необходимости отрегулируйте и преобразуйте снова; это ничего не стоит, потому что загрузка не требуется.

Рабочий пример: фотография телефона 6.8 MB для веб-страницы.

Фотография телефона имеет размер 4032 на 3024 пикселей и 6.8 MB в том виде, в каком она была снята с камеры. Он будет отображаться в столбце содержимого шириной около 900 пикселей на экранах, ширина которых может быть в два раза больше пикселей устройства.

Разумная цель — 1800 пикселей по длинному краю — достаточно для отображения с высокой плотностью отображения при такой ширине столбца и менее половины линейного размера оригинала.

1. Загрузите фотографию в конвертер изображений.
2. Установите формат вывода JPEG.
3. Изменение размера в пикселях: 1800 по длинному краю, соотношение сторон заблокировано.
4. Оставьте качество по умолчанию, преобразуйте и прочтите выходной размер.
5. Если он все же больше, чем вы хотите, попробуйте качество 75 и сравните, а не 40, которое покажет.

Результат: Количество пикселей падает с примерно 12.2 мегапикселей до примерно 2.4, примерно одной пятой. Типичный результат — несколько сотен килобайт, а не 6.8 MB, без видимой разницы в размере, который будет фактически отображаться. Точное число зависит от изображения и кодера вашего браузера, поэтому инструмент сообщает измеренный размер, а не прогнозирует его.

Откройте инструмент

Сжатие изображения в конвертере изображений

Преобразует и изменяет размеры в вашем браузере и сообщает реальные измеренные размеры. Он не может читать файлы HEIC или камеры RAW.

Что это не распространяется

• Ввод: JPEG, PNG, WebP или GIF. HEIC, AVIF, TIFF и камера RAW не поддерживаются, поскольку браузеры не могут надежно декодировать их без кодека платформы.
• Кодирование выполняется вашим браузером, поэтому одни и те же настройки дают немного разные размеры файлов и результаты в разных браузерах и устройствах.
• GIF читается как один кадр. Анимация теряется, а GIF не предлагается в качестве вывода.
• Цветовые профили не сохраняются на холсте, поэтому изображение с необычным встроенным профилем может слегка изменить цвет.
• Большая партия фотографий с высоким разрешением ограничена памятью вашего устройства и будет работать медленно на телефоне.
• Удаление метаданных — это скорее побочный эффект перекодирования, чем гарантия. Используйте инструмент конфиденциальности метаданных изображения, если это и есть реальная цель.