dropcrop
Войти

dropcrop Блог

Как уменьшить вес фото и не испортить картинку

· 11 мин чтения

Как уменьшить вес фото и не испортить картинку

Вес фотографии зависит всего от трёх вещей: формата файла, настройки качества сжатия и размера в пикселях. Уменьшить файл, не испортив картинку, — значит подвинуть эти три ручки по отдельности и посмотреть на результат, а не давить один ползунок качества до предела. Ниже — как это сделать бесплатно в браузере, без Photoshop и без загрузки фото на чужой сервер: двумя способами, для готового снимка и для целой пачки файлов.

От чего вообще зависит вес файла

Что влияетКак работает
ФорматWebP сжимает легче всех при похожем качестве; JPEG — стандарт площадок, но чуть тяжелее; PNG сжимает без потерь и поэтому самый тяжёлый
КачествоПолзунок сжатия у WebP и JPEG: чем ниже число, тем легче файл и тем заметнее артефакты — блочность и полосы на плавных участках
Размер в пикселяхЧем крупнее кадр, тем он тяжелее при любом формате и качестве; лишние пиксели, которых не видно на площадке, — самый безопасный способ похудеть

У PNG и у «тяжёлых» форматов вроде BMP и TIFF ползунка качества нет вовсе — они либо не сжимают пиксели совсем, либо сжимают без потерь: чтобы уменьшить такой файл, единственный рабочий путь — сменить формат или уменьшить размер, крутить там нечего.

Форматы, которые весят много не просто так

В редакторе кроме трёх основных форматов — WebP, PNG, JPEG — есть ещё три, в блоке «Другие форматы»: BMP, TIFF и значок ICO. Все три весят заметно больше обычной фотографии, и это не недоработка, а их прямое назначение:

  • BMP хранит пиксели вообще без сжатия — зато открывается в любой, даже самой старой программе на любом Windows, без исключений. Берут его не ради веса, а ради гарантированной совместимости.
  • TIFF тоже без сжатия, но умеет прозрачность и его принимают все типографии и все графические редакторы — его просят не для сайта, а для печати.
  • Значок ICO — контейнер, в который редактор кладёт сразу несколько размеров одной картинки (от 16 до 256 пикселей), чтобы значок одинаково хорошо смотрелся и во вкладке браузера, и на ярлыке рабочего стола. По сути это уже не про «одна картинка полегче», а про другую задачу целиком.

Если вы оказались в этом разделе панели случайно, выбирая формат «на всякий случай, вдруг тяжелее — надёжнее», — это ошибочная логика: для фото товара, сайта или карточки маркетплейса ни один из этих трёх форматов не нужен, они не про вес, а про совместимость и печать.

Есть и обратная сторона: два формата, которые редактор открывает, но не умеет сохранять, — GIF и AVIF. У GIF на выход своя технология сжатия (палитра на 256 цветов), которая для фотографии товара всё равно даёт заметно худшую картинку, чем WebP или JPEG, — сохранять в него смысла нет. AVIF на выход и вовсе невозможен технически: браузер умеет его читать, но не умеет кодировать — для этого нужен отдельный тяжёлый модуль, которого пока нет ни у одного браузера «из коробки». Если это ваш случай — на входе такой файл открывается нормально, а сохранить нужно будет в WebP или JPEG, что для веса всё равно эквивалентно или даже выгоднее.

Быстрее всего — в «Конвертере»

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

  1. Откройте dropcrop.ru и нажмите «Конвертер» в шапке. Перетащите файл или сразу пачку файлов — или нажмите «Выбрать файлы».
  2. В строке «Сохранить как» выберите формат. Для карточки товара обычно легче всего выходит WebP; если площадка прямо просит JPG — берите JPEG. Открываются JPG, PNG, WebP, GIF, BMP, AVIF, ICO, а также HEIC с айфона и RAW с камеры; TIFF пока не открывается — сохраните его в JPG заранее любым просмотрщиком.
  3. У WebP и JPEG под форматами появится ползунок «Качество» — по умолчанию 88, диапазон от 40 до 100. У PNG ползунка нет: он сжимает без потерь, и вес PNG большой ползунок не изменит.
  4. Под каждым файлом сразу видно «было → стало»: сколько снимок весил и сколько стал весить, разницей в процентах или разах — «легче на 40%», «в 2,3 раза тяжелее». Смотрите на эту строку, а не угадывайте вслепую.
  5. Нажмите «Скачать» у нужного файла или, если файлов много, «Скачать все · ZIP» — все обработанные снимки уйдут одним архивом.

