Перетворіть фрагмент коду на красиве зображення для поширення — теми, фони, chrome вікна та інше.

Налаштуйте вигляд фрагмента — мова, тема, фон та відступи.

48
14
12
Попередній перегляд

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

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

Кожна візуальна деталь налаштовується: колірна тема, фон позаду рамки з кодом (автоматичний або довільного кольору), обрамлення вікна у стилі редактора з рядком заголовка, відступи, радіус кутів, відкидна тінь, розмір шрифту, необов’язкові номери рядків і необов’язковий водяний знак. Поле заголовка вікна дозволяє позначити фрагмент назвою файлу.

Зображення рендериться у вашому браузері та експортується як чіткий PNG — завантажте його або скопіюйте прямо в буфер обміну, щоб вставити в чат, слайд чи пост.

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

  1. Вставте свій код і виберіть мову, або залиште автовизначення.
  2. Виберіть колірну тему та фон — автоматичний або довільний.
  3. Увімкніть обрамлення вікна та задайте заголовок, наприклад назву файлу.
  4. Точно налаштуйте відступи, радіус кутів, тінь, розмір шрифту, номери рядків і необов’язковий водяний знак.
  5. Експортуйте PNG або скопіюйте зображення прямо в буфер обміну.

Часті запитання

У PNG з високою роздільною здатністю, тож текст залишається чітким при поширенні чи наближенні. Ви можете або завантажити файл, або скопіювати зображення прямо в буфер обміну і вставити в чати, документи чи інструменти дизайну.

Ні — автовизначення аналізує фрагмент і самостійно застосовує відповідну підсвітку. Якщо короткий чи неоднозначний фрагмент розпізнано неправильно, виберіть мову зі списку, щоб примусово застосувати коректне забарвлення.

Так. Номери рядків — це перемикач, а обрамлення вікна містить поле заголовка, куди природно вписується назва файлу на кшталт app.js. Обидва варіанти корисні, коли зображення документує конкретний файл у туторіалі чи рев’ю.

Вона друкує короткий підпис — ваш нікнейм, сайт чи назву команди — на зображенні. Корисно, коли фрагменти поширюються в соцмережах і ви хочете, щоб авторство подорожувало разом із картинкою. Залиште поле порожнім для чистого експорту.

Так, він безкоштовний у використанні — оформлюйте свій фрагмент і експортуйте чи копіюйте PNG без облікового запису.

Поділитися

Популярні запити
код в зображення генератор скріншотів коду поділитися зображенням коду carbon зображення коду красивий фрагмент коду експорт коду png
Потрібна допомога?
Виникла проблема з цим інструментом? Повідомте нас.
Повідомити про проблему

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.