Beautify screenshot
Оформите снимок цветным фоном, скруглёнными углами, тенью или рамкой macOS/браузера.
СКРИНШОТЫ · HTML · WATERMARK
Подготовьте скриншот.
Добавьте стиль или watermark.
Получите изображение из HTML, оформите готовый скриншот или нанесите текстовый водяной знак и собственный логотип. Выберите режим в одном инструменте, настройте вид и проверьте результат в предпросмотре.
Создавайте PNG или JPG из HTML-кода и HTML-файлов. На сайте браузер обрабатывает выбранный файл, но не может автоматически прочитать соседние CSS, шрифты и изображения с компьютера. Встраивайте эти ресурсы в HTML. JavaScript не запускается, внешние ресурсы не загружаются.
Оформляйте скриншоты градиентным или цветным фоном, скруглёнными углами, тенью и рамкой окна. Добавляйте на одно изображение или пакет фотографий собственный текст либо картинку-логотип, регулируя размер, прозрачность, поворот, расположение и повторение по всей площади.
- HTML → PNG / JPG с поддержкой встроенных стилей и изображений
- Градиентные фоны, холсты и рамки для скриншотов
- Текстовый watermark или собственное изображение / логотип
- Предпросмотр изменений до скачивания результата
Основные настройки показаны сразу. Полный режим откроет точный размер, поворот, плитку и экспортные параметры.
01 / ВЫБЕРИТЕ РЕЖИМ
Что нужно подготовить?
02 / СКРИНШОТ
Добавьте готовый скриншот
До 40 МБ и 24 мегапикселей. GIF открывается как один кадр.
03 / ПРЕДПРОСМОТР
Так будет выглядеть оформленный скриншот
Выберите скриншот — он появится здесь с выбранным фоном и рамкой.
04 / ОФОРМЛЕНИЕ
Настройте оформление
Обработка выполняется на этом устройстве.
05 / ГОТОВО
Оформленный скриншот
02 / HTML
Выберите HTML-файл
Выберите HTML-файл. Браузер прочитает сам файл и встроенные ресурсы, но не может автоматически открыть соседние файлы с компьютера. Для полного оформления встройте CSS, шрифты и изображения.
В браузере доступны встроенные стили, шрифты и изображения. Соседние файлы с компьютера нужно встроить в HTML вручную.
Во вставленном коде сохраняются встроенные стили и изображения data URI. Браузер не может загрузить отдельные файлы с компьютера.
03 / ПРЕДПРОСМОТР HTML
Так будет выглядеть страница
Выберите HTML-файл или вставьте код, чтобы увидеть предпросмотр.
04 / СОЗДАНИЕ ИЗОБРАЖЕНИЯ
Создайте скриншот HTML
Предпросмотр страницы показывается выше. Нажмите кнопку, чтобы сохранить всю разметку как изображение.
Подключённые стили и изображения войдут в снимок.
Подготовка HTML…0%
05 / РЕЗУЛЬТАТ
Изображение готово
02 / ИСХОДНЫЕ ФАЙЛЫ
Выберите изображения и, если нужно, логотип
До 20 изображений, не более 40 МБ и 24 Мп каждый. Водяной знак можно сделать текстом или загруженным изображением.
03 / ПРЕДПРОСМОТР
Проверьте расположение водяного знака
Добавьте изображение — предпросмотр появится здесь.
ДоПосле04 / ВОДЯНОЙ ЗНАК
Настройте текст или логотип
Загрузите собственный PNG, JPG, WebP или AVIF в карточке выше. Прозрачность логотипа сохранится.
Настройки применятся ко всем выбранным изображениям.
Обработка…0%
05 / РЕЗУЛЬТАТЫ
Готовые файлы
ВОЗМОЖНОСТИ
Оформление, создание и защита изображений
HTML в изображение
Создайте снимок HTML со встроенными стилями, шрифтами и изображениями.
Текст или логотип
Настройте прозрачность, размер, позицию, угол и повторение watermark на одном фото или пакете изображений.