Слогер Создать блог
Дизайн

Как конвертировать SVG в PNG с нужным DPI: настройка, из-за которой работу бракуют

Печать не принимает файлы, которые на экране выглядят идеально. Часто дело в одной галочке — DPI. Разбираемся, как настроить экспорт и не переделывать работу.

Три раза типография возвращала макет баннера. Причина одна и та же: «72 DPI — недопустимо для печати». Исходник — совершенно чёткий векторный SVG. Но каждый экспорт в PNG получался с экранным разрешением, потому что я не проверял настройку DPI.

Знакомая ситуация? Вроде всё сделано правильно, а на проверке обнаруживается, что файл не годится. И приходится переделывать. Обычно дело в том, что большинство конвертеров SVG в PNG по умолчанию выставляют 72 DPI — это стандарт для экранов. Печати нужно минимум 300.

Почему DPI вообще влияет на SVG

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

Проблема в том, что конвертер не спрашивает. Он молча делает файл «для экрана». И вы узнаёте об этом только когда типография присылает претензию.

Одна настройка — и всё меняется

Решение простое: на каждом экспорте явно указывать нужное значение DPI. Я начал всегда ставить 300 для печатных задач — и тот же самый баннер приняли с первого раза. Ничего не поменялось в дизайне, поменялось только разрешение выходного PNG.

Что проверять перед экспортом

Сформулируйте короткий чек-лист, чтобы не попадать впросак:

  • Кто будет смотреть файл — экран или бумага?
  • Какое DPI требуется там, куда вы отправляете работу? Уточните у типографии или редактора, не думайте, что «по умолчанию» подойдёт.
  • Сохраняет ли конвертер прозрачность? Иногда при изменении DPI прозрачный фон превращается в белый — и это отдельная боль.

Можно держать один SVG-исходник и из него делать любые версии: 1x для веба, 3x для ретины, 300 DPI для печати. Например, сервис svg2png.org (но можно и другие) умеет задавать выходное разрешение. Главное — взять за правило: не экспортировать «на глаз», а всегда указывать DPI.

Какой DPI нужен в разных случаях

ЗадачаDPIПримечание
Обычный веб72–96Для экрана, на печать не годится
Ретиновые экраны192–288Чтобы изображение не размывалось на дисплеях с высокой плотностью пикселей
Печать300Минимальный стандарт для типографий

Обратите внимание: само число DPI не делает изображение «хорошим». Оно определяет физический размер картинки при печати. 1000×1000 px при 300 DPI — это примерно 8,5 сантиметра на бумаге. Если нужен баннер метр шириной, придётся экспортировать в больших пикселях. DPI — это один из параметров, а не вся магия.

Что делать, если файл уже приняли

Ну, а если вы только отправляете — просто проверьте DPI в свойствах файла. На macOS это Cmd+I, в Windows — свойства файла, вкладка «Подробно». Если там 72, а вам нужно 300, не надейтесь, что типография «исправит сама». Обычно не исправляет, а возвращает.

И, кстати, не верьте, если в конвертере написано «сохранить в высоком качестве». Это не обязательно значит, что DPI будет правильным. Читайте настройки экспорта.

Пара минут на настройку сэкономила мне несколько часов переделок. Теперь я проверяю DPI до того, как отправить файл, а не после.

По материалам: design. Текст переработан редакцией Слогера.

← На главную

Рекламное место — Конец поста
Реклама · Слогер

Комментарии (0)

Войдите, чтобы комментировать.

Пока нет комментариев. Будьте первым.

Карьера

Как подготовиться к собеседованию по кодингу: 7 книг и порядок, в котором их читать

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

Слогер 27.09.2026 ▲ 0
Карьера

Как откликаться на вакансии без диплома: разбор фильтра, который отсеивает за две минуты

Junior-вакансия с Python, SQL и автоматизацией, три документа от кандидата — и отказ через 120 секунд после отправки. Разбираем, что здесь происходит и как проходить такие воронки, если диплома нет.

Слогер 27.09.2026 ▲ 0
Fluxs lenta
Реклама · fluxs.ru
Fluxs lenta
Реклама · fluxs.ru
Карьера

Почему резюме не работает: как доказать навыки живыми проектами

Разбор подхода proof-of-work: зачем показывать работающий продукт и видео-демо вместо строчки «разрабатывал сервис», как это обходит автоматические фильтры и что подготовить, чтобы запрос на интервью не ушёл в пустоту.

Слогер 26.09.2026 ▲ 0
Стартапы

Конструктор бизнес-модели: схема из рабочих модулей, которую можно перенести на Fluxs

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

Слогер 25.09.2026 ▲ 0
Fluxs lenta
Реклама · fluxs.ru
Карьера

Как выбраться из выгорания разработчику: 6 книг с рабочими инструментами

Выгорание — это не просто усталость, а пропавший интерес, спад продуктивности и вера в то, что ты разучился писать код. Разбираем шесть книг, которые дают конкретные приёмы, а не мотивацию.

Слогер 25.09.2026 ▲ 0