“My favourite code sharing app 🥰”
Генератор изображений кода
для разработчиков
Превратите код в изображение за секунды, а не за минуты
Нативное приложение для macOS для разработчиков, которые делятся кодом. Вставьте фрагмент, поместите его на обои macOS или градиент и экспортируйте идеально выровненное изображение в нужном соотношении сторон.
В Mac App Store · Требуется macOS 14 или новее
От буфера обмена до ленты за 5 шагов
Всё происходит в одном окне, и экспортируется ровно то изображение, которое вы видите.
1. Вставьте код
Скопируйте фрагмент и вставьте его прямо в Codeshot сочетанием ⌘⇧V. Подсветка применяется сразу при вставке.
2. Выберите тему
Выбирайте из 30 тем подсветки, у каждой светлый и тёмный вариант, для 60 языков, которые Codeshot определяет сам или которые вы задаёте вручную.
3. Выберите фон
Поместите фрагмент на одни из 19 обоев macOS, 92 градиента, собственный сплошной цвет или своё изображение — либо уберите фон совсем и экспортируйте с прозрачностью.
4. Настройте рамку
Задайте скругление углов, внутренние и внешние отступы и тень, включите или выключите кнопки окна и заголовок, выберите любой моноширинный шрифт, установленный на вашем Mac.
5. Экспортируйте в нужном размере
Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3, 3:4. Скопируйте в буфер обмена сочетанием ⌘⇧C, перетащите превью или экспортируйте через ⌘S.
Сделано под то, как разработчики делятся кодом
Стиль
Подсветка для 60 языков — автоматически или вручную
Любой моноширинный шрифт, установленный на вашем Mac
Размер
Соотношения от 1:1 до 9:16 или по содержимому
Скопируйте, перетащите или экспортируйте PNG в 1×, 2× или 3×
Темы
30 тем, у каждой светлый и тёмный вариант
Посмотрите все ещё до загрузки
Посмотреть все 30 тем →Что разработчики говорят о Codeshot
“Pretty handy tool for us devs that share code.”
“Like this one, simple yet powerful 👍, minimizing the time to remember what was the web page I used to generate this screenshot”
“Thank @sarunw for a beautiful code block from @CodeshotApp ❤️”
“Great app ✅”
“This is so great 👏🏻👌🏻”
“This looks nice! I’ll give it a try 😊”
“Buy it, it's worth it to quickly put something together for Twitter.”
“The App is AWESOME… I'm banging out great looking Swifty looking images now.”
“Definitely worth it if you share even just a few screenshots of code snippits. I love the range of options for themes and the customization for window size.”
Частые вопросы
Что такое Codeshot?
Codeshot — нативное приложение для macOS, которое превращает фрагменты кода в изображения для соцсетей. Работает на вашем Mac: без веб-страницы и без загрузки на сервер.
Как превратить фрагмент в изображение?
Скопируйте код, вставьте его в Codeshot сочетанием ⌘⇧V, выберите тему и фон, затем экспортируйте через ⌘S.
Какие языки программирования поддерживаются?
60 языков. Codeshot определяет язык по вставленному коду, либо вы задаёте его сами.
Сколько тем в комплекте?
30 тем подсветки, и у каждой есть светлый и тёмный вариант.
Какие размеры изображения можно экспортировать?
Размер может следовать за содержимым, либо его можно зафиксировать: 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4. Экспорт в 1×, 2× или 3×; экспортируется ровно то, что вы видите в приложении.
Можно использовать свой шрифт?
Да. Codeshot использует любой моноширинный шрифт, установленный в системе.
Чем Codeshot отличается от Carbon.now.sh?
Codeshot вдохновлён Carbon.now.sh, но это нативное приложение, построенное вокруг идеально центрированного кода, обоев macOS в качестве фона и соотношений сторон в реальном времени.
Есть ли тёмная тема?
Да. Приложение автоматически переключается со светлого оформления на тёмное вместе с macOS.
Что нужно для запуска Codeshot?
macOS 14.0 или новее.
Ваш следующий фрагмент заслуживает лучшей рамки
Вставьте, оформите, экспортируйте. Codeshot сокращает путь от написания кода до публикации до минимума.
Скачать для macOSВ Mac App Store · Требуется macOS 14 или новее
Бесплатные материалы
Прочитайте перед следующей публикацией
Руководство
Лучший размер изображения для фрагментов кода в X (Twitter)
1600 × 900 при соотношении 16:9 — и настройки, чтобы получить это сразу.
Руководство
Лучший размер изображения для фрагментов кода в LinkedIn
1080 × 1080 при соотношении 1:1 — и настройки, чтобы получить это сразу.
Руководство
Лучший размер изображения для фрагментов кода в Facebook
1080 × 1080 при соотношении 1:1 — и настройки, чтобы получить это сразу.