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

Проценты или пиксели?

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

Используйте точные пиксели, когда что-то нижестоящее имеет определенные требования: ширина столбца, предел загрузки, размер печати. Введите измерение, которое вас волнует, и позвольте другому следовать за ним.

Если разблокировать соотношение сторон и установить оба размера, изображение растянется. Иногда это делается намеренно и почти всегда является ошибкой, поэтому это отдельное, явное действие, а не то, что может произойти случайно.

Сколько на самом деле стоит изменение размера

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

Апскейлинг ничего не изобретает. Каждый алгоритм увеличения выполняет интерполяцию между уже имеющимися пикселями, поэтому 400-пиксельное изображение, растянутое до 1600 пикселей, имеет такое же количество реальной информации, распределенной по шестнадцатикратной площади. Он будет выглядеть мягким, и никакие настройки этого не изменят.

Это означает одно практическое правило: сохраняйте оригинал и каждый раз изменяйте его размер. Многократное изменение размера уже измененного файла усугубляет смягчение, а если формат имеет потери, это также приводит к появлению артефактов сжатия.

Порядок операций и почему это важно

Конвертер изображений сначала применяет обрезку, затем изменение размера и затем вращение. Этот порядок фиксирован и ведет себя предсказуемо: сначала обрезка означает, что процент изменения размера относится к той части изображения, которую вы сохранили, а не к исходному кадру.

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

Выбор целевого размера

• Для веб-страницы стремитесь к ширине примерно вдвое большей CSS, которую будет занимать изображение, чтобы оно выглядело четким на экранах с высокой плотностью пикселей. Примерно в два раза отдача фактически прекращается.
• Для печати важен размер в пикселях, разделенный на размер печати. Для большинства документов достаточно около 150 пикселей на дюйм; 300 — традиционная цель для фотопечати.
• Для вложения электронной почты или формы с ограничением загрузки сначала измените размер и только затем настройте качество — размеры являются более сильным рычагом.

Рабочий пример: снимок экрана размером 3000 для столбца размером 600 пикселей.

Скриншот имеет размер 3000 на 1875 пикселей. Он будет отображаться в столбце шириной 600 пикселя. Хранение в 3000 пикселей приводит к потере пропускной способности и, на некоторых устройствах, памяти.

Удвоение ширины дисплея для экранов с высокой плотностью дает целевую ширину 1200 пикселей.

1. Загрузите снимок экрана в конвертер изображений.
2. Выберите изменение размера в пикселях и введите 1200 для ширины, соотношение сторон заблокировано.
3. Убедитесь, что высота автоматически задается как 750.
4. Оставьте PNG в качестве выходных данных, поскольку на снимке экрана есть четкий текст и плоские области.
5. Конвертируйте и скачивайте.

Результат: 1200 от 750 PNG. Количество пикселей уменьшается с 5.6 миллионов до 0.9 миллионов, что примерно на 16% o от оригинала, а текст остается четким, поскольку PNG не смягчает края, как это делает формат с потерями. Исходный файл размером 3000 останется на вашем устройстве нетронутым, и вам следует вернуться к нему в следующий раз.

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

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

Изменяет размер в процентах или в пикселях в вашем браузере, при этом соотношение сторон заблокировано по умолчанию. Он не масштабируется разумно.

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

• Увеличение не может добавить деталей. Инструмент это сделает, и результат будет мягким; это свойство математики, а не этой реализации.
• Любое изменение размера приводит к повторной выборке изображения, поэтому даже вывод PNG больше не идентичен исходному.
• Очень большие изображения ограничиваются бюджетом пикселей, который ваше устройство может безопасно выделить, поэтому запрошенный результат чрезвычайно большого размера может оказаться меньше. Инструмент сообщает, когда это произойдет.
• Ввод только JPEG, PNG, WebP или GIF.
• Масштабирование с учетом содержимого или интеллектуальная обрезка отсутствуют. Изменение размера происходит равномерно по всему кадру.