Блог Calcup · Информатика
Изменить размер изображения до публикации
Короткая заметка о релизе Calcup на 16 июня: добавили локальный ресайзер изображений для сайта, маркетплейса и отправки файлов
В этой заметке
Коротко
- Когда фото слишком большое для простой задачи
- Размер — это не только вес файла
- Рамка и точный холст спасают карточки
- Что остаётся проверять глазами
В статье
Когда фото слишком большое для простой задачи
Снимок с телефона легко весит несколько мегабайт и приходит в разрешении, которое не нужно ни карточке товара, ни аватарке, ни письму. Ошибка обычно видна поздно: страница грузится тяжело, маркетплейс ругается на размер, а в чате файл отправляется дольше, чем сама правка.
Сегодня в Calcup появился ресайзер изображений. Он уменьшает PNG, JPEG и WebP прямо в браузере: можно задать процент, вписать картинку в рамку или сделать точный холст с полями. Файлы не загружаются на сервер, а результат скачивается обратно из браузера.
Размер — это не только вес файла
Компрессия отвечает на вопрос “сколько весит файл”, а ресайз — “какого он физического размера в пикселях”. Для сайта это разные решения. JPEG на 6000×4000 можно пережимать долго, но часто честнее сначала уменьшить его до 1920×1080 или до нужной ширины карточки.
Поэтому новый инструмент живёт отдельной страницей рядом со сжатием изображений. В одном сценарии нужно оставить разрешение и подобрать качество, в другом — привести десяток файлов к одному рабочему размеру перед публикацией.
Рамка и точный холст спасают карточки
Самый частый сбой в каталоге — не мегабайты, а разные пропорции. Одно фото вертикальное, другое горизонтальное, третье почти квадратное. Если просто обрезать всё под один формат, часть товара исчезает; если ничего не делать, сетка выглядит неаккуратно.
Режим “вписать в рамку” сохраняет пропорции и не обрезает изображение. Режим точного холста делает файл заданной ширины и высоты, например 1080×1080, а свободное место заполняет белым фоном или прозрачностью. Так можно подготовить ровные карточки без ручного холста в редакторе.
Что остаётся проверять глазами
Canvas хорошо подходит для быстрой локальной обработки, но это не полиграфический пайплайн. При перекодировании могут исчезнуть EXIF, ICC и другие метаданные; очень большие изображения могут упереться в память браузера; JPEG не сохраняет прозрачность и заменяет её фоном.
Результат стоит воспринимать как рабочую подготовку файла перед сайтом, маркетплейсом, презентацией или отправкой. Для цветокритичной печати, архивных фото, SVG/HEIC/RAW и строгих требований площадки лучше отдельно сверить итоговый файл и правила конкретного сервиса.