Раздутый до 300 DPI макет баннера 3х6 метров весит несколько гигабайт, что убивает Core Web Vitals и замедляет индексацию портфолио в 4-6 раз. Грамотный расчет PPI (pixels per inch) позволяет снизить вес файла на 70-90% без потери визуального качества при печати.
Полиграфия: стандарт 300 DPI и его ловушки
Для визиток, флаеров и каталогов, которые читают с расстояния 30-50 см, стандарт 300 DPI является бескомпромиссным. Однако ошибка новичков — использование этого значения для всех элементов. Если в макете есть фоновое изображение с низким контрастом или градиент, повышение DPI до 600 не улучшит картинку, но увеличит вес TIFF-файла в 4 раза, замедляя загрузку страницы просмотра макета.
Кейс: при подготовке каталога на 40 страниц переход с 600 на 300 DPI сократил вес одного разворота с 120 МБ до 30 МБ. Это критично, когда влияние веса файла макета на Core Web Vitals напрямую коррелирует с процентом отказов пользователей на странице кейса.
Экспертный вывод: используйте строго 300 DPI для мелкой полиграфии. Все, что выше — избыточность, которая тормозит сервер и не дает прибавки к качеству печати на стандартном офсете.
Наружная реклама: расчет DPI по дистанции
Главный миф индустрии — необходимость высокого разрешения для больших форматов. Для баннера 3х6 метров, который смотрят с 10 метров, достаточно 30-72 DPI. Попытка поставить 300 DPI создаст файл весом в 2-5 ГБ, который зависнет при попытке рендеринга браузером или индексации роботом.
- Баннеры (расстояние 5-10 м): 30-50 DPI.
- Сити-форматы (расстояние 1-3 м): 72-100 DPI.
- Билборды (расстояние 20+ м): 15-25 DPI.
Пример: макет 3000х6000 мм при 300 DPI содержит 35 млрд пикселей. При 72 DPI их всего 8,4 млрд. Разница в весе файла — колоссальная, а визуальный дефект заметен только при поднесении лица к полотну на расстояние 20 см.
Экспертный вывод: для наружки используйте формулу «чем дальше смотрят, тем меньше DPI». Оптимальный баланс для большинства городских форматов — 72 DPI.
Влияние разрешения на SEO и индексацию
Поисковые роботы оценивают скорость отклика сервера. Тяжелые PDF или TIFF с избыточным DPI создают огромную нагрузку при генерации превью. Если страница портфолио грузится более 3 секунд из-за тяжелых макетов, позиции сайта в выдаче по запросу «подготовка макетов для печати» падают, так как LCP (Largest Contentful Paint) выходит за пределы нормы.
Практика показывает, что замена оригиналов 300 DPI на оптимизированные веб-копии (72 DPI, WebP или сжатый JPEG) для демонстрации в портфолио ускоряет индексацию страниц на 40%. При этом для скачивания клиентом предоставляется ссылка на облако с оригиналом.
Экспертный вывод: никогда не выкладывайте в веб-галерею файлы в печатном разрешении. Используйте связку: легкое превью для SEO + ссылка на тяжелый исходник для типографии.
Технический баланс: растр против вектора
Оптимизация DPI актуальна только для растра. Векторная графика не имеет разрешения, что делает её идеальной для SEO: файл весит килобайты, а масштабируется до бесконечности. Однако смешивание векторов и тяжелых растровых текстур в одном PDF часто приводит к ошибкам при конвертации в превью.
Кейс: замена растрового фона (300 DPI) на векторный градиент в макете широкоформатного баннера снизила вес файла с 450 МБ до 12 МБ без потери качества. Это позволило интегрировать макет прямо в статью, используя сравнение растровой и векторной графики в подготовке к печати для наглядности.
Экспертный вывод: максимально переводите все, что можно, в кривые. Растр оставляйте только для фотографий, и строго в рамках рассчитанного DPI.
Вывод
Мой вердикт: забудьте о едином стандарте 300 DPI для всего. Для полиграфии — 300, для сити-форматов — 72, для билбордов — 30. Чтобы сайт не тормозил, а макеты индексировались, внедрите разделение: «веб-версия (72 DPI, WebP) для SEO» и «печатная версия (расчетный DPI, TIFF/PDF) для производства». Начинайте с аудита текущих файлов в портфолио: удаление избыточных пикселей из превью — это самый быстрый способ улучшить Core Web Vitals без изменения кода сайта.