“My favourite code sharing app 🥰”
Генератор изображений кода
для разработчиков
Превратите код в изображение за секунды, а не за минуты
Нативное приложение для Mac и iPhone — для разработчиков, которые делятся кодом. Вставьте сниппет, положите его на обои macOS или на градиент и экспортируйте идеально выровненную картинку в нужном соотношении.
Скачать
В App Store · Одна покупка для Mac и iPhone
От буфера обмена до ленты за 5 шагов
Всё происходит в одном окне, и экспортируется ровно то изображение, которое вы видите.
1. Вставьте код
Скопируйте фрагмент и вставьте его прямо в Codeshot сочетанием ⌘⇧V. Подсветка применяется сразу при вставке.
2. Выберите тему
Выбирайте из 30 тем подсветки, у каждой светлый и тёмный вариант, для 60 языков, которые Codeshot определяет сам или которые вы задаёте вручную. А на Mac можно собрать свою тему и задать каждый цвет вручную.
3. Выберите фон
Поместите фрагмент на одни из 19 обоев macOS, 92 градиента, собственный сплошной цвет или своё изображение — либо уберите фон совсем и экспортируйте с прозрачностью.
4. Настройте рамку
Задайте скругление углов, внутренние и внешние отступы и тень, включите или выключите кнопки окна и заголовок, выберите любой моноширинный шрифт, установленный на вашем Mac.
5. Экспортируйте в нужном размере
Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3, 3:4. Скопируйте в буфер обмена сочетанием ⌘⇧C, перетащите превью или экспортируйте через ⌘S.
Сделано под то, как разработчики делятся кодом
Подсветка
60 языков — определяются по коду или задаются вручную
Шрифты
Любой моноширинный шрифт на вашем устройстве
Форматирование
Приведите в порядок Swift, JavaScript, TypeScript и ещё 8 языков одним нажатием
Размер
Пропорции от 1:1 до 9:16 или по содержимому
Экспорт
Скопировать, перетащить или сохранить PNG в 1×, 2× или 3×
Темы
30 тем, у каждой светлый и тёмный вариант — или соберите свою
Посмотреть все 30 тем →Темы Новое
Сделайте её своей
Выбирайте из 30 встроенных тем, у каждой светлый и тёмный вариант, — или соберите свою. Все тринадцать цветов задаются вручную, превью перерисовывается сразу же, а экспорт в файл переносит тему на любой другой Mac.
Как собрать свою тему
Новое
Теперь и на iPhone
То же приложение — на устройстве, с которого кодом чаще всего в итоге и делятся. Одно нажатие, чтобы вставить из буфера обмена, выбор темы и пропорции, экспорт прямо в меню «Поделиться». Одна покупка на оба устройства: купили однажды — оно и на Mac, и на iPhone.
Как это работает на iPhone
Быстрые команды · Mac
Обойтись без приложения
На Mac Codeshot добавляет действие Make Snapshot в приложение «Быстрые команды». Скопировали код, нажали клавишу, вставили картинку — приложение так и не открылось. Или щёлкните файл в Finder правой кнопкой, и PNG появится рядом.
Посмотреть четыре сценария
Что разработчики говорят о 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 — нативное приложение для Mac и iPhone, превращающее фрагменты кода в картинки для соцсетей. Всё происходит на вашем устройстве: ни веб-страницы, ни загрузки на сервер.
Как превратить фрагмент в изображение?
Скопируйте код, вставьте его в Codeshot сочетанием ⌘⇧V, выберите тему и фон, затем экспортируйте через ⌘S.
Какие языки программирования поддерживаются?
60 языков. Codeshot определяет язык по вставленному коду, либо вы задаёте его сами.
Сколько тем в комплекте?
30 тем подсветки, и у каждой есть светлый и тёмный вариант.
Можно ли сделать свою тему?
На Mac — да. В Настройках → Темы можно добавить тему и задать каждый цвет вручную: фон, обычный текст, ключевые слова, строки, числа, комментарии, объявленные и библиотечные типы, функции, члены, переменные, аннотации и атрибуты. Превью перерисовывается сразу же. Ваши темы стоят рядом с 30 встроенными и экспортируются в файл — чтобы перенести на другой Mac или передать кому-то.
Какие размеры изображения можно экспортировать?
Размер может следовать за содержимым, либо его можно зафиксировать: 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 в качестве фона и соотношений сторон в реальном времени.
Есть ли тёмная тема?
Да. Приложение само переключается со светлого оформления на тёмное вслед за системой.
Что нужно для запуска Codeshot?
Mac или iPhone. Это одна покупка на оба устройства: скачали на одном — доступно и на другом.
Ваш следующий фрагмент заслуживает лучшей рамки
Вставьте, оформите, экспортируйте. Codeshot сокращает путь от написания кода до публикации до минимума.
СкачатьВ App Store · Одна покупка для Mac и iPhone
Бесплатные материалы
Прочитайте перед следующей публикацией
Руководство
Лучший размер изображения для фрагментов кода в X (Twitter)
1600 × 900 при соотношении 16:9 — и настройки, чтобы получить это сразу.
Руководство
Лучший размер изображения для фрагментов кода в LinkedIn
1080 × 1080 при соотношении 1:1 — и настройки, чтобы получить это сразу.
Руководство
Лучший размер изображения для фрагментов кода в Facebook
1080 × 1080 при соотношении 1:1 — и настройки, чтобы получить это сразу.