Всё считается прямо в браузере: файлы никуда не отправляются, и можно пересохранить хоть сотню фото подряд. Конвертер принимает не только уже готовые JPG, PNG и WebP, но и HEIC с айфона, и RAW-файлы с камеры — их можно сразу привести к лёгкому веб-формату, не открывая для этого отдельную программу. Кадр при этом не обрезается и не масштабируется: пикселей столько же, сколько было, меняется только то, как они упакованы в файл.

Как быстро сравнить форматы на своём же фото

Не гадайте, какой формат легче именно для вашего снимка, — сравните за минуту. Загрузите один файл в «Конвертер», переключитесь на WebP при качестве по умолчанию и посмотрите строку «было → стало». Затем нажмите JPEG — список файлов пересчитается заново с тем же самым качеством, и вторая строка «стало» покажет вес уже для другого формата, на том же самом кадре. Разница часто оказывается больше, чем кажется на глаз: у фото с плавным однотонным фоном, типичным для карточки товара, WebP обычно выигрывает у JPEG заметно — иногда на треть и больше при одинаковом качестве, — а у фото со сложной текстурой (мех, вязаное полотно, мелкий узор) разница между форматами меньше, потому что там и так много деталей, которые трудно сжать без потерь при любом кодировщике.

Если фото уже открыто в редакторе — сжимайте там же

Когда снимок уже обрезан, на нём стоит фон и подписи, открывать отдельно конвертер незачем — тот же выбор формата и качества есть в самом редакторе, в разделе «Скачать».

  1. Нажмите «Скачать» в шапке редактора.
  2. В блоке «Формат файла» выберите WebP, PNG или JPEG; в «Других форматах» — BMP, TIFF или значок ICO, если файл нужен именно такой.
  3. Если формат поддерживает сжатие с потерями, под ним появится ползунок «Качество» — та же шкала 40–100.
  4. Ниже редактор сразу считает и показывает строку «примерный вес файла» — она пересчитывается на лету при каждом движении ползунка, с небольшой задержкой на пересборку кадра. Если файл вышел тяжелее 8 МБ, появится подсказка «Тяжеловато для карточки — снизьте качество или возьмите WebP».

Важная оговорка: автоматической цели «сжать ровно до 200 КБ» или любого другого точного числа в редакторе нет — никто не обещает подогнать файл под заданный вес одной кнопкой. Вместо этого вы видите вес в реальном времени и сами двигаете ползунок качества или меняете формат, пока цифра не устроит. Это честнее автоматики: с ползунком видно, чем именно вы платите за лишние килобайты — сохранённой резкостью или её отсутствием, а не получаете чёрный ящик, который сам решил, где отрезать.

Порог в 8 МБ выбран не случайно: это не серверное ограничение (файл всё равно уходит вам на диск, а не куда-то ещё), а витринный — тяжёлая карточка с фото под этот вес тормозит открытие страницы на любой площадке, даже если формально лимит там больше. Подсказка появляется заранее, до того как вы начнёте загружать файл в кабинет продавца, а не постфактум, когда карточка уже отклонена.

Какое качество ставить, чтобы не заметить разницу

По умолчанию ползунок стоит на 88 — для большинства фото товара это уже незаметно на глаз, а вес заметно меньше, чем у сохранения «без потерь». Тянуть ниже 60 стоит осторожно: на фото товара, снятого на ровном светлом фоне, низкое качество JPEG и WebP в первую очередь портит не сам предмет, а именно фон — там, где должен быть плавный переход тона, при сильном сжатии появляются едва заметные полосы и мелкая «кирпичная» рябь. Это ровно та деталь, на которой чаще всего экономят зря: снижают качество до предела ради лишних 30 КБ, а на плитке в выдаче становится виден испорченный фон за товаром.

На фото с более сложной текстурой — вязаный свитер, мех, ковровое плетение сумки — сжатие ведёт себя иначе: там уже и так много мелких деталей, и глаз хуже замечает потерю части из них, поэтому качество 70–75 часто выглядит там так же чисто, как 90 на гладком фоне. Единого универсального числа для всех фото нет, и это ровно то, для чего в панели стоит живой предпросмотр веса и результата, а не одна кнопка «сжать»: разные снимки ведут себя по-разному, и проверить стоит на каждом отдельно, а не переносить настройку с одного фото на все остальные вслепую.

Если вес всё равно слишком большой даже при разумном качестве — прежде чем давить ползунок дальше, проверьте размер кадра в пикселях. Фото 4000 × 5000, снятое телефоном «как есть» и просто обрезанное под площадку без уменьшения, весит в разы больше, чем то же изображение, приведённое к рабочему размеру карточки, — например, 900 × 1200 для Wildberries. Точный размер под пиксели разобран в статье про обрезку под точный размер: уменьшить лишние пиксели часто эффективнее, чем резать качество, и картинка при этом не теряет резкости, потому что на площадке она всё равно показывается не крупнее рабочего размера.

Зачем вообще следить за весом

Если фото готовится для карточки товара, вес — не абстрактная цифра. Wildberries официально принимает файлы до 10 МБ, и это же ограничение называет Ozon — на практике до этого порога дело почти никогда не доходит, если снимок сохранён в разумном формате и качестве, но само требование стоит держать в голове при работе с очень крупными исходниками с профессиональной камеры. Отдельно от лимитов площадок — чем легче файлы карточки, тем быстрее открывается страница товара у покупателя, а на мобильном интернете это заметно уже на секундах.

Если ту же задачу решаете не для площадки, а просто потому что фото WebP не открывается в старой программе или нужен привычный JPG, — разница между форматами и когда WebP стоит менять на JPEG или PNG подробно разобрана в статье чем открыть файл WebP.

Частые ошибки

  • Сохранили фото товара в PNG «на всякий случай». Для обычной фотографии, а не логотипа с прозрачным фоном, PNG почти всегда лишний — он не умеет сжатие с потерями и выходит в разы тяжелее WebP или JPEG того же вида. PNG нужен только там, где важна прозрачность или абсолютная точность пикселя.
  • Продавили ползунок качества до минимума ради лишних килобайт. На светлом ровном фоне товара это заметнее всего: вместо чистой плитки в выдаче — размытые полосы и цветные пятна там, где их не должно быть. Лучше сначала попробовать WebP того же качества — он обычно выигрывает у JPEG по весу без потери резкости, и ползунок можно вообще не трогать.
  • Пересохранили один и тот же JPEG десять раз подряд, каждый раз внося правки. Сжатие с потерями складывается: каждое новое сохранение JPEG теряет ещё немного данных поверх предыдущих потерь. Если предстоит несколько правок, удобнее держать рабочую копию в PNG и сохранять в лёгкий формат только финальный вариант.
  • Уменьшали вес, забыв про размер в пикселях. Кадр с телефона на 12 или 48 мегапикселей для карточки товара избыточен: площадка всё равно покажет фото не крупнее рабочего размера, а лишние пиксели только утяжеляют файл. Сначала приведите кадр к нужному размеру, потом уже настраивайте качество.
  • Открыли WebP в старой программе, которая его не понимает, и решили, что файл битый. Это не про вес, а про совместимость: сам файл цел, просто не всякая программа умеет читать WebP. Решение — либо открыть в браузере, либо один раз пересохранить в JPEG или PNG, как раз через тот же «Конвертер».
  • Взяли BMP или TIFF, потому что «звучит понадёжнее». Оба формата специально сделаны тяжёлыми — без сжатия ради совместимости со старым софтом или ради типографской печати. Для карточки товара или сайта они не просто не помогают уменьшить вес, а гарантированно дают файл в несколько раз тяжелее обычного JPEG или WebP того же кадра.
  • Ищут в редакторе кнопку «сохранить в GIF» для фотографии товара. GIF на выход не сохраняется намеренно: его палитра в 256 цветов для обычной фотографии даёт заметно худшую картинку, чем WebP или JPEG того же веса, — для одиночного фото товара он просто проигрывает по всем параметрам сразу.

Коротко

  • Вес файла держится на трёх ручках: формат, качество сжатия, размер в пикселях — крутить их стоит по отдельности.
  • Конвертер: dropcrop.ru → «Конвертер» → бросить файлы → «Сохранить как» → ползунок «Качество» у WebP/JPEG → строка «было → стало» → «Скачать» или «Скачать все · ZIP».
  • В уже открытом проекте то же самое есть в разделе «Скачать»: формат, качество, живой «примерный вес файла».
  • Точной автоматической цели по весу («ровно 200 КБ») в редакторе нет — вес показывается в реальном времени, а решение всегда за вами.
  • Качество ниже 60 в первую очередь портит ровный фон за товаром — прежде чем давить ползунок туда, попробуйте сначала WebP и уменьшение размера в пикселях.