Изменить размер изображения v1.0

Изменение размера изображения (ресайз) это пересчёт картинки под новые ширину и высоту в пикселях. Задача выглядит простой ровно до того момента, пока площадка не потребует строго 900×1200, а телефон не выдаст снимок 3024×4032 на 4 МБ. DocPivot закрывает обе половины задачи за один проход: выставляет точную геометрию и удерживает вес файла под нужным лимитом в килобайтах. Всё считается во вкладке браузера, до 30 файлов за раз, без загрузки на сервер и очередей.

Обзор инструмента изменения размера изображений

Что именно делает инструмент

Инструмент декодирует изображение в браузере и пересчитывает его под заданные размеры. На входе поддерживаются JPEG, PNG, WebP, GIF, BMP, AVIF, SVG и JFIF. Размер задаётся тремя способами: точными числами, процентом от исходника или пресетом социальной сети. На выходе сохраняется исходный формат либо выбирается JPG, PNG или WebP. Если указан целевой вес, кодировщик подбирает качество бинарным поиском, пока файл не уложится в лимит. Каждый файл обрабатывается своим движком, поэтому один нечитаемый снимок не обрушит остальные двадцать девять. Когда геометрию менять не нужно, а вес всё равно великоват, задачу решает сжатие изображений.

Кому это нужно чаще всего

Ресайз ежедневно нужен селлерам маркетплейсов, SMM-специалистам, вебмастерам и всем, кто подаёт документы через порталы с жёсткими требованиями. Продавец на Wildberries приводит съёмку к вертикали 3:4, дизайнер готовит обложку сообщества, соискатель ужимает портрет под анкету, верстальщик нарезает исходник под адаптивную сетку.

Какую проблему это решает

Главная боль в том, что площадка называет одно число, а бесплатный сервис отдаёт другое. Классика жанра: вы просите квадрат 1080×1080, сервис вписывает кадр в эти границы и возвращает 1080×720, и загрузка отклоняется. Здесь недостающую сторону достраивает подложка, белая, чёрная или прозрачная, и на выходе получаются ровно запрошенные цифры.

Пиксели и килобайты: почему «размер» это два разных требования

Слово «размер» в русском языке покрывает две несвязанные величины, и именно на этом ломается половина запросов. Пиксельный размер это геометрия кадра: 1920×1080, столько-то точек по ширине и высоте. Вес файла это объём на диске, и он зависит не только от геометрии, но и от формата, степени сжатия и содержания кадра. Снимок 1000×1000 может весить и 80 КБ, и 2 МБ.

Отсюда следует практический вывод. Требование «фото не больше 200 КБ» относится к весу и решается качеством сжатия. Требование «фото 900×1200» относится к геометрии и решается пересчётом пикселей. Проблема в том, что многие сервисы с обещанием «изменить размер до 200 КБ» вместе с качеством молча режут и разрешение: вы просили 1200 точек по высоте, а получили 900, потому что иначе в лимит было не уложиться. Такой подход мы не используем. Заданная геометрия остаётся неприкосновенной, под лимит подбирается только качество, и если запас качества исчерпан, вы узнаете об этом сразу, а не из отказа модератора.

Основные преимущества

• Файл не покидает устройство. Декодирование, пересчёт и кодирование выполняются во вкладке браузера. Ни исходник, ни результат никуда не отправляются, поэтому вопрос трансграничной передачи данных в терминах 152-ФЗ здесь не возникает.
• Три способа задать размер. Точные числа, процент от оригинала или готовый пресет. Пресет подставляет значения в поля ширины и высоты, после чего их можно свободно править.
• Точный холст вместо «примерно». Подложка добивает короткую сторону до запрошенных габаритов, так что 1080×1080 остаётся 1080×1080.
• Пачка до 30 файлов. Настройки применяются ко всей партии, результат забирается одним архивом.
• Геометрия и вес за один проход. Целевой вес задаётся там же, где ширина и высота, без перехода в отдельный сервис.
• Честность про метаданные. Перекодирование через канвас стирает EXIF, включая модель камеры и GPS-координаты. Для публичной площадки это скорее плюс, но если чистка нужна прицельно и без вмешательства в геометрию, есть удаление метаданных из фото.
• Понятные ограничения по входу. Формат HEIC с айфона напрямую не читается, и инструмент честно об этом сообщает; снимок достаточно прогнать через HEIC в JPG.
• Восемнадцать языков, никакой регистрации. Русский интерфейс, без аккаунта, водяных знаков и суточных лимитов.

