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

Прежде чем что-то сжимать, полезно понять, откуда берутся мегабайты. Вес фотографии, это не магия, а сумма вполне конкретных вещей. Когда вы понимаете, что именно раздувает файл, выбрать правильный способ сжатия становится в разы проще, и вы не будете терять качество там, где этого можно избежать. Многие в панике хватаются за первый попавшийся ползунок и убивают резкость, хотя проблема была совсем в другом месте.

Представьте простую аналогию. Фотография, это как чемодан перед поездкой. Иногда он тяжёлый, потому что вы взяли слишком большой размер чемодана (разрешение). Иногда потому, что вещи сложены неаккуратно и занимают больше места, чем нужно (неэффективный формат). А иногда внутри лежит куча мелочей, которые вам в дороге не понадобятся (метаданные). И в каждом случае разгружать чемодан надо по-разному.

Три причины тяжёлого файла

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

Причина первая: слишком высокое разрешение. Современные смартфоны и камеры снимают на 12, 24, 48 и даже 200 мегапикселей. Это десятки и сотни миллионов точек в одном кадре. Каждая точка хранит свой цвет, и чем точек больше, тем тяжелее файл. Для печати плаката высокое разрешение, это здорово. Но для показа на экране, где реально видно 1500-2000 точек в ширину, такое разрешение избыточно в разы. Снимок на 48 мегапикселей содержит примерно в десять раз больше точек, чем нужно для карточки товара или статьи. Это самая частая причина тяжёлых файлов и одновременно самая безболезненная для исправления, потому что лишние пиксели на экране всё равно не показываются.

Причина вторая: формат без сжатия или с неэффективным сжатием. PNG, BMP, TIFF, RAW и отчасти HEIC хранят данные очень подробно. PNG и BMP практически не жмут фотографии: PNG сжимает без потерь и на снимке с миллионами оттенков ему просто нечего выкинуть, а BMP не сжимает вообще. RAW, это сырой снимок прямо с матрицы, который может весить 20-50 МБ за кадр. Если вы случайно сохранили обычное фото в PNG или отправили RAW туда, где ждали лёгкую картинку, вы переплачиваете весом в разы буквально на ровном месте. Один и тот же пейзаж в PNG может весить 8 МБ, а в JPEG того же визуального качества, всего 700 КБ.

Причина третья: лишние метаданные. Внутри файла прячется служебная информация EXIF: модель камеры, координаты съёмки, дата, настройки, иногда встроенная миниатюра предпросмотра и громоздкий цветовой профиль. На одно фото это обычно немного, от десятков до сотен килобайт, но на пакете из сотни снимков набегает заметный объём. Плюс это вопрос приватности, к которому мы ещё вернёмся отдельно.

Важно понять главное: эти три рычага работают вместе. Чаще всего не нужно жертвовать качеством JPEG до неузнаваемости. Достаточно правильно уменьшить разрешение, выбрать подходящий формат и подобрать разумное качество, и файл уже похудеет в разы при том же виде картинки. Дальше разберём каждый рычаг по отдельности, с конкретными цифрами и пошаговыми инструкциями, затем отдельно поговорим про целевые веса под разные задачи, про пакетное сжатие каталога и про то, как не испортить фото в процессе. В конце соберём всё в короткий чеклист и ответим на частые вопросы.

Если нужно быстро и сильно облегчить фото, начинать стоит именно с разрешения. Это самый мощный инструмент, потому что вес растёт пропорционально количеству пикселей, а пикселей в кадре очень много. И главное, тут можно сэкономить вообще без потери видимого качества, потому что лишние пиксели всё равно не показываются на экране.

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

Сколько пикселей реально нужно под разные задачи

Здравый ориентир зависит от того, где фото будет жить. Соберём практичную таблицу размеров по длинной стороне.

