Transforma fragmentos de código en elegantes imágenes con resaltado de sintaxis, marco de ventana y fondos de cristal.
Transforma fragmentos de código en elegantes imágenes con resaltado de sintaxis, marco de ventana y fondos de cristal. Úsala para trabajo diario, desarrollo, aprendizaje o comprobaciones rápidas.
Esta herramienta funciona en tu navegador. Antes de usar datos sensibles, comprueba que confías en tu dispositivo y navegador.
Al compartir código en presentaciones, blogs, redes sociales o tutoriales, una captura normal del sistema suele salir con letra diminuta, un fondo desordenado y la interfaz del editor mezclada con el código. Este generador coloca tu fragmento en una ventana limpia con resaltado de sintaxis, fondo degradado y botones estilo macOS, para que el lector se centre en lo importante.
Puedes elegir entre tres temas, Monokai, VS Dark y GitHub Light, y cinco modos de resaltado: JavaScript, HTML / XML, CSS, Python y JSON. El relleno (padding) controla la distancia entre la ventana y el borde del fondo; en redes sociales conviene dejar bastante para que la composición respire. El radio de las esquinas se ajusta a tu estilo. Los temas claros suelen leerse mejor en proyectores e impresiones, y los oscuros en pantallas y redes.
El PNG se renderiza al doble de resolución, así que se mantiene nítido en pantallas Retina, al ampliarlo en una presentación y tras la recompresión de las redes sociales. Para que sea legible, limita cada imagen a unas 10–25 líneas y unos 80 caracteres por línea, elimina imports y comentarios innecesarios y acorta las cadenas largas con puntos suspensivos. Si la gente debe copiar el código, comparte también una versión en texto o un Gist: las imágenes no las indexan los buscadores ni las leen los lectores de pantalla.
Todo se dibuja en un canvas dentro de tu navegador y el código no se sube a ningún servidor, así que puedes usar código interno o aún no publicado. Eso sí, revisa antes de compartir que no aparezcan claves de API, contraseñas, URLs internas ni datos personales.
El PNG se dibuja al doble del tamaño en pantalla, de modo que se ve nítido en Retina, presentaciones y redes sociales.
JavaScript, HTML / XML, CSS, Python y JSON. Puedes pegar otros lenguajes, pero no tendrán colores específicos.
Con proyectores y salas iluminadas, GitHub Light suele leerse mejor. Para compartir pantalla o redes, Monokai o VS Dark quedan muy bien.
No. La imagen se genera en un canvas del navegador. Aun así, comprueba que no se vean secretos antes de compartirla.
Ver esta categoría: Desarrollo y código
Pega celdas copiadas de Excel o Google Sheets, CSV o XML Spreadsheet y conviértelas al instante en tablas Markdown, arrays JSON o tablas HTML.
Convierte marcas de tiempo en segundos y milisegundos a fechas legibles con soporte de zonas horarias y tiempo relativo.
Divide personas en grupos, desordena listas al azar o selecciona ganadores sin repeticiones de forma imparcial.
Combina sonidos de lluvia, chimenea, bosque y ritmos Lo-Fi con temporizador Pomodoro integrado para estudiar y concentrarte.
