Изменение размера — самая частая операция с изображениями и чаще всего выполняемая плохо. Встроенный алгоритм браузера уменьшает простой выборкой, то есть выбрасывает пиксели вместо их объединения — отсюда зубчатые края, разваливающийся текст и общее ощущение небрежно обработанной картинки.
Этот инструмент использует pica с ресемплингом Ланцоша: каждый выходной пиксель вычисляется из расширенной окрестности входных пикселей с весами, которые сохраняют резкость, не создавая ореолов. При уменьшении вдвое разница между двумя методами очевидна на любой мелкой детали.
Можно задать ширину, высоту или оба значения. Пропорции по умолчанию сохраняются, чтобы ничего не растянулось.
Ресемплинг выполняется в браузере. Ничего не загружается.
| Назначение | Обычная ширина |
|---|---|
| Изображение во всю ширину страницы | 1920 px |
| Изображение внутри статьи | 1200 px |
| Миниатюра в списке | 400 px |
| Аватар | 200 px |
| Вложение в письмо | Обычно хватает 1600 px |
Для экранов высокой плотности экспортируйте в двойной ширине от предполагаемой ширины показа и позвольте браузеру уменьшить: это самый простой способ получить резкость, не отдавая огромные файлы.
Уменьшение объединяет существующую информацию и всегда даёт корректный результат. Увеличение вынуждено изобретать пиксели, которых никогда не было, и никакой алгоритм не восстановит несуществующие детали.
Если нужно увеличить, инструмент «Увеличить изображение» использует интерполяцию с учётом краёв и даёт результат лучше обычного масштабирования — но это по-прежнему интерполяция. Всегда начинайте с самого большого оригинала, который у вас есть.
Да, по умолчанию. Заполните только одно измерение, и второе будет вычислено автоматически.
Ресемплинг Ланцоша через библиотеку pica, который сохраняет намного больше деталей, чем встроенное масштабирование браузера.
Можно, но для увеличения лучше использовать инструмент «Увеличить изображение» с интерполяцией по краям — он даёт заметно лучший результат.
Да. Указанные размеры применяются ко всем изображениям пакета.
Нет. JPG остаётся JPG, PNG остаётся PNG, прозрачность сохраняется.
Нет. Ресемплинг выполняется в браузере.