Cartão de Imagem de Rastreador de Progresso | PNG 1200x630 para metas de leitura, corrida e arrecadação

Digite um título de meta, os valores atual e alvo, e uma unidade. A ferramenta desenha um cartão com barra de progresso e exporta como PNG 1200x630. Escolha entre três estilos de barra (arredondada, quadrada ou segmentada em 20 partes) e ajuste livremente a cor de fundo e a cor da barra.

💡 Para que serve este cartão

Desafios anuais de leitura, treinos para uma maratona, termômetros de arrecadação, registros de horas de estudo, contadores de wishlist de jogos indie — tudo isso rende mais quando você publica seu progresso em público. Você recebe apoio da comunidade e deixa de abandonar suas próprias metas no meio do caminho. O problema é que um post de texto puro "estou em 30/50 livros" some no feed em segundos.

Este cartão reduz tudo a quatro elementos: o nome da meta, uma proporção x / y unidade, um número grande com a porcentagem, e uma barra avançando para o alvo. Nada além disso. A leitura leva meio segundo na timeline do X, em uma publicação no LinkedIn, ou em uma mensagem fixada no Discord, e o formato funciona para praticamente qualquer meta contável.

Três estilos de barra cobrem os casos comuns:

• Arredondada: suave e acolhedora. Boa para desafios de leitura, metas de hobby, campanhas de fãs
• Quadrada: nítida e técnica. Boa para distâncias, cargas, registros de treino
• Segmentada: 20 blocos distintos. Boa para termômetros de doação, leituras volume a volume de um mangá, ou qualquer meta com etapas bem definidas

🧐 Perguntas frequentes

Q. Por que o tamanho é fixo em 1200x630? A. 1200x630 (proporção 1.91:1) é o tamanho padrão de cartão Open Graph. Facebook, X, LinkedIn, Slack, Discord, WhatsApp e toda plataforma compatível com OG recorta e exibe as prévias de link nessa proporção. Permitir tamanhos livres pareceria mais flexível, mas no momento em que você muda o tamanho o cartão acaba cortado em alguma plataforma. Fixar 1200x630 garante que o resultado fica correto em todos os lugares.

Q. O que acontece se o valor atual ultrapassar o alvo? A. A porcentagem é limitada a 100% e a barra para na borda direita. É intencional: normalmente você quer compartilhar uma captura de "meta cumprida", não uma barra confusa em 137%.

Q. Posso colocar zero como alvo? A. Não. O campo alvo exige valor igual ou maior que 1. Se você digitar 0, a ferramenta trata como 1.

Q. A ferramenta aceita decimais? A. Sim. Os campos atual e alvo aceitam decimais, então 42,195 km de maratona ou valores em reais com centavos funcionam sem problema. A porcentagem é sempre arredondada para número inteiro para manter a leitura limpa.

Q. E se o meu título for muito longo? A. O título aceita até 40 caracteres e o renderizador reduz a fonte automaticamente (até um mínimo legível) para caber na largura do cartão. 40 caracteres dão conta de "Treino Maratona 2026 - quilômetros corridos" ou títulos completos equivalentes.

Q. O que devo colocar no campo unidade? A. Qualquer coisa que torne a proporção legível: livros, km, páginas, BRL, horas, capítulos, episódios. Deixe em branco para mostrar uma proporção sem unidade como 7 / 10. O campo aceita até 20 caracteres.

Q. Como fica o nome do arquivo baixado? A. O nome usa a parte ASCII do seu título seguida de -progress.png. Se o título for inteiramente em caracteres não ASCII (apenas japonês ou árabe, por exemplo), o arquivo recebe o nome do slug progress-tracker-image-card.png.

📚 Escolhendo o estilo de barra conforme a meta

Os três formatos de barra não são apenas decoração: cada um envia uma mensagem diferente para quem está olhando o cartão.

A barra arredondada sugere continuidade. Combina com metas que se preenchem gradualmente, sem etapas discretas: páginas lidas, horas praticadas, inscritos ganhos. As pontas curvas fazem a barra ser lida como "uma coisa só que está crescendo", o que casa bem com desafios de hobby em que o que importa é o avanço, não os marcos intermediários.

A barra quadrada comunica precisão e medição. Quando você publica "quilômetros corridos no mês" ou "quilos levantados acumulados", a borda reta reforça a ideia de medição técnica, quase de painel de instrumentos. É a forma típica dos apps de fitness e de acompanhamento nutricional.

A barra segmentada (20 blocos) é a melhor para metas com etapas claras. Termômetros de doação com contribuições individuais, leituras de uma saga em N volumes, episódios vistos de uma série longa, capítulos concluídos de um curso online — o olho conta os blocos preenchidos e entende na hora "estou em 13 de 20". É a mesma técnica que jogos usam para barras de vida ou de XP: se as etapas importam, separe visualmente.

Uma dica prática: na dúvida, comece pela arredondada. É a opção mais neutra e continua legível mesmo em miniatura no feed.