Це схоже на 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 скрізь виглядають однаково.
Чи є обмеження на обсяг коду?: Фіксованого немає, але дуже довгий або дуже широкий код дає дуже велике зображення, яке деякі браузери не можуть створити за високого масштабу. Якщо експорт не вдався, зменште масштаб або скоротіть фрагмент.
Мій код кудись завантажується?: Ні. Код підсвічується й малюється у вашому браузері та ніколи не залишає ваш пристрій.

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