• Аватар, иконка, маленькое превью: 200-600 px. Такие картинки показываются крошечными, и большее разрешение в них просто не видно. Для аватара в соцсети или мессенджере 400-500 px хватает с запасом.
• Картинка в тексте статьи, поста, блога: 800-1200 px. Этого достаточно, чтобы изображение выглядело чётким в ленте контента, не растягиваясь на весь экран.
• Крупное фото на всю ширину сайта, главная карточка товара: 1500-2000 px достаточно почти всегда. Даже при увеличении детали товара читаются отлично. Это золотой стандарт для веба.
• Карточка товара на маркетплейсе: ориентируйтесь на требования площадки. Обычно это от 900x1200 до 1500x2000 px, иногда требуют квадрат или вертикаль с белым фоном. Не делайте меньше требуемого минимума, иначе модерация отклонит, и не делайте кратно больше, это лишний вес.
• Вложение в email: 1000-1600 px по длинной стороне обычно более чем достаточно, чтобы получатель рассмотрел фото на любом экране.
• Фон во весь экран на больших мониторах: до 2560 px, выше редко имеет смысл, потому что плотность пикселей экрана это уже не покажет.
• Печать: тут логика обратная, для печати важна плотность точек. Считается так: нужный размер отпечатка в дюймах, умноженный на 300 DPI. Отпечаток 10x15 см, это примерно 4x6 дюймов, то есть около 1200x1800 px при 300 DPI. Для большого постера нужно больше. Если фото идёт в печать, разрешение не режьте без необходимости.

Снимок с телефона на 4000 px в ширину при уменьшении до 1600 px теряет около 84% пикселей. Файл при этом может похудеть в 5-8 раз, а на экране вы разницы не увидите, потому что лишние точки всё равно не отображались.

Наглядный пример до и после

Возьмём конкретный кадр и проследим его судьбу. Исходное фото с телефона: 4032x3024 точки, формат JPEG, вес около 6 МБ. Задача, поставить его в статью на сайт.

1. Уменьшаем разрешение до 1600x1200 px. Только за счёт этого шага, при сохранении прежнего высокого качества, файл падает примерно до 1-1.2 МБ.
2. Ставим качество JPEG на 85%. Файл становится около 350-500 КБ.
3. Удаляем EXIF. Сбрасываем ещё несколько десятков килобайт.

Итог: было 6 МБ, стало около 400 КБ. Это уменьшение примерно в 15 раз, и на экране картинка выглядит абсолютно так же. Разница видна только в свойствах файла, но не глазом.

Как уменьшить разрешение пошагово

1. Определите, куда пойдёт фото, и возьмите целевую ширину из списка выше. Лучше отталкиваться от того, насколько большим фото будет реально показано, а не от того, какое оно сейчас.
2. Уменьшайте только в меньшую сторону. Увеличивать маленькое фото бессмысленно: вес вырастет, а резкости не прибавится, картинка станет только мыльной.
3. Сохраняйте пропорции. Если меняете ширину, высота должна пересчитаться автоматически, иначе картинка сплющится или растянется. Почти все нормальные инструменты делают это по умолчанию, но проверьте, что галочка сохранения пропорций включена.
4. Сначала уменьшите разрешение, и только потом подбирайте сжатие качества. В таком порядке результат предсказуемее, и вы не будете гонять качество туда-сюда зря.

Частая ошибка с параметром DPI

Маленькая, но важная деталь, на которой спотыкаются почти все: параметр DPI (точки на дюйм) на вес и на вид картинки в интернете не влияет вообще. DPI имеет смысл только при печати, он говорит принтеру, насколько плотно укладывать точки на бумаге. Для экрана важны именно пиксели, а не DPI. Поэтому если кто-то советует вам поставить 72 DPI, чтобы фото стало легче, это миф. Меняйте количество пикселей, а не цифру DPI, и не тратьте время на возню с этим параметром. Файл размером 1600x1200 px весит одинаково при 72 DPI и при 300 DPI, потому что физически в нём одно и то же количество точек.

Что делать с очень большими исходниками

Если у вас на руках кадры с современной камеры на 40-60 мегапикселей или панорама, склеенная из нескольких снимков, исходник может весить десятки мегабайт. Тут разрешение, это не просто главный, а почти единственный значимый рычаг. Уменьшение такого файла с 8000 px до 2000 px по длинной стороне сбрасывает примерно 94% пикселей, и вес рушится в десятки раз ещё до того, как вы дотронетесь до качества. Поэтому при работе с тяжёлыми оригиналами всегда первым делом приводите разрешение к разумному для задачи, а уже потом думайте о формате и качестве. Обратная последовательность, сначала жать качество тяжёлого многопиксельного файла, неэффективна: вы испортите картинку, а вес всё равно останется большим из-за избытка точек.

