Короткий ответ
Качество после resize ухудшается, когда изображение пересчитывается в новую сетку, особенно при сильном увеличении, повторных преобразованиях и последующем агрессивном сжатии. Ещё одна частая причина — готовую картинку показывают крупнее её фактического разрешения.
1. Слишком сильное увеличение
Исходник 300 × 200 не содержит деталей для настоящего 3000 × 2000. Алгоритм может только интерполировать известные данные.
2. Уменьшенную копию снова увеличили
Если 4000 × 3000 уменьшить до 500 × 375, большая часть деталей отброшена. Последующее увеличение уже не имеет доступа к оригинальным пикселям.
3. Файл сильно сжали после resize
Агрессивный JPEG может добавить блоки, шум и ореолы вокруг контрастных границ.
4. Нарушили пропорции
Резкость может быть нормальной, но лица и предметы изменят форму. Это геометрическое искажение.
5. CSS растягивает изображение
Если файл сохранён шириной 600 px, а страница показывает его на 1200 px, браузер дополнительно масштабирует ресурс.
6. Исходник уже плохой
Resize не лечит исходное размытие, JPEG-артефакты и отсутствие фокуса.
7. Мелкие элементы исчезают
Однопиксельные линии, мелкий текст и сетки могут не пережить сильное уменьшение.
8. Просмотр не в масштабе 100%
Просмотрщик сам может масштабировать картинку на 67% или 125%, создавая дополнительный слой интерполяции.
9. Сравниваются разные физические размеры
Копия прекрасно выглядит в блоке 400 px и размытой на весь экран. Разрешение должно соответствовать конечному показу.
10. «Без потери качества» понимают буквально
Реальное уменьшение числа пикселей означает уменьшение данных. Корректнее говорить «без заметной потери» для конкретного масштаба.
Как менять размер безопаснее
- Начинайте с оригинала.
- Определите реальный конечный размер.
- Сохраняйте пропорции.
- Не делайте цепочку resize → save → resize.
- Проверяйте результат при 100%.
- Только потом регулируйте compression.
Почему уменьшенная фотография иногда кажется резче
Шум и мелкие дефекты усредняются, поэтому на меньшем масштабе картинка субъективно выглядит аккуратнее. Но данных при этом стало меньше.
Нужно ли добавлять резкость
Иногда после уменьшения применяют лёгкий sharpening, особенно для изображений с мелкими деталями. Но чрезмерная резкость создаёт ореолы и подчёркивает шум.
Итог
Большинство проблем объясняется несоответствием исходного и конечного разрешения, повторным пересчётом либо дополнительным сжатием. Работайте от оригинала и не растягивайте готовую копию выше её возможностей.