Если баннер превышает лимит по весу, сначала проверьте его размеры в пикселях и допустимые форматы. Затем сделайте несколько вариантов экспорта из исходного макета и сравните их в конечном размере. Если снижать качество только ради прохождения лимита, цена и условия предложения могут стать неразборчивыми, а логотип — нечётким.
Ниже — порядок работы со статичным растровым баннером. Для анимации и HTML5-креативов нужны отдельные проверки: там вес зависит ещё и от кадров, шрифтов, скриптов и других файлов.
Сначала выпишите ограничения площадки
Найдите требования именно к выбранному месту размещения: ширину и высоту, максимальный вес файла, список расширений, условия для прозрачности. Не переносите параметры соседнего рекламного блока. Поддержка WebP браузером ещё не означает, что рекламный кабинет примет этот формат.
Различайте размер изображения и вес файла. Например, 300 × 250 пикселей — это размеры, а 150 КБ — вес. Здесь это только пример, а не универсальное требование рекламных систем. Уточните и единицы лимита: если система считает байты иначе, вариант ровно на границе может не пройти проверку.
Сохраните исходный макет отдельно от экспортов. Все новые варианты делайте из него: повторное сохранение уже сжатого JPEG может накапливать искажения.
Выберите формат по содержимому
Для фотографии с плавными переходами цвета сравните JPEG и WebP с потерями, если оба разрешены площадкой. Для однотонной графики, тонких линий и текста попробуйте PNG или WebP без потерь. В JPEG вокруг букв и контрастных границ могут появляться ореолы и цветные пятна. Одного расширения недостаточно, чтобы предсказать результат: сравнивать нужно конкретные экспорты.
Если нужен прозрачный фон, JPEG не подходит: у него нет альфа-канала. PNG и WebP поддерживают прозрачность, но итог всё равно проверьте на фоне площадки. Светлая окантовка, незаметная на белом холсте редактора, может проявиться на тёмной странице.
Не выбирайте формат только по обещанию меньшего веса. Уже хорошо сжатый JPEG при преобразовании в PNG или WebP без потерь может стать тяжелее. Перекодирование не возвращает детали, которые потерялись в исходном файле.
Уменьшайте вес в понятном порядке
- Проверьте размеры экспортируемой области. Если нужен файл строго заданных размеров, экспортируйте именно их. Не уменьшайте их произвольно ради прохождения лимита.
- Проверьте, нет ли в экспортируемой области лишних полей. Удаление ненужной области допустимо, только если сохраняются требуемое соотношение сторон и композиция.
- Экспортируйте контрольный вариант с хорошим качеством. Запишите его формат, размеры и вес — с ним будете сравнивать остальные.
- Для формата с потерями снижайте качество небольшими шагами. После каждого шага смотрите текст, границы логотипа, лицо или фактуру товара, если они есть в макете.
- Если лимит всё ещё не достигнут, упростите фон или декоративные детали в исходнике. Снова экспортируйте и сравните результат.
У ползунков качества в разных редакторах нет общей шкалы. Значение 80 в одном кодировщике не гарантирует тот же результат в другом. Подбирайте настройку по конкретному макету и результату экспорта.
Для простой графики сокращение палитры иногда помогает уменьшить PNG, но это может изменить оттенки и прозрачность. Проверьте фирменный цвет и края букв. Режим «без потерь» относится к выбранному способу кодирования; уменьшение размеров или предварительное сокращение палитры само по себе уже меняет изображение.
Сравнивайте в конечном размере
Откройте исходный контрольный экспорт и сжатый вариант рядом при одинаковом масштабе. Сначала оцените их в размере размещения, затем увеличьте проблемные участки для поиска дефектов. Большой предпросмотр редактора может скрыть то, что мелкие условия перестали читаться в реальном рекламном блоке.
Начните с цены, процентов, дат и ограничений. Проверьте, различаются ли похожие символы, не слились ли тонкие штрихи, не стали ли цифры похожи друг на друга. Затем посмотрите логотип и изображение товара. Если дефект затрагивает смысл предложения, такой экспорт не подходит, даже когда его вес ниже лимита.
Отдельно проверьте контраст текста на баннере. Сжатие не исправляет слабый контраст и слишком мелкий шрифт: эти проблемы нужно решать в макете.
Что делать, если файл всё ещё слишком тяжёлый
Вернитесь к содержанию. Фотографический шум, мелкая текстура и сложные градиенты могут мешать сжатию. Попробуйте более спокойный фон или менее подробную декоративную область. Условия акции и значимые детали товара сохраняйте.
Если приходится ухудшать весь баннер ради небольшой декоративной детали, сравните вариант без неё. Но не обрезайте обязательные сведения и не меняйте пропорции логотипа. Когда ограничение нельзя выполнить без потери смысла, согласуйте другой макет или разрешённый формат с площадкой.
После загрузки откройте предпросмотр в рекламном кабинете. Убедитесь, что система приняла нужный файл, ничего не обрезала и не изменила фон. Для вариантов разного размера повторите проверку: качество удачного большого баннера не подтверждает качество маленького.
Что записать перед передачей баннера
В рабочей таблице достаточно названия версии, размеров, формата, точного веса и результата проверки текста. Например: «каталог, версия 3, размеры согласованы, PNG, вес ниже лимита, цена и условия читаются». Не смешивайте финальный файл с промежуточными экспортами. Перед отправкой ещё раз откройте именно тот файл, который прикрепляете.
Видео: контраст текста на экране
После сжатия проверьте, насколько хорошо надпись отделяется от фона. В коротком разборе показано, зачем оценивать контраст текста: малый вес файла не компенсирует нечитаемое сообщение.