Второй по силе рычаг, это формат. Один и тот же кадр в разных форматах может отличаться по весу в десять раз. Главное правило простое: фотографии любят JPEG и WebP, а графика с прозрачностью живёт в PNG. Если запомнить только это одно предложение, вы уже избежите большинства ошибок с весом.

Почему так получается? Разные форматы используют разные способы хранения данных. Одни заточены под плавные фотографические переходы цвета, другие под чёткие линии и однотонные заливки. Когда вы кладёте фото в формат, не предназначенный для фото, файл раздувается без всякой пользы.

Коротко про основные форматы

• JPEG (JPG) - стандарт для фотографий. Отлично сжимает снимки с плавными переходами цвета, поддерживается абсолютно везде, от старых сайтов до любых принтеров. Главный минус: не умеет прозрачность, фон всегда будет залит цветом.
• PNG - идеален для логотипов, иконок, скриншотов интерфейсов и всего, где нужна прозрачность или чёткие линии и текст. Для обычных фото он чудовищно неэффективен: фотопейзаж в PNG может весить в 5-10 раз больше, чем тот же кадр в JPEG. PNG сжимает без потерь, поэтому на фотографиях с миллионами оттенков ему просто нечего выкинуть.
• WebP - современный формат, который при том же качестве обычно на 25-35% легче JPEG и при этом умеет прозрачность. Поддерживается всеми актуальными браузерами, отличный выбор для сайтов. По сути это лучшее из двух миров: лёгкий как JPEG и с прозрачностью как PNG.
• HEIC - формат, в котором по умолчанию снимают многие iPhone. Сам по себе он компактный, но его не везде принимают: старые сайты, государственные формы, некоторые маркетплейсы и мессенджеры могут его не открыть. Часто проще конвертировать в JPEG ради совместимости, иначе получатель просто не увидит файл.
• BMP, TIFF, RAW - тяжёлые форматы для хранения и обработки оригиналов. BMP вообще не сжимает, TIFF и RAW нужны для профессиональной обработки и печати. Для публикации в интернете они не подходят, их обязательно нужно конвертировать.

Сравнение веса на одном кадре

Чтобы цифры стали осязаемыми, представьте один и тот же фотоснимок размером 1600x1200 px в разных форматах:

• в BMP, около 5.6 МБ (формат без сжатия);
• в PNG, около 3-4 МБ (сжатие без потерь, но фото жмётся плохо);
• в JPEG качества 85%, около 400 КБ;
• в WebP того же визуального качества, около 280-320 КБ.

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

Как выбрать формат под задачу

1. Это фотография (человек, товар, пейзаж, еда)? Берите JPEG или WebP.
2. Нужна прозрачность, либо это логотип, иконка, скриншот с текстом? Берите PNG. Если важна совместимость и прозрачность одновременно, подойдёт WebP.
3. У вас тяжёлый PNG с обычным фото? Самый быстрый способ сбросить вес, это пересохранить его в JPEG. Часто только это даёт минус 80% без видимой потери. Это буквально замена формата в один клик, и эффект колоссальный.
4. Делаете сайт и хотите минимальный вес при хорошем качестве? WebP, это оптимальный выбор по умолчанию для всех фотографий.
5. Отправляете фото в форму, на маркетплейс или незнакомому получателю и не уверены в совместимости? Берите JPEG, его примут везде.

Ловушка двойного пересжатия

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

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

Стоит ли переходить на WebP прямо сейчас

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

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

Lossless: сжатие без потерь

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

Это правильный выбор для логотипов, скриншотов, схем, чертежей, инфографики и графики, где важна абсолютная точность и каждая линия должна остаться чёткой. Если на картинке есть мелкий текст, тонкие линии или резкие границы цвета, lossless их сохранит идеально, а вот lossy на таких границах оставит грязные ореолы.

Lossy: сжатие с потерями

Сжатие с потерями, это то, как работают JPEG и WebP. Алгоритм аккуратно отбрасывает детали, которые человеческий глаз почти не замечает: мелкие перепады в цвете, шум, микроконтраст в тех местах, где мы их всё равно не отслеживаем. Наше зрение гораздо чувствительнее к яркости, чем к цвету, и алгоритмы этим пользуются, экономя в первую очередь на цветовой информации. Именно lossy даёт основную экономию веса, и именно здесь есть риск переборщить и получить видимые дефекты.

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

