HTML в изображение

Что такое HTML для изображения?

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

Вставьте HTML напрямую или загрузите файл .html. Выберите выходной формат (PNG или JPG) и ширину. Результатом является идеальная визуализация того, как страница будет выглядеть в браузере.

Как конвертировать HTML в изображение

Вставьте или загрузите свой HTML-код. Введите или вставьте HTML-код напрямую или перетащите файл .html. Встроенный CSS, классы, базовая разметка JS — все поддерживается.
Выберите формат и ширину. PNG для прозрачности и графики, JPG для фотографий. Ширина 320–3840 пикселей управляет размерами отображаемого изображения.
Рендеринг и загрузка. Нажмите «Рендеринг». Изображение появляется через несколько секунд. Скачать в формате PNG или JPG.

Зачем использовать HTML для изображения?

Пиксельный рендеринг

Полноценный браузерный движок визуализирует ваш HTML — шрифты, CSS, градиенты, SVG — все выглядит точно так же, как в реальном браузере.

Пользовательский контроль ширины

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

Без установки

Только браузер. Работает на Windows, macOS, Linux, мобильных устройствах. Не нужно устанавливать или поддерживать безголовый Chrome.

Бесплатно, без водяных знаков

Никакой регистрации, никаких квот, никаких логотипов, наложенных на вашу продукцию.

Часто задаваемые вопросы

Поддерживает ли он встроенный CSS и внешние шрифты?

Встроенный CSS, встроенные стили и шрифты Google, загруженные через CDN, работают. JavaScript запускается, но завершается за короткое время перед рендерингом.

Каков максимальный размер страницы?

До 5 МБ HTML, ширина до 3840 пикселей. Для более высоких страниц полная высота содержимого фиксируется автоматически.

Могу ли я использовать его для предварительного просмотра в социальных сетях?

Да, идеально подходит для изображений Open Graph, карточек Twitter, миниатюр заголовков блогов. Установите ширину 1200 для OG и 1200 для карточки Twitter.

Являются ли мои файлы конфиденциальными?

Да. HTML отображается в памяти и немедленно отбрасывается. Ничего не регистрируется.