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

Вставьте HTML и CSS и сохраните результат как изображение PNG, JPG, WebP или SVG.

Скрипты не выполняются, а файлы с других сайтов не загружаются. Держите CSS в блоке <style> или во встроенных стилях.

Ширина экрана
Формат
Загружено 0 байт: всё выполнено на вашем устройстве

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

Вставьте фрагмент HTML вместе с CSS или откройте файл .html, выберите ширину экрана (телефон, планшет, компьютер или Full HD) и сохраните результат как изображение. Удобно для шаблонов писем, карточек для соцсетей, баннеров, свёрстанных кодом, и документации. Страница отрисовывается на вашем устройстве, а скрипты никогда не выполняются. Изображения, шрифты и таблицы стилей с других сайтов не загружаются, поэтому встраивайте их прямо в код (например, как data URL).

Как это работает

  1. Добавьте изображения перетаскиванием, выбором или вставкой.
  2. Настройте параметры — всё показывается на вашем устройстве.
  3. Запустите, сравните до и после, затем скачайте или поделитесь.

Другие пресеты

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

Можно ли конвертировать веб-страницу по URL?

Не в браузере: другие сайты не разрешают читать свои страницы с чужого сайта. Откройте страницу, сохраните её или скопируйте её HTML и вставьте сюда; или сделайте скриншот и воспользуйтесь другими инструментами.

Почему пропали мои изображения или веб-шрифты?

Файлы, размещённые на других сайтах, не загружаются. Встраивайте изображения как data URL и используйте системные шрифты или шрифты, уже установленные на вашем устройстве.

Безопасно ли вставлять HTML со скриптами?

Да. HTML отрисовывается как изображение, а скрипты никогда не выполняются.

Esc
Pro

ShrinkLab Pro

Поддержите независимые приватные инструменты и пользуйтесь ими с максимальным удобством.