Уменьшайте под то место, где картинка будет стоять
Самая частая трата на веб-странице — изображение сильно больше отведённого ему места: фотография шириной 4000 пикселей в колонке шириной 600 скачивает в пять раз больше данных, чем нужно, и всё равно уменьшается браузером. Померьте самое широкое место показа, удвойте для экранов с высокой плотностью и приводите к этому размеру.
Пропорции закреплены, одна сторона пустая
Оставьте высоту пустой и задайте ширину — высота вычислится по пропорциям. Так правильно почти всегда, потому что исказить изображение при этом невозможно. Заполнение обеих сторон при закреплённых пропорциях вписывает картинку в описанную рамку — как раз то, что нужно для миниатюр из смеси вертикальных и горизонтальных оригиналов.
Уменьшение необратимо, и это полезно
Сокращение размеров действительно выбрасывает пиксели, и вернуть их нельзя — работайте с оригиналом, а не с уже уменьшенной копией. Повторные изменения размера одного файла накапливают замыливание так же, как повторные пересохранения JPEG накапливают артефакты.
Сначала размер, потом сжатие
Порядок важен. Если сначала уменьшить, сжатие работает с меньшим числом пикселей, и то же визуальное качество обходится меньшим файлом. Если сначала сжать, а потом уменьшить, вы выбросите детали, за которые уже заплатили. Сначала этот инструмент, затем сжатие изображений.
Вопросы
Можно обработать сразу несколько изображений?+
Да, до лимита пакета, указанного на зоне загрузки. Без аккаунта — по одному файлу за раз; с бесплатным аккаунтом — до сорока, а это разница между «поправить одну обложку» и «обработать галерею».
Что будет, если задать и ширину, и высоту?+
При сохранении пропорций оба значения считаются рамкой, и картинка вписывается внутрь: изображение 1600×900, запрошенное как 800×800, станет 800×450, а не сплющится. Отключите сохранение пропорций, если действительно нужно растянуть картинку до точных размеров.
Стоит ли здесь увеличивать изображение?+
Можно, но восстанавливать нечего — браузер интерполирует, и результат будет более мягкой версией исходника в большем размере. Для увеличения, дорисовывающего правдоподобные детали, нужен инструмент на основе модели; здесь честная билинейная интерполяция.
Почему уменьшенный PNG весит больше, чем ожидалось?+
Фотография, сохранённая в PNG, остаётся тяжёлой независимо от размеров: PNG сжимает без потерь, а в фотографии нет повторяющихся структур, на которых можно выиграть. Уменьшение сокращает число пикселей, но формат по-прежнему неподходящий — переведите её в WebP или JPEG.