Скриншот кода
- Файлы не покидают устройство
- Работает в браузере
- Бесплатно, без регистрации и водяных знаков
Preview
Click a line in the preview to highlight it.
Loading highlighter…
Как пользоваться: Скриншот кода
Превратите код в изображение с подсветкой синтаксиса, рамкой окна, темой и фоном, затем скачайте PNG или SVG либо скопируйте в буфер. Покрывает 27 языков плюс обычный текст, определяет язык автоматически и подсвечивает всё в браузере.
- 1
Вставьте код в поле кода или нажмите «Образец», чтобы попробовать пример.
- 2
Оставьте язык на автоопределении или выберите один и введите заголовок, например имя файла.
- 3
Отметьте ключевые строки в «Подсветить строки» (например 3, 5-7) или щелчком по ним на предпросмотре и включите «Приглушить остальные», если хотите, чтобы они выделялись сильнее.
- 4
В «Оформлении» и «Фоне» выберите тему, стиль окна (macOS, Windows или нет), размер шрифта, градиент или сплошной цвет и отступ.
- 5
В «Экспорте» задайте ширину и разрешение, затем нажмите «Скачать PNG», SVG или «Копировать изображение».
Частые вопросы
Отправляется ли мой код куда-либо?
Нет. Подсветка и отрисовка идут в браузере. Инструмент запоминает последний код и настройки в локальном хранилище этого браузера, поэтому нажмите «Очистить» на общем компьютере.
Какие языки и темы доступны?
JavaScript, TypeScript, Python, Java, Go, Rust, C, C++, C#, PHP, Ruby, Swift, Kotlin, Dart, Scala, Lua, SQL, Shell, PowerShell, JSON, YAML, HTML / XML, CSS, SCSS, Markdown, Dockerfile и Diff, плюс обычный текст. Темы: One Dark, GitHub Dark, GitHub Light, Dracula, Nord, Monokai, Solarized Dark и Solarized Light.
В чём разница PNG и SVG?
PNG — картинка в разрешении 1×, 2× или 3×. SVG хранит код как настоящий выделяемый текст и остаётся резким при любом размере, но использует шрифты, установленные на устройстве, которое его открывает.
Как не дать длинным строкам сделать изображение очень широким?
Поставьте ширину в «Фиксированная» и введите ширину изображения от 320 до 4000 px. Длинные строки тогда переносятся.
Может ли фон быть прозрачным?
Да. Выберите прозрачный в фоне и скачайте PNG или SVG.
Чем это отличается от макета устройства и оформления скриншота?
Этот инструмент рисует код, который вы вставляете текстом. Чтобы поместить готовый скриншот приложения или сайта в рамку, используйте макет устройства и оформление скриншота.