Ключевые функции

• Пиксели, дюймы, сантиметры и миллиметры. Пересчёт идёт из расчёта 96 пикселей на дюйм. Миллиметры выручают, когда требование задано в печатных единицах, например 35×45 мм для документного портрета.
• Масштаб в процентах. Значение считается от исходных габаритов с потолком в 200%.
• 24 пресета для 7 сетей. Facebook*, Instagram*, X (Twitter), LinkedIn, YouTube, Pinterest и TikTok: аватары, обложки, посты и вертикальные истории.
• Блокировка пропорций. С блокировкой кадр вписывается в рамку без искажений, без неё растягивается ровно под указанные числа.
• Три варианта подложки. Белая, чёрная или прозрачная. Прозрачность переживает сохранение только в форматах с альфа-каналом, то есть в PNG и WebP.
• Смена формата на выходе. По умолчанию сохраняется исходный формат, но доступны JPG, PNG и WebP. Массовая смена формата без изменения габаритов это уже задача для конвертера изображений.
• Целевой вес в килобайтах. Кодировщик перебирает уровни качества бинарным поиском и останавливается на максимальном, который укладывается в заданный потолок.
• MozJPEG и libwebp вместо штатного кодировщика. Оба скомпилированы в WebAssembly и дают меньший файл при том же качестве, чем встроенный в браузер canvas.toBlob.
• Однопроходное передискретизирование. Один качественный проход вместо цепочки последовательных уменьшений вдвое. Это замер, а не убеждение: на таблице 2400×1600, уменьшенной до 25%, средний модуль лапласиана составил 237,05 против 235,43 у ступенчатой схемы, то есть цепочка выходит чуть мягче и дороже по памяти.
• oxipng для PNG. Оптимизация без потерь: пиксели остаются прежними, лишние байты уходят.
• Кадрирование вместо вписывания. Если картинку нужно не уместить целиком, а срезать по краям, это работа для обрезка изображения.
• Поле веса прячется для PNG. Формат работает без потерь, торговать качеством нечем; под лимит в килобайтах нужен JPG или WebP, а перевести графику заранее поможет PNG в JPG.

Как работает изменение размера в DocPivot

1. Добавьте файлы. Перетащите до 30 изображений в форму или выберите вручную; каждое читается локально, без отправки на сервер.
2. Выберите режим. «По размеру» для точных чисел, «Процент» для пропорционального масштаба, «Соцсети» для подстановки готовых габаритов.
3. Настройте посадку. Оставьте блокировку пропорций и выберите подложку, если нужен ровный холст под требования площадки.
4. Задайте формат и вес. Укажите выходной формат и при необходимости потолок в килобайтах. Если площадка принимает WebP, он обычно даёт меньший файл при сопоставимой картинке, а отдельная конвертация это JPG в WebP.
5. Скачайте результат. Каждая карточка показывает итоговые габариты, а всю партию DocPivot отдаёт одним архивом.

Когда стоит менять размер изображения

Ресайз нужен в двух ситуациях: когда принимающая сторона диктует габариты и когда исходник избыточно тяжёл для канала доставки. Съёмка со смартфона это 12 и более мегапикселей, и почти нигде такой запас не нужен.

