Зачем менять размер
Главная причина — избыточность. Фото с телефона 4000×3000 пикселей весит мегабайты, а на сайте показывается в блоке 800×600. Браузер скачивает в 25 раз больше пикселей, чем показывает, — и тратит на это время и трафик посетителя.
Вторая причина — требования площадок: аватарки, превью, маркетплейсы хотят точные размеры. Загрузите не то — обрежут автоматически и некрасиво. Лучше подготовить размер самому.
Третья — единообразие: двадцать фото товара в разных разрешениях выглядят неряшливо. Приведение к одному размеру — базовая гигиена каталога. Размер в пикселях — это первое, что нужно привести в порядок, ещё до сжатия.
Проценты или пиксели
Инструмент CubTools предлагает два способа: проценты и пиксели. Проценты — для пропорционального уменьшения: «сделать в два раза меньше» (50%) быстро и без математики. Удобно, когда точный размер не важен, а важно просто ужать.
Пиксели — для точных задач: аватарка 200×200, превью 800×600, баннер 1920×1080. Вводите нужную ширину или высоту — второе измерение подстроится само, если включена блокировка пропорций.
Правило выбора: знаете точный целевой размер — пиксели; просто нужно меньше — проценты. Для веба чаще нужны пиксели: размеры блоков известны заранее. Для «ужать для отправки» хватает процентов.
Блокировка пропорций: святое
Блокировка пропорций — настройка, которая не даёт картинке растянуться. Включена — меняете ширину, высота пересчитывается автоматически, картинка остаётся естественной. Выключена — можно задать ширину и высоту независимо и получить растянутые лица.
Держите блокировку включённой всегда, кроме специальных задач (например, точный кроп под баннер с искажением по дизайну). 99% растянутых картинок в интернете — это забытая выключенная блокировка.
Если нужен точный прямоугольник нестандартных пропорций — сначала измените размер с блокировкой, потом обрежьте (кроп) до нужных пропорций. Растягивание — худший способ подогнать размер: оно уродует картинку необратимо.
Как изменить размер за минуту
Откройте инструмент изменения размера CubTools, выберите до 20 файлов — обработка стартует автоматически. Задайте размер: проценты или пиксели, с включённой блокировкой пропорций.
Карточки покажут результат сразу: новый размер и вес. Пересчёт автоматический — меняете значение, видите итог. Скачайте по одному или всё сразу в ZIP.
Помните: уменьшение размера — тоже сжатие, причём самое эффективное. Фото 4000→1000 пикселей худеет в разы сильнее, чем любой слайдер качества. Поэтому ресайз — первый шаг оптимизации, сжатие — второй.
Вся обработка — в вашем браузере, файлы никуда не загружаются. Увеличивать ли размер? Технически можно, но деталей не прибавится — только мыльность. Увеличение — крайняя мера, уменьшение — повседневность.
Ресайз и retina-экраны
Retina и другие HiDPI-экраны показывают в два-три раза больше пикселей, чем CSS-размер блока. Картинка 800 пикселей на блоке 800 выглядит мыльно на retina — ей нужно 1600 пикселей для чёткости.
Правило: готовьте изображения в двойном размере от отображаемого. Блок 800 — файл 1600, аватарка 200 — файл 400. Вес вырастет, но чёткость на современных экранах того стоит.
Компромисс: для фотографий двойной размер со сжатием WebP 70% даёт отличный баланс. Не гонитесь за тройным — глаз уже не различает, а вес растёт. Два — золотая середина.
Шаги
- Откройте инструмент изменения размера на CubTools.
- Выберите до 20 файлов — обработка начнётся автоматически.
- Выберите способ: проценты или точные пиксели.
- Убедитесь, что блокировка пропорций включена.
- Задайте целевой размер и проверьте карточки.
- Скачайте файлы по одному или все сразу в ZIP.
Частые вопросы
Уменьшение размера портит качество?
Умеренное — нет: пикселей становится меньше, но оставшиеся чёткие. Проблемы начинаются при сильном увеличении: деталей не прибавляется, картинка мылится.
Что лучше: проценты или пиксели?
Пиксели — для точных задач (аватарки, баннеры), проценты — для быстрого пропорционального уменьшения. Результат одинаковый, разница в удобстве.
Можно ли увеличить маленькую картинку?
Можно, но бессмысленно: деталей не прибавится, будет мыльно. Для увеличения используйте лучше исходник большего размера.
Зачем блокировка пропорций?
Чтобы картинка не растягивалась. Без неё легко получить вытянутые лица и сплюснутые предметы — держите включённой всегда.