“My favourite code sharing app 🥰”
Generador de imágenes de código
para desarrolladores
Convierte tu código en una imagen en segundos, no en minutos
App nativa de macOS para desarrolladores que comparten código. Pega un fragmento, colócalo sobre un fondo de macOS o un degradado y exporta una imagen perfectamente alineada en la proporción que necesites.
Descargar para macOS
En la Mac App Store · Requiere macOS 14 o posterior
Del portapapeles a la timeline en 5 pasos
Todo ocurre en una sola ventana, y la imagen que exportas es exactamente la que ves.
1. Pega tu código
Copia un fragmento y pégalo directamente en Codeshot con ⌘⇧V. El resaltado se aplica al pegar.
2. Elige un tema
Elige entre 30 temas de sintaxis, cada uno con variante clara y oscura, para 60 lenguajes que Codeshot detecta por ti o que puedes fijar a mano.
3. Elige un fondo
Coloca el fragmento sobre uno de los 19 fondos de macOS, 92 degradados, un color sólido tuyo o una imagen propia — o quita el fondo por completo y exporta con transparencia.
4. Ajusta el marco
Define el radio de las esquinas, el relleno, el margen y la sombra, activa o desactiva los botones y el título de la ventana, y usa cualquier fuente monoespaciada instalada en tu Mac.
5. Exporta al tamaño correcto
Deja que el tamaño siga al contenido o fíjalo a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3, 3:4. Copia al portapapeles con ⌘⇧C, arrastra la vista previa o exporta con ⌘S.
Pensado para cómo comparten los desarrolladores
Estilo
Resaltado para 60 lenguajes, detectados o fijados a mano
Cualquier fuente monoespaciada instalada en tu Mac
Tamaño
Proporciones de 1:1 a 9:16, o ajustado al contenido
Copia, arrastra o exporta un PNG a 1×, 2× o 3×
Temas
30 temas, cada uno con variante clara y oscura
Míralos todos antes de descargar
Ver los 30 temas →Lo que dicen los desarrolladores sobre 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.”
Preguntas frecuentes
¿Qué es Codeshot?
Codeshot es una app nativa de macOS que convierte fragmentos de código en imágenes para compartir en redes sociales. Funciona en tu Mac: sin página web y sin subir nada.
¿Cómo convierto un fragmento en imagen?
Copia tu código, pégalo en Codeshot con ⌘⇧V, elige un tema y un fondo, y exporta con ⌘S.
¿Qué lenguajes de programación admite?
60 lenguajes. Codeshot detecta el lenguaje a partir del código que pegas, o puedes fijarlo tú.
¿Cuántos temas incluye?
30 temas de sintaxis, y todos tienen variante clara y oscura.
¿Qué tamaños de imagen puedo exportar?
El tamaño puede seguir al contenido, o puedes fijarlo a una proporción: 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4. Exporta a 1×, 2× o 3×; lo que ves en la app es lo que se exporta.
¿Puedo usar mi propia fuente?
Sí. Codeshot puede usar cualquier fuente monoespaciada instalada en tu sistema.
¿En qué se diferencia de Carbon.now.sh?
Codeshot está inspirado en Carbon.now.sh, pero es una app nativa construida en torno al código perfectamente centrado, fondos de macOS y proporciones en tiempo real.
¿Es compatible con el modo oscuro?
Sí. La app ajusta su apariencia de claro a oscuro junto con macOS.
¿Qué necesito para ejecutar Codeshot?
macOS 14.0 o posterior.
Tu próximo fragmento merece un mejor marco
Pega, dale estilo, exporta. Codeshot reduce al máximo la distancia entre escribir código y compartirlo.
Descargar para macOSEn la Mac App Store · Requiere macOS 14 o posterior
Recursos gratuitos
Léelo antes de tu próxima publicación
Guía
El mejor tamaño de imagen para fragmentos de código en X (Twitter)
1600 × 900 a 16:9, y los ajustes para llegar ahí de una vez.
Guía
El mejor tamaño de imagen para fragmentos de código en LinkedIn
1080 × 1080 a 1:1, y los ajustes para llegar ahí de una vez.
Guía
El mejor tamaño de imagen para fragmentos de código en Facebook
1080 × 1080 a 1:1, y los ajustes para llegar ahí de una vez.