• Карточка на маркетплейсе. Wildberries и Ozon ждут вертикаль 3:4, и горизонтальный кадр без подложки модерацию не пройдёт.
• Оформление сообщества. Обложки, аватары и посты ВКонтакте имеют свои габариты, а мобильная версия обрезает края сильнее десктопной.
• Скорость загрузки сайта. Картинка 4000 пикселей в блоке шириной 800 тормозит страницу и портит показатели Core Web Vitals.
• Анкеты и порталы госуслуг. Формы часто ограничивают и габариты, и вес, причём требования различаются от услуги к услуге.
• Вложения в письма и мессенджеры. Почтовые серверы режут тяжёлые вложения, а Telegram пережимает изображения по-своему.
• Ориентация кадра. Иногда проблема не в габаритах, а в развороте: тогда достаточно применить поворот изображения.
• Иконки и фавиконы. Для набора квадратных иконок под сайт удобнее специализированный генератор фавиконов, который сразу выдаёт нужные размеры.
• Печать и типография. Здесь габариты задаются в миллиметрах, и пересчёт в пиксели проще доверить инструменту.

Обратная ситуация тоже бывает: если исходник уже меньше целевого, увеличивать его почти всегда бессмысленно. Недостающие пиксели не восстанавливаются, а дорисовываются интерполяцией.

Примеры использования

Карточка товара для Wildberries

Контекст: селлер снял партию товара на белом фоне горизонтальными кадрами, а площадка требует вертикаль.
Процесс: загрузка всей партии одним заходом; ввод 900 на 1200 в режиме точных чисел; выбор белой подложки, чтобы кадр не растянулся; сохранение в JPG с потолком по весу.
Результат: партия приходит к формату 3:4 без ручной подгонки, а собрать из готовых кадров слайд с инфографикой помогает создание коллажа.

Оформление сообщества ВКонтакте

Контекст: SMM-специалист ведёт сообщество и еженедельно готовит посты, истории и обложки под разные габариты.
Процесс: подготовка одного макета с запасом по краям; пересчёт под квадрат 1080 на 1080 для ленты; отдельный проход под вертикаль 1080 на 1920 для историй.
Результат: один исходник закрывает три формата, а важные элементы не уезжают за пределы видимой зоны на телефоне.

Подготовка изображений для сайта

Контекст: вебмастер обновляет каталог магазина и получил от клиента папку снимков по 5 МБ.
Процесс: пакетная обработка тридцати файлов за проход; ограничение ширины и включение процентного режима для однотипных кадров; вывод в WebP с целевым весом.
Результат: вес страницы падает в разы, время до отрисовки основного контента заметно сокращается.

Объявления и портфолио

Контекст: фотограф выкладывает работы на Авито и в портфолио, но не хочет отдавать полноразмерные исходники.
Процесс: уменьшение до 1600 пикселей по длинной стороне; сохранение в JPG; проверка, что координаты съёмки не уехали в публикацию.
Результат: превью выглядят опрятно и грузятся быстро, а защитить кадры от копирования позволяет водяной знак на изображение.

Габариты изображений для российских площадок

Готовые пресеты покрывают семь международных сетей, но не покрывают Рунет, и это стоит сказать прямо. VK, Telegram, Дзен, Авито и маркетплейсы в списке отсутствуют, поэтому их габариты вводятся вручную. Ниже ориентиры, которые чаще всего нужны на практике.

Цифры площадки меняют без объявлений, поэтому перед крупной выгрузкой их стоит сверить в официальной справке. Требования порталов вроде Госуслуг различаются даже между отдельными услугами: где-то ограничен только вес, где-то ещё и минимальная ширина, так что ориентироваться нужно на текст конкретной формы.

Что теряется при изменении размера

Ресайз это операция с потерями, и лучше знать заранее, что именно уходит. Ниже четыре ограничения, о которых бесплатные сервисы обычно молчат.

• EXIF не переносится. Перекодирование через канвас стирает служебные данные снимка: камеру, выдержку, дату и координаты. Посмотреть, что было в файле до обработки, можно через просмотр EXIF.
• Анимация возвращается как есть. Анимированные GIF и WebP не пересчитываются, а отдаются без изменений: канвас держит один кадр, и ресайз превратил бы ролик в статичную картинку.
• Увеличение придумывает пиксели. Всё, что выше 100%, это интерполяция, а не восстановление деталей. Потолок в 200% стоит именно поэтому.
• Целевому весу нужен формат с потерями. У PNG нет качества, которым можно торговать, поэтому при выборе этого формата поле веса скрывается.

Часто задаваемые вопросы