Конвертер HTML в JPG

Q: Можно ли перевести HTML-шаблон письма в изображение для превью?

Да. Установите **Ширина HTML-страницы** 600 px, на эту ширину рассчитано большинство шаблонов писем, и оставьте одно длинное изображение. Получится быстрый визуальный макет, который можно показать тому, кому не нужно отправлять само тестовое письмо.

Загрузите сохраненную веб-страницу, шаблон письма или HTML-отчет и получите JPG-изображение всей страницы сверху донизу. Ширину окна браузера выбираете вы, поэтому на картинке может быть десктопная или мобильная версия верстки.

или перетащите сюда файлы DOC, DOCX, DOCM … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

Преобразовать в

Разрешение

Изображения

Файлы обрабатываются на наших серверах и удаляются через 30 минут.

Как пользоваться инструментом

1
Загрузите HTML-файл
Перетащите файл .html, .htm или .mhtml, до 20 файлов за раз. Если на странице есть изображения и стили, сначала сохраните её в браузере как один файл (MHTML), чтобы всё осталось вместе со страницей.
2
Выберите ширину страницы
Ширина HTML-страницы по умолчанию равна 1280 px, как у обычного ноутбука. Введите 390 px для мобильной версии или 600 px для шаблона письма. Параметр Изображения по умолчанию создаёт одно длинное изображение.
3
Конвертируйте в JPG
Нажмите Преобразовать в JPG и скачайте изображение. Переключите Изображения на «по одному на страницу», если хотите разбить страницу на части размером с печатный лист.

HTML в JPG — это скриншот всей страницы из файла: выбранная ширина браузера определяет вёрстку, а JPG сохраняет каждый её пиксель.

Как HTML-файл превращается в JPG-изображение

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

Когда вёрстка готова, страница снимается целиком сверху донизу, а не только та часть, что поместилась бы на экране. Если в Изображения выбрано одно длинное изображение, вы получите один высокий JPG; при выборе «по одному на страницу» то же содержимое будет разрезано на изображения размером со страницу.

Качество по умолчанию равно 85: основной текст остаётся читаемым, а файл заметно меньше PNG той же страницы. Поднимите значение до 95, если на странице мелкий шрифт или тонкие границы таблиц, которые должны остаться чёткими.

1280 pxширина браузера по умолчанию для отрисовки страницы

Допустимый диапазон: от 320 до 3840 px. Узкая ширина показывает мобильную версию, широкая — десктопную.

Выберите ширину страницы: полная десктопная версия или мобильная

Значение по умолчанию. При такой ширине большинство сайтов показывают полную десктопную версию с панелями навигации и боковыми колонками.

Проверка сайтов и согласование с клиентами
Архив внешнего вида страницы
Слайды и отчёты

Если результат конвертации HTML в JPG выглядит неправильно

Изображения отсутствуют или показаны как значки ошибки
Изображения лежали рядом с HTML, а не внутри него. Сохраните страницу одним файлом MHTML или используйте для изображений полные веб-адреса.
Страница пустая или показывает только индикатор загрузки
Содержимое создаётся скриптами после загрузки страницы или скрыто за входом в аккаунт. Откройте страницу в браузере, дождитесь полной загрузки и сохраните её одним файлом.
Текст обрезан у правого края
У страницы фиксированная ширина больше окна. Увеличьте Ширина HTML-страницы до нужного значения, например до 1440 px.
JPG слишком велик для формы загрузки
Снизьте Качество примерно до 70, выберите меньшую ширину или уменьшите результат потом с помощью Сжать изображение.

HTML

Язык разметки HTML

HTML — язык разметки веба, впервые описанный Тимом Бернерсом-Ли в начале 1990-х; сейчас его развивает WHATWG как «живой стандарт». HTML-файл описывает заголовки, абзацы, ссылки, таблицы, изображения и формы, а оформление обычно задаётся через CSS. Его отображает любой браузер; формат также используется для шаблонов писем и сохранённых веб-страниц. Отдельный HTML-файл часто зависит от внешних изображений и таблиц стилей, поэтому после переноса без них он может выглядеть «сломанным».

Сжатие: –
Прозрачность: –
Анимация: –
Год появления: 1993 · Tim Berners-Lee; maintained by WHATWG

Конвертер HTML

JPG

Изображение JPEG

JPEG (или JPG) — самый распространённый формат фотографий, стандартизованный Joint Photographic Experts Group в 1992 году. В нём используется сжатие с потерями: отбрасываются мелкие детали, которые глаз вряд ли заметит, поэтому фото получаются достаточно компактными для сайтов, почты и памяти телефона. Плавные градиенты и природные сцены он передаёт хорошо, но на чётком тексте, штриховых рисунках и однотонных заливках появляются заметные блоки и размытые артефакты. В JPEG нет прозрачности и анимации, а каждое пересохранение немного ухудшает качество. Его открывает любой браузер, телефон, камера и графический редактор.

Сжатие: С потерями
Прозрачность: Нет
Анимация: Нет
Год появления: 1992 · Joint Photographic Experts Group

Конвертер JPG

HTML выглядит правильно только в браузере; превращение в JPG фиксирует один вариант отображения в виде картинки, которую можно прикрепить, опубликовать, сохранить в архив или вставить в слайд, где код был бы бесполезен.

Вопросы о конвертации HTML в JPG

Можно ли указать адрес веб-страницы вместо загрузки файла?

Нет, конвертер работает с HTML-файлами, которые вы загружаете. Откройте страницу в браузере, выберите «Сохранить страницу как» и укажите «Веб-страница в одном файле» (MHTML в Chrome и Edge), затем загрузите этот файл. В нём собраны HTML, стили и изображения.

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

HTML был сохранён без таблицы стилей и изображений, так бывает при варианте «Веб-страница, только HTML». Конвертер видит только разметку. Сохраните страницу заново одним файлом MHTML или добавьте CSS прямо в HTML перед загрузкой.

Какой длины страница помещается в один JPG?

Формат JPEG ограничивает каждую сторону 65 535 пикселями, поэтому очень длинная страница при большой ширине может упереться в этот предел. Для длинных статей переключите Изображения на «по одному на страницу» или конвертируйте в HTML в PDF, где такого ограничения нет.

Что выбрать для снимка веб-страницы: JPG или PNG?

JPG весит меньше и подходит для страниц с фотографиями. PNG сохраняет мелкий текст и тонкие линии идеально чёткими и поддерживает прозрачный фон, поэтому лучше подходит для макетов интерфейсов и дашбордов. Разницу подробно разбирает наша статья JPG, JPEG и PNG: в чём разница.

Почему шрифты на изображении отличаются от тех, что в моем браузере?

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

Можно ли перевести HTML-шаблон письма в изображение для превью?

Да. Установите Ширина HTML-страницы 600 px, на эту ширину рассчитано большинство шаблонов писем, и оставьте одно длинное изображение. Получится быстрый визуальный макет, который можно показать тому, кому не нужно отправлять само тестовое письмо.