Как из формата PNG сделать PDF: белая иллюстрация, прозрачность и цветная подложка. Выбираем вид страницы, задаём размер и проверяем рисунок после сохранения.
Евгений
Дизайнер-партнёр LibraChat
7 мин чтения
На тёмной подложке белая ветка читалась целиком. На белом листе от неё почти ничего не осталось. Файл при этом открывался исправно. Когда я выбирал, как из формата PNG сделать PDF для бирки выставки растений, выяснилось, что главный вопрос здесь — на каком фоне получатель увидит рисунок.
Ниже сравню обычную страницу и макет с цветной подложкой в настольном Word для Windows. В обоих случаях результат сохраняется как PDF. Для нашей белой иллюстрации я выбрал подложку, а исходный PNG оставил отдельно. Он нужен для следующих вариантов оформления.
Сначала выбираю, что должен увидеть получатель
PNG может хранить прозрачность, но это не обязательное свойство каждого файла с таким расширением. У одного изображения есть прозрачные области между линиями, у другого всё поле заполнено белыми пикселями. На белой странице они способны выглядеть одинаково, а на цветной — уже нет.
Я сначала проверил ветку поверх контрастного фона. Если вокруг рисунка появился белый прямоугольник, в этой области находятся непрозрачные пиксели либо видимое оформление исходника. Само сохранение в PDF их не удаляет. Нужно решить вопрос с изображением до подготовки окончательной страницы.
Для выбора макета я пользуюсь такими критериями:
Что нужно передать · Какой вид нужен · Как оформлять
Тёмный рисунок для чтения на обычном листе — Контрастный рисунок на белой странице — Вставить PNG в документ и проверить размер
Белую ветку для бирки — Заданный цвет за прозрачными участками — Добавить под PNG отдельную цветную фигуру
Иллюстрацию для дальнейшего дизайна — Исходный растровый файл вместе с примером применения — Сохранить PNG отдельно, а PDF передать для просмотра макета
Таблица помогает не обещать дизайнеру одно, а отдавать другое. PDF с готовой биркой показывает выбранное расположение, но не заменяет исходный PNG для других композиций. Получателю полезно знать, какой из двух файлов предназначен для просмотра, а какой для дальнейшей работы.
Как из формата PNG сделать PDF для белой страницы
Этот вариант подходит, если рисунок уже хорошо читается на белом. Открой пустой документ в Word, поставь курсор в нужный абзац и добавь PNG через меню рисунков с устройства. Затем выбери картинку и задай размер с сохранением пропорций.
Для размещения без свободного перемещения по листу можно оставить вариант «В тексте». Изображение будет находиться в последовательности абзацев. На одностраничном документе это помогает сразу увидеть, не добавился ли второй лист из-за слишком большой высоты картинки или лишнего пустого абзаца.
После подготовки используй сохранение копии документа в формате PDF через «Файл». Выбери папку и соответствующий тип файла в окне сохранения. Открой результат отдельно и посмотри, что произошло с прозрачными областями на странице.
Моей белой ветке такой макет не подходил: отсутствие контраста не исправляется самим выбором PDF. Для тёмного рисунка та же последовательность могла бы оказаться достаточной. Поэтому я разделяю вопрос конвертации и вопрос оформления, хотя выполняю их в одном редакторе.
Как из формата PNG сделать PDF с цветной подложкой
В макете бирки мне понадобился прямоугольник 15 × 10 см с тёмной заливкой. Сам PNG с веткой должен располагаться поверх него. Это два отдельных объекта, поэтому порядок слоёв имеет значение.
Собери такую композицию:
В настольном Word добавь прямоугольник через «Вставка» → «Фигуры».
Задай ему размеры и выбери нужный цвет в меню заливки фигуры. При необходимости убери контур.
Добавь PNG с устройства и включи сохранение его пропорций при изменении размера.
Для свободного наложения выбери у рисунка и фигуры обтекание, отличное от «В тексте», например «Перед текстом».
Перемести PNG внутрь подложки, а прямоугольник отправь на задний план через команды расположения объектов.
Проверь, что цвет виден между линиями ветки, а сама иллюстрация не закрыта фигурой.
Если после добавления прямоугольника ветка исчезла целиком, посмотри на порядок объектов. Возможно, подложка находится сверху. Если вместо прозрачных участков виден белый квадрат, вернись к проверке исходного PNG: это уже другой вопрос, и движение слоя не сделает белые пиксели прозрачными.
Я оставил вокруг изображения запас, чтобы концы ветки не упирались в границы цветного поля. Для такой бирки мне не нужен эффект обрезанной иллюстрации. Если в твоём макете он задуман специально, проверь, какие части должны уходить за край, а какие обязаны оставаться видимыми.
Размер холста не равен размеру нарисованной ветки
Допустим, PNG имеет холст 1200 × 800 пикселей. При ширине 12 см и сохранённых пропорциях его высота составляет 8 см. Word задаёт размер полного прямоугольника изображения, включая прозрачные поля по краям, а не только видимых линий.
Если внутри исходника ветка занимает половину ширины, настройка «12 см» не сделает саму ветку двенадцатисантиметровой. Она задаёт ширину всего холста. Я проверяю это по рамке выделенного рисунка и по видимому запасу до его линий.
При центрированном холсте 12 × 8 см на подложке 15 × 10 см остаётся по 1,5 см с боков и по 1 см сверху и снизу. Это расстояние до края холста. У видимой ветки запас может быть больше, если прозрачные поля уже есть внутри PNG.
Размер страницы — третья отдельная величина. Прямоугольник 15 × 10 см на листе A4 не превращает весь PDF в страницу 15 × 10 см. В результате получится лист с расположенной на нём биркой. Если получатель требует именно другой размер страницы, его нужно задать в макете отдельно и снова проверить размещение.
Для общей подготовки файла можно свериться с материалом о том, как сделать PDF-документ. Я бы перед передачей уточнил у получателя именно размер страницы, а не только размеры картинки внутри неё.
Увеличение на странице не добавляет исходных деталей
Для холста шириной 1200 пикселей, размещённого на 12 см, плотность до экспорта составляет 254 пикселя на дюйм. Если растянуть его до 24 см, получится 127. Число исходных пикселей то же, а площадь показа больше.
Эти значения помогают сравнить два размера одного исходника. Они не гарантируют качество любого рисунка и не учитывают возможную обработку изображения при сохранении. После экспорта я всё равно смотрю на тонкие линии и края иллюстрации в готовом PDF.
Я попробовал увеличить ветку только ради заполнения страницы и вернулся к меньшему размеру. Свободное место не обязательно является ошибкой макета. Для нашей бирки оно помогало отделить рисунок от подписи, а крупный растр не давал новых деталей.
Если нужен существенно больший отпечаток, сначала выясни, есть ли исходник с подходящим размером или векторная версия. Смена расширения с PNG на PDF не является перерисовкой изображения. Она решает задачу документа, внутри которого показывают рисунок.
Проверяю вариант по будущему использованию
Обычная белая страница подойдёт для самостоятельного тёмного рисунка. Цветная подложка нужна, когда прозрачные области должны открывать конкретный фон. Для передачи дизайнеру я добавлю исходный PNG к PDF-превью и подпишу назначение каждого файла.
Перед сохранением я смотрю на композицию целиком, а после — отдельно на результат:
белая ветка читается на выбранном фоне;
подложка находится за PNG и не перекрывает линии;
края изображения не обрезаны случайно;
страница имеет согласованный размер;
в PDF не появился лишний лист;
при предполагаемом размере просмотра читаются и рисунок, и подпись.
Если бирку будут печатать, пробный экземпляр поможет оценить результат в нужном масштабе. По маленькому экранному превью я не принимаю толщину тонких линий или читаемость подписи. Это отдельная проверка готового макета.
Для регулярной подготовки таких макетов сравни возможности в тарифах LibraChat. Обсудить критерии приёмки можно ещё до сборки страницы.
Помоги составить проверку макета: белая ветка в прозрачном PNG, холст 1200 × 800 пикселей. Хочу разместить его размером 12 × 8 см на цветной подложке 15 × 10 см внутри страницы A4 и сохранить PDF. Раздели проверку размера холста, видимого рисунка, фона и всей страницы. Не обещай восстановить детали исходника.
Такой разбор помогает сформулировать требования. Сам готовый PDF надо открыть и сравнить с ними. Попробуй сверить свою иллюстрацию именно на той странице, которую получит читатель: сохранился ли рисунок, ради которого ты начал перевод формата?
