Это похоже на Carbon?

Да — инструмент создаёт такое же изображение: подсвеченный код в окне на фоне. Всё работает прямо в браузере, код никуда не загружается.

Можно сделать фон прозрачным?

Да. Выберите «Нет» в разделе «Фон» и экспортируйте в PNG, WebP или SVG. JPEG не поддерживает прозрачность, поэтому фон заливается белым.

Почему SVG немного по-другому выглядит на другом компьютере?

Текст в SVG отображается шрифтами, установленными там, где файл открывают. Если выбранного шрифта нет, его заменяет похожий моноширинный шрифт. PNG, JPEG и WebP везде выглядят одинаково.

Есть ли ограничение на объём кода?

Фиксированного нет, но очень длинный или очень широкий код даёт очень большое изображение, которое некоторые браузеры не могут создать при высоком масштабе. Если экспорт не удался, уменьшите масштаб или сократите фрагмент.

Мой код куда-нибудь загружается?

Нет. Код подсвечивается и рисуется в вашем браузере и никогда не покидает ваше устройство.

Код в картинку: красивые скриншоты кода

Делитесь кодом в виде удобной для чтения картинки

Вставьте фрагмент и получите аккуратное изображение: с подсветкой синтаксиса в теме редактора, в окне macOS или Windows, на градиентном или однотонном фоне. Такая картинка хорошо читается в твите, на слайде, в посте блога или в документации — и рисуется в вашем браузере, поэтому код никогда не загружается.

Как превратить код в изображение

1Вставьте или введите код. Язык определяется автоматически, или выберите его сами.
2Выберите тему, шрифт, размер и высоту строки и при желании включите номера строк.
3Выберите окно — macOS, Windows или без окна — и задайте имя файла в качестве заголовка.
4Выберите градиентный, однотонный или прозрачный фон и размер отступа вокруг окна.
5Скачайте PNG, JPEG или WebP в масштабе от 1× до 4× либо SVG — или скопируйте изображение прямо в буфер обмена.

Чёткость при любом размере

По умолчанию изображения экспортируются в масштабе 2×, поэтому остаются чёткими на экранах с высокой плотностью пикселей и на слайдах. Для печати или очень больших дисплеев увеличьте до 4×.

SVG сохраняет код как настоящий текст: он масштабируется без ограничений и весит мало, но отображается шрифтами того, кто его открывает.

Языки и темы

Языки: JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, Dart, SQL, Bash, PowerShell, HTML, CSS, SCSS, JSON, YAML, Markdown, Dockerfile, Lua, R и обычный текст.
Темы: Dracula, One Dark, GitHub Dark, GitHub Light, Monokai, Nord, Night Owl и Solarized Light.

Код остаётся на вашем устройстве

Подсветка и отрисовка выполняются в браузере, поэтому приватный или ещё не опубликованный код можно вставлять без опасений. Без аккаунта и без водяных знаков.

Чтобы сначала привести код в порядок, пропустите его через минификатор и форматировщик кода; чтобы разместить изображение на устройстве, воспользуйтесь генератором мокапов устройств.

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

Это похоже на Carbon?: Да — инструмент создаёт такое же изображение: подсвеченный код в окне на фоне. Всё работает прямо в браузере, код никуда не загружается.
Можно сделать фон прозрачным?: Да. Выберите «Нет» в разделе «Фон» и экспортируйте в PNG, WebP или SVG. JPEG не поддерживает прозрачность, поэтому фон заливается белым.
Почему SVG немного по-другому выглядит на другом компьютере?: Текст в SVG отображается шрифтами, установленными там, где файл открывают. Если выбранного шрифта нет, его заменяет похожий моноширинный шрифт. PNG, JPEG и WebP везде выглядят одинаково.
Есть ли ограничение на объём кода?: Фиксированного нет, но очень длинный или очень широкий код даёт очень большое изображение, которое некоторые браузеры не могут создать при высоком масштабе. Если экспорт не удался, уменьшите масштаб или сократите фрагмент.
Мой код куда-нибудь загружается?: Нет. Код подсвечивается и рисуется в вашем браузере и никогда не покидает ваше устройство.

Конвертер кода в изображение