Can I screenshot any website?

You can capture any publicly reachable webpage. Pages that require a login, or private/internal addresses, cannot be rendered for security reasons.

What formats can I export?

Export a PNG or JPG screenshot, or a print-ready PDF of the page. Set the viewport width to control how the layout renders.

Can I render my own HTML code?

Yes. Switch to the HTML Code tab and paste any HTML, including inline CSS, to render it exactly as a browser would.

What viewport width should I use?

The width setting controls the browser window used for rendering. Use 1280px for a typical desktop layout, 1920px for full HD, or a narrow width like 390px to capture the mobile version of a page.

What does the full page option do?

With full page enabled, the entire length of the page is captured in one tall image, not just the part visible on screen. Untick it to capture only the initial viewport area.

How is this different from the HTML to SVG tool?

This tool renders your page or markup with a real browser engine and returns a pixel image or PDF. The HTML to SVG tool instead wraps your markup in a scalable vector file directly in your browser, without rasterizing it.

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

Отрисовывайте HTML-код или адрес любой веб-страницы в PNG, JPG или PDF. Выберите ширину окна просмотра, снимите всю страницу целиком и сразу скачайте результат.

Адрес веб-страницы

Снять всю страницу (а не только видимую область)

HTML-разметка

Формат

Ширина (px)

Хотите получить SVG вместо этого? Попробуйте инструмент HTML в SVG.

Превратите веб-страницы в изображения

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

Когда стоит превратить веб-страницу в изображение

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

PNG, JPG или PDF — что выбрать?

Выбирайте PNG, если на странице четкий текст, элементы интерфейса или однотонные цвета — формат без потерь сохраняет резкие края. Выбирайте JPG для страниц с обилием фото, где меньший размер файла важнее идеальной четкости текста. Выбирайте PDF, если нужен документ для печати и прокрутки длинной статьи. В любом случае страница отрисовывается на нашем сервере настоящим headless-браузером, поэтому CSS, веб-шрифты и верстка передаются именно так, как их видел бы посетитель.

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

Все, что нужно знать о конвертации HTML в изображение.

Можно снять скриншот любой общедоступной веб-страницы. Страницы, требующие входа, а также приватные или внутренние адреса, из соображений безопасности отрисовать нельзя.

Экспортируйте скриншот в PNG или JPG либо готовый для печати PDF страницы. Задайте ширину окна просмотра, чтобы управлять отображением верстки.

Да. Перейдите на вкладку «Из HTML-кода» и вставьте любой HTML — включая встроенный CSS, — чтобы отрисовать его точно так же, как это сделал бы браузер.

Настройка ширины определяет размер окна браузера, используемого для отрисовки. Используйте 1280px для типичной десктопной верстки, 1920px для Full HD или узкую ширину, например 390px, чтобы снять мобильную версию страницы.

Если включена опция «Вся страница», снимается вся длина страницы в одном высоком изображении, а не только видимая на экране часть. Отключите ее, чтобы снять только начальную область окна просмотра.

Этот инструмент отрисовывает страницу или разметку настоящим браузерным движком и возвращает растровое изображение или PDF. Инструмент HTML в SVG, наоборот, оборачивает разметку в масштабируемый векторный файл прямо в браузере, без растеризации.