Руководства

Как сохранить мобильную версию сайта в PDF

Как сохранить мобильную версию сайта в PDF

Вы когда-нибудь пытались конвертировать веб-страницу в PDF, но обнаруживали, что текст стал крошечным? Или, может быть, на странице было три колонки, и все они превратились в сплюснутую кашу?

Это происходит потому, что вы пытаетесь распечатать Десктопный сайт (Desktop Website). Сайты для компьютеров широкие, сложные и разработаны для больших мониторов. Они плохо помещаются на узком листе бумаги.

Но есть решение: Захватите мобильную версию.

Мобильные сайты разработаны для узких, вертикальных экранов. Они используют крупный текст, одноколоночные макеты и простую навигацию.

Угадайте, что еще узкое и вертикальное? Бумага формата A4.

Вот как заставить наш конвертер захватить мобильную версию любого сайта для получения идеального, читаемого PDF.

Трюк с «Эмуляцией Viewport»

Вам не нужен телефон. Вы можете сделать это прямо из браузера на компьютере, используя нашу функцию Viewport Emulation (Эмуляция области просмотра).

Эта функция говорит нашему движку конвертации «притвориться» конкретным смартфоном (например, iPhone 15 или Pixel 8). Когда сайт видит это, он автоматически выдает чистый мобильный макет.

Пошаговое руководство

  1. Вставьте ваш URL в конвертер.
  2. Нажмите «Show Options» (Показать опции), чтобы открыть настройки.
  3. Найдите раздел «Viewport Emulation».
  4. Нажмите на выпадающее меню (обычно там стоит «Desktop (1920x1080)»).
  5. Выберите мобильное устройство, например, iPhone 15 Pro или Samsung Galaxy S23.
  6. Важно: Оставьте «Paper Size» (Размер бумаги) как A4, а Ориентацию как Portrait (Книжная).
  7. Нажмите Convert Now (Конвертировать).

Почему это лучше, чем «Десктопный режим»

Когда вы переключаетесь на мобильный viewport, происходят три важные вещи:

  1. Увеличивается размер текста: Мобильные сайты используют крупные шрифты относительно ширины экрана. В PDF это означает, что вы сможете комфортно читать текст, не щурясь.
  2. Одноколоночный макет: Запутанные боковые панели и многоколоночные сетки исчезают. Всё выстраивается в одну чистую линию, читаемую сверху вниз.
  3. Контент не обрезается: Поскольку мобильный сайт спроектирован так, чтобы не выходить за рамки экрана, у вас не будет проблем с контентом, который «уехал» за край листа.

Когда стоит это использовать?

Мы рекомендуем трюк с «Mobile Viewport» для:

  • Рецептов: На мобильных устройствах они часто выглядят намного чище.
  • Новостных статей: Это убирает лишние боковые панели и фокусирует внимание на тексте.
  • Тредов в соцсетях: Ветки обсуждений из Twitter/X и LinkedIn выглядят намного естественнее в их мобильном виде.

Хотите узнать больше о работе с макетами? Это только один способ исправить некорректный PDF. Посмотрите Полное руководство по созданию идеального PDF из веб-страницы для получения дополнительных советов экспертов по A4/A3, ориентации и многому другому.

Похожие статьи