Гайды

Выбор формата — главный фактор того, насколько сильно файл можно уменьшить без потери вида. JPG (JPEG) использует сжатие с потерями, настроенное под фотографии: он убирает детали, которые глаз почти не замечает, поэтому фото уменьшается в разы и при этом выглядит чисто. Это формат по умолчанию для снимков с камеры, фото товаров и всего, где плавные градиенты и много цветов.

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

WebP — более новый формат, который обычно обыгрывает оба: сжатие с потерями как у JPG плюс прозрачность как у PNG, часто на 25–35% легче. Минус — совместимость: некоторые старые программы и часть маркетплейсов его пока не принимают, поэтому используйте WebP там, где контролируете получателя (свой сайт, современные браузеры), а не для загрузки на сторонние площадки.

• Фото и снимки товаров → JPG (или WebP, если контролируете, где показывается).
• Логотипы, иконки, скриншоты, прозрачность → PNG.
• Свой сайт с современной аудиторией → WebP для минимального веса.

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

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

Сильнее всего на вес влияют две вещи: размеры в пикселях и уровень качества. Фото прямо с современного телефона может быть 4000 пикселей по ширине — куда больше, чем когда-либо показывают веб-страница или чат. Уменьшение длинной стороны до разумного значения вместе с умеренным качеством обычно достаточно, чтобы многомегабайтное фото ужать до нескольких сотен килобайт.

• Нужен точный размер → включите «Сжать до нужного размера» и впишите КБ.
• Нет жёсткого лимита → выберите «Сильнее / Баланс / Качество».
• Для фото конвертируйте PNG в JPG — часто это самая большая экономия.
• Сверьтесь с предпросмотром «До/После», что качество устраивает.

У каждого маркетплейса свои требования к фото, и карточки, которые их игнорируют, грузятся медленно, выглядят непрофессионально или не проходят модерацию. Важнее всего соотношение сторон и формат. Wildberries и Ozon ждут вертикальные фото 3:4; Amazon, eBay и AliExpress предпочитают квадрат 1:1; Avito — 4:3. Большинство площадок хотят JPG и чистый ровный фон, чтобы товар выделялся.

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

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

• Выберите пресет площадки — соотношение, размер и формат выставятся сами.
• Обрежьте под зафиксированное соотношение, чтобы не отрезать товар.
• Держите чистый фон и заполняйте бо́льшую часть кадра.
• Обрабатывайте каталог пачкой ради единого вида.

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

Первое правило — никогда не отдавать изображение крупнее, чем оно показывается. Если миниатюра отображается шириной 400 пикселей, нет смысла грузить оригинал в 3000 пикселей. Уменьшайте до того размера, в котором картинка реально появится, затем сжимайте до разумного качества — 75–85% обычно неотличимы от оригинала на экране.

Современные форматы тоже помогают. Там, где аудитория сидит в свежих браузерах, WebP способен срезать ещё четверть веса по сравнению с JPG при том же качестве. Сложите ресайз, сжатие и современный формат — и типичная страница с кучей фото будет грузиться в несколько раз быстрее.

• Уменьшайте до максимального размера показа перед загрузкой.
• Сжимайте до ~75–85% качества — обычно незаметно, но намного легче.
• Предпочитайте WebP там, где его поддерживают браузеры аудитории.
• Сжимайте каждое изображение, а не только большие — мелочи складываются.

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

Для большинства повседневных задач нужно и то, и другое. Уменьшение фото с телефона с 4000 пикселей до 1500, которые реально использует маркетплейс, убирает данные, которые вы никогда не увидите, и делает основную работу. Сжатие затем подчищает остальное, выжимая невидимые детали до нужного размера. LiteCompress делает оба шага сразу — уровень сжатия и пресеты площадок задают разумные размеры и качество вместе.

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

• Ресайз = меньше пикселей (под место показа).
• Сжатие = меньше килобайт (убирает невидимые детали).
• Делайте оба: ресайз под размер показа, затем сжатие до нужного веса.