Где находится золотая середина по качеству JPEG

Ползунок качества JPEG обычно идёт от 0 до 100. Это самая практичная часть статьи, разберём по уровням, что именно видно глазу на каждом.

• 95-100%. Почти как оригинал, но файл крупный. Экономия минимальна, артефактов нет совсем. Смысл есть только когда фото пойдёт в дальнейшую обработку или печать и качество важнее веса.
• 85-90%. Золотая середина. Разница с оригиналом практически неразличима глазом, а вес падает существенно, нередко в два-три раза по сравнению с максимальным качеством. Это рекомендуемый диапазон для подавляющего большинства фотографий на сайтах, в карточках товара и в письмах.
• 75-80%. Всё ещё прилично для веба, файл очень лёгкий. На сложных участках (небо, градиенты, однотонные фоны) могут появляться лёгкие артефакты, но в общем потоке они почти не заметны. Хороший выбор, когда важна скорость загрузки страницы.
• 60-70%. Вес минимальный, но на чистом небе, коже и ровных фонах уже видны квадраты 8x8 и лёгкая грязь на переходах. Допустимо для мелких превью и миниатюр, где дефекты теряются за счёт малого размера.
• Ниже 60%. Появляются заметные квадраты и грязь на переходах цвета, ореолы вокруг контрастных границ, текст становится мутным. Подходит только когда вес критичнее качества и фото показывается совсем маленьким.

Как найти свой оптимум на практике

Поставьте 85% и посмотрите результат в полном размере, особенно на тех участках, где артефакты заметнее всего: чистое небо, кожа человека, ровные однотонные фоны, плавные градиенты, тёмные области. Если всё чисто, попробуйте опуститься до 80%, затем до 75% и снова проверьте те же зоны. Так, спускаясь по чуть-чуть, вы находите минимальный вес, при котором глаз ещё не цепляется за дефекты.

Важная подсказка про тип сюжета. Для фото со множеством мелких деталей (трава, листва, текстуры, гравий, толпа) можно жать сильнее, потому что дефекты прячутся за визуальным шумом. А вот портреты крупным планом, логотипы на ровном фоне, кадры с большими однотонными областями, ночные снимки с тёмными зонами и градиентное небо требуют более бережного качества, на них артефакты вылезают первыми. Если сомневаетесь, ориентируйтесь на самый гладкий участок кадра, именно он покажет, переборщили вы или нет.

Как выглядят артефакты JPEG, чтобы их узнавать

Чтобы осознанно выбирать качество, полезно знать врага в лицо. Пересжатый JPEG выдаёт себя несколькими характерными дефектами:

• Блочность (квадраты 8x8). JPEG разбивает картинку на квадраты по 8 пикселей и обрабатывает каждый отдельно. При сильном сжатии границы этих квадратов становятся видны, особенно на ровном небе или однотонном фоне, картинка как будто выложена плиткой.
• Ореолы и звон вокруг контрастных границ. Рядом с резким переходом, например тёмный текст на светлом фоне или ветка на фоне неба, появляется мутная кайма или мелкая рябь. Поэтому JPEG плохо подходит для скриншотов с текстом.
• Цветовые пятна и грязь на градиентах. Плавные переходы цвета (закат, кожа) распадаются на полосы и пятна, потому что алгоритм экономит именно на цветовой информации.

Если на превью в полном размере вы видите хоть что-то из этого, поднимите качество на 5-10 пунктов. Если не видите даже на гладких зонах, можно смело спускаться ниже и экономить ещё.

Особый случай: скриншоты и графика с текстом

Отдельно подчеркнём, потому что на этом часто ошибаются. Скриншот интерфейса, схема, инфографика или картинка с большим количеством текста, это не фотография, и для неё lossy-сжатие, плохой выбор. JPEG размажет буквы и оставит ореолы вокруг линий, текст станет мутным и трудночитаемым. Для такой графики используйте PNG (lossless): он сохранит каждую линию идеально чёткой и при этом на однотонных заливках сожмёт очень хорошо, потому что повторяющиеся пиксели одного цвета упаковываются эффективно. Это исключение из общего правила про вес: для фото PNG плох, а для графики с резкими краями он, наоборот, лучший выбор.