DevTulz Online

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

Перетворіть фрагменти коду на красиві зображення для публікації. Вибирайте теми підсвічування синтаксису, градієнтні фони та стилі вікна. Завантажте PNG. Безкоштовно.

code.js

Що таке «Код у зображення»?

«Код у зображення» перетворює будь-який фрагмент коду на акуратне зображення для публікації — ідеально для блогів, соціальних мереж, презентацій і документації. Вставте код, оберіть мову для підсвічування синтаксису, виберіть одну з семи тем (Atom One Dark, Atom One Light, GitHub Dark, Dracula, Monokai, VS Dark, Nord), задайте градієнтний або однотонний фон, налаштуйте відступи і стиль рамки вікна, увімкніть номери рядків і завантажте PNG у високій роздільній здатності. Все працює у браузері — жоден код не надсилається на сервер.

Як користуватися «Код у зображення»

  1. Вставте або введіть код у поле введення (клавіша Tab вставляє пробіли).
  2. Виберіть мову програмування або залиште «Автовизначення».
  3. Виберіть тему підсвічування синтаксису з меню «Тема».
  4. Клацніть зразок фону, щоб задати градієнт або колір.
  5. Налаштуйте відступ, стиль вікна, розмір шрифту та номери рядків.
  6. Введіть ім'я файлу (буде використано як назву завантажуваного PNG).
  7. Натисніть «Завантажити PNG», щоб зберегти зображення з роздільною здатністю 2×.