Проценты, пиксели, пропорции
«Что выбрать: проценты или пиксели?» Проценты — когда нужно просто ужать без точного размера: быстро, без математики. Пиксели — когда размер задан дизайном или площадкой: аватарки, баннеры, превью.
«Зачем блокировка пропорций?» Чтобы картинка не растягивалась. С включённой блокировкой меняется один размер, второй подстраивается сам. Выключайте только осознанно — растянутые лица видно сразу.
«Можно задать ширину и высоту независимо?» Можно, выключив блокировку. Но результат — деформированная картинка. Для нестандартных пропорций лучше ресайз с блокировкой плюс обрезка.
«Какой размер выбрать для сайта?» Смотрите на дизайн: ширина контентного блока — ваш ориентир. Для retina-экранов берите двойной размер (блок 800 — картинка 1600): будет чётко на всех устройствах.
Качество и детали
«Уменьшение портит качество?» Умеренное — нет: пикселей меньше, но они чёткие. Наоборот, небольшое уменьшение иногда делает картинку визуально чище, убирая шумы.
«А увеличение?» Увеличение деталей не добавляет: картинка мылится. Если нужен большой размер — ищите исходник покрупнее, а не тяните маленький.
«Что лучше для чёткости: ресайз или сжатие?» Это разное: ресайз убирает пиксели, сжатие упрощает детали. Для веба обычно нужно и то, и другое: сначала размер под задачу, потом сжатие.
«Сохранится ли прозрачность?» Да: ресайз не трогает альфа-канал. PNG и WebP с прозрачностью останутся прозрачными в новом размере.
Пакет и техника
«Сколько файлов за раз?» До 20. Настройки одни на всю партию — для разных размеров разбивайте на группы.
«Вертикальные и горизонтальные вместе?» Да: с блокировкой пропорций каждое сохранит свои пропорции. Задавайте размер по ширине.
«Почему один файл стал крошечным?» Исходник был маленьким, а вы задали проценты. Обработайте его отдельно в пикселях.
«Куда загружаются файлы?» Никуда: обработка в браузере, файлы не покидают устройство. Регистрация не нужна.
Типичные ошибки
«Я выключил блокировку и всё растянулось». Включите обратно и обработайте заново из исходников. Растянутую картинку не спасти — только переделать.
«Увеличил маленькую картинку — мыльно». Так и должно быть: деталей неоткуда взяться. Ищите исходник большего размера.
«Забыл сохранить оригиналы». Увы: уменьшенную картинку обратно не увеличить без потерь. Держите архив оригиналов — это правило номер один.
Вопросы про увеличение изображений
«Можно ли увеличить маленькое фото без мыла?» Обычным ресайзом — нет: деталей неоткуда взяться. Нейросетевые апскейлеры дорисовывают детали, но это уже другая технология с другими инструментами.
«А если очень нужно увеличить?» Увеличивайте не более чем в 1.5–2 раза и смиритесь с потерей чёткости. Или ищите исходник большего размера — это всегда лучше.
«Почему увеличенный файл весит больше?» Больше пикселей — больше данных, даже если они «размазаны». Вес растёт, качество — нет: самый невыгодный обмен в обработке изображений.
Остались вопросы? Откройте инструмент и поэкспериментируйте на своих файлах: практика с мгновенным пересчётом учит быстрее любых статей.
Частые вопросы
Идеальный размер фото для сайта?
Ширина контентного блока, для retina — двойная. Обычно 1200–1600 пикселей по ширине для статей, 800–1000 для карточек товаров.
В каком порядке: ресайз или сжатие?
Сначала ресайз, потом сжатие: меньше пикселей — эффективнее сжимается. Это самый выгодный порядок.
Нужно ли что-то устанавливать?
Нет. Инструмент работает в браузере на любом устройстве: Windows, macOS, Linux, iOS, Android.