Скриншоты кода

Превращает код в картинку с подсветкой и сразу копирует её

Загрузка…

Был ли этот инструмент полезен?

About this tool

Вставьте код — и получите картинку с подсветкой синтаксиса. Доступны девять тем, градиентный или прозрачный фон, оформление окна в стиле macOS и Windows, номера строк и подсветка отдельных строк; результат можно скачать или сразу скопировать в буфер обмена для Slack или блога. Предпросмотр на экране — это и есть экспортируемое изображение, так что после скачивания сюрпризов не будет.

How to use

  1. Вставьте код. Язык определяется по содержимому и имени файла.
  2. Выберите тему и фон, затем настройте отступ и размер шрифта.
  3. Чтобы выделить строки, впишите что-то вроде 3,5-7.
  4. Нажмите «Копировать изображение» или скачайте PNG в 1x, 2x или 3x.

Frequently asked questions

Что означают 2x и 3x?
Та же картинка рисуется с двойным или тройным разрешением. Для retina-экранов и презентаций подойдёт 2x и выше, внутри статьи хватит 1x. Размер шрифта не меняется, плотнее становятся только пиксели.
Кнопка копирования ничего не делает.
Браузер не умеет записывать изображения в буфер обмена — так ведут себя некоторые версии Safari и старые браузеры. Используйте скачивание PNG.
Кириллица в комментариях выглядит неправильно.
В выбранном шрифте нет этих символов. JetBrains Mono и Fira Code латинские, всё остальное подменяется системным шрифтом. Если в коде много кириллицы, выберите системный моноширинный.
Что попадает в ссылку для обмена?
Ваш код и все настройки, закодированные после # в адресе. Эту часть браузеры никогда не отправляют на сервер, поэтому в логах её нет — но сама ссылка содержит код, так что не делитесь секретами.
Почему рисование, а не снимок экрана?
Снимки экрана отрисовываются по-разному в каждом браузере, а если веб-шрифт не успел загрузиться, гарнитура меняется целиком. Рисование прямо на холсте даёт одинаковый результат везде.

Код обрабатывается только в браузере и никогда не отправляется на сервер. Грамматики подсветки и темы загружаются по требованию, поэтому при первом выборе языка или темы возможна короткая пауза.

Похожие инструменты