PDF для портфолио

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

Локально в браузередо 100 МБбез регистрации

Коротко о цифрах

Прозрачность: сохраняется, если исходное изображение её несёт
Перевод в формат без альфа-канала: прозрачность заменяется белым фоном
Почему белый, а не чёрный: невыставленные пиксели холста остались бы чёрными
Размер страницы: по размеру изображения, A4 или Letter
Нераскодированные файлы: перечисляются по именам, а не пропускаются молча

Прозрачность и фон страницы

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

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

Как собрать портфолио

Отберите работы и назовите файлы по порядку показа: сортировка по имени избавит от ручной перестановки страниц.
Решите вопрос размера страницы: по размеру изображения — если портфолио смотрят с экрана и белые поля не нужны; A4 — если его будут печатать.
Соберите изображения в PDF и пролистайте результат целиком.
Добавьте текстовые страницы — описание проекта, роль, инструменты — отдельным объединением.
Проверьте вес: сорок изображений в исходном разрешении дают файл, который заказчик не откроет с телефона.
Если файл тяжёл, уменьшайте исходные изображения до сборки, а не сжимайте готовый документ.

Ошибки, которые видно сразу

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

Частые вопросы

Сохранится ли в PDF прозрачный фон логотипа?

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

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

По размеру изображения, если портфолио смотрят с экрана: тогда вокруг работы не будет белых полей. A4 нужен, когда файл распечатывают или прикладывают к бумажному комплекту документов.

Портфолио весит слишком много. Что делать?

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

Почему часть изображений не попала в файл?

Браузер не смог их раскодировать: так ведут себя снимки в формате HEIC и исходники из графических редакторов. Такие файлы называются по именам, чтобы вы пересохранили именно их.