snipcard.app

Diff de código a imagen: crea tu imagen gratis

Pega tu diff con líneas que empiezan con “+”, “-” o un espacio y obtén una vista clara de lo que cambió, con contador de líneas añadidas y eliminadas.

Abrir el editor — gratisSin registro · 5 descargas al día · Se procesa en tu navegador
utils.ts+1 −3
function total(items) {
− let sum = 0;
− for (const i of items) sum += i.price;
− return sum;
+ return items.reduce((s, i) => s + i.price, 0);
}
Hecho consnipcard.app

Para qué sirve

  • Explicar una refactorización en un tutorial.
  • Mostrar el antes y después de una corrección de bug.
  • Documentar cambios en publicaciones técnicas.

Consejos para que se vea mejor

  1. Incluye solo las líneas relevantes y algo de contexto.
  2. Pon el nombre del archivo para dar contexto.
  3. Funciona muy bien con fondos oscuros y tarjeta transparente.

Qué puedes personalizar

En este formato puedes editar nombre de archivo, diff, además del fondo, la tipografía, los colores, la transparencia del vidrio, el tamaño de la tarjeta y la proporción de la imagen. Descarga en PNG o JPG; con Pro también SVG, 2x/4x y fondo transparente.

Fondos gratuitos populares

Ver los 69 fondos →

Preguntas frecuentes

¿Cómo marco líneas agregadas y eliminadas?

Con “+” para agregadas, “-” para eliminadas y un espacio para contexto.

¿Lo puedo usar con Git?

Sí: copia la salida de git diff y pégala en el editor.

Más formatos de tarjetas para desarrolladores