search

Found

info Descripción

Crea PNGs 1200x630 de progreso para cualquier meta con barras redondeada, cuadrada o segmentada en 20 partes. Tamaño Open Graph estándar para redes.

📘 Cómo usar

  1. Escribe el título del objetivo y la unidad
  2. Define el valor actual y la meta, elige un estilo de barra
  3. Elige el color de fondo y el color de la barra
  4. Pulsa el botón Descargar

Tarjeta de Imagen de Seguimiento de Progreso

Article

Tarjeta de Imagen de Seguimiento de Progreso | PNG 1200x630 para retos de lectura, running y recaudaciones

Escribe un título de objetivo, los valores actual y meta, y una unidad. La herramienta dibuja una tarjeta con barra de progreso y la exporta como PNG 1200x630. Elige entre tres estilos de barra (redondeada, cuadrada o segmentada en 20 partes) y ajusta el color de fondo y el color de barra como prefieras.

💡 Para qué sirve esta tarjeta

Los retos anuales de lectura, el entrenamiento para una maratón, los termómetros de recaudación, los registros de horas de estudio o los seguimientos de wishlist de juegos indie funcionan mejor cuando publicas tu progreso en público: ganas apoyo de la comunidad y dejas de abandonar tus propios objetivos a mitad de camino. El problema es que un post de texto plano del tipo "llevo 30/50 libros" se pierde en el feed en segundos.

Esta tarjeta reduce todo a cuatro elementos: el nombre del objetivo, una proporción x / y unidad, un número grande con el porcentaje, y una barra que avanza hacia la meta. Nada más. Se lee en medio segundo en una timeline de X, en una publicación de LinkedIn o en un mensaje fijado de Discord, y sirve para casi cualquier meta cuantificable.

Tres estilos de barra cubren los casos comunes:

  • Redondeada: suave y amigable. Ideal para retos de lectura, metas de hobbies, campañas de fans
  • Cuadrada: nítida y técnica. Ideal para distancias, peso, registros de entrenamiento
  • Segmentada: 20 bloques discretos. Ideal para termómetros de donaciones, lecturas tomo a tomo de un manga, o cualquier meta con pasos claros

🧐 Preguntas Frecuentes

Q. ¿Por qué el tamaño está fijado en 1200x630? A. 1200x630 (relación 1.91:1) es el tamaño estándar de tarjeta Open Graph. Facebook, X, LinkedIn, Slack, Discord, WhatsApp y todas las plataformas que entienden OG recortan y muestran las previsualizaciones con esa relación de aspecto. Permitir tamaños libres parece más cómodo, pero en cuanto eliges otro la tarjeta se recorta en alguna plataforma. Fijarlo a 1200x630 garantiza que lo que descargas se ve bien en todas partes.

Q. ¿Qué pasa si el valor actual supera la meta? A. El porcentaje se limita al 100% y la barra se detiene en el borde derecho. Es intencional: normalmente quieres compartir una captura de "meta cumplida", no una barra confusa al 137%.

Q. ¿Puedo poner cero en la meta? A. No. El campo de meta exige un valor de 1 o superior. Si escribes 0, la herramienta lo trata como 1.

Q. ¿Acepta decimales? A. Sí. Los campos actual y meta admiten decimales, así que 42,195 km de maratón o cantidades de dinero con céntimos funcionan sin problema. El porcentaje siempre se redondea a número entero para que se lea limpio.

Q. ¿Y si mi título es muy largo? A. El título admite hasta 40 caracteres y el renderizador reduce la fuente automáticamente (hasta un mínimo legible) para que entre en el ancho de la tarjeta. 40 caracteres alcanzan para "Reto Maratón 2026: kilómetros corridos" o títulos completos similares.

Q. ¿Qué pongo en el campo de unidad? A. Lo que haga legible la proporción: libros, km, páginas, EUR, horas, capítulos, episodios. Si lo dejas vacío, la tarjeta muestra una proporción sin unidad como 7 / 10. Admite hasta 20 caracteres.

Q. ¿Cómo se nombra el archivo descargado? A. Se usa la parte ASCII de tu título más -progress.png. Si el título está completamente en caracteres no ASCII (por ejemplo solo en árabe o japonés), el archivo recae en el nombre slug progress-tracker-image-card.png.

📚 Estilos de barra y cuándo elegir cada uno

Las tres formas de barra no son sólo decoración: cada una transmite un mensaje distinto al espectador.

La barra redondeada transmite continuidad. Funciona en metas que se llenan poco a poco sin pasos discretos: páginas leídas, horas de práctica, suscriptores ganados. La curva en los extremos hace que el lector la lea como "una sola cosa que va creciendo", y eso encaja con retos de hobby donde lo importante es el avance, no las etapas.

La barra cuadrada comunica precisión y medición. Cuando publicas "kilómetros corridos este mes" o "kilos levantados acumulados", el borde recto refuerza la idea de medición técnica, casi de tablero de instrumentos. Es la forma típica de los dashboards de fitness y de los apps de seguimiento de macros.

La barra segmentada (20 bloques) es la mejor para metas con etapas discretas. Termómetros de recaudación con donaciones individuales, lecturas de una saga de N tomos, episodios vistos en una serie larga, capítulos de un curso terminados — el ojo cuenta los bloques rellenos y entiende inmediatamente "voy por el 13 de 20". Es la misma técnica que usan los videojuegos para barras de salud o de experiencia: si los pasos importan, sepáralos visualmente.

Una sugerencia: si dudas, empieza con la barra redondeada. Es la opción más neutra y casi siempre se ve bien en miniatura.