Crie seu badge
Preencha rótulo, mensagem e cor, escolha um estilo, confira a prévia do SVG e copie a URL, o Markdown ou o trecho HTML.
O valor vivo, aplicado a um design que é seu
Um selo é um dado mantido atualizado em público: a versão, o estado do build, a cobertura de testes, ao lado do nome do projeto. Na DynaPictures esse valor vivo fica dentro de um design seu: o cartão de release sai como URL de imagem, versão e estado chegam como parâmetros e a tipografia fica no lugar.
Como criar um badge personalizado
Digite rótulo e mensagem
A parte esquerda é o rótulo, por exemplo build, e a direita é a mensagem, por exemplo passing. Adicione um texto de logo opcional.
Escolha cor e estilo
Escolha uma cor nomeada como brightgreen ou um valor hex e depois um estilo: flat, flat-square ou plastic. A prévia atualiza na hora.
Copie o trecho
Copie a URL do SVG, o Markdown para o GitHub ou a tag img de HTML e cole no seu README, wiki ou página de documentação.
Por que usar este criador de badges
Esquema de URL legível
O badge fica codificado no caminho, build-passing-brightgreen.svg, então você escreve badges novos sem abrir a ferramenta.
Badges estáticos permanentes
URLs de badges estáticos nunca expiram e não têm teto de visualizações, seguras para READMEs que duram anos.
Três estilos
Flat, flat-square e plastic combinam com o visual dos badges que a maioria dos repositórios já usa.
Valores dinâmicos
Aponte um badge para uma URL JSON pública e ele mostra um valor ao vivo, atualizado a cada 5 minutos.
Markdown e HTML prontos
Copie o trecho exato para GitHub, GitLab, sites de documentação ou páginas HTML, sem escapar nada manualmente.
Badges estáticos e dinâmicos explicados
Um badge estático é totalmente descrito pela sua URL: rótulo, mensagem, cor e estilo fazem parte do caminho ou da consulta, e o SVG é servido sem validade nem teto de visualizações. Já um badge dinâmico recebe a URL de um documento JSON público e uma chave para ler, busca o valor a cada 5 minutos e o exibe como mensagem, o que serve para números de versão, contagens de testes ou totais de downloads. Badges dinâmicos têm teto de 1.000 visualizações ou 30 dias, igual para cada visitante, depois do qual aparece um pequeno aviso de upgrade. É na plataforma da DynaPictures que você gera badges, gráficos e outras imagens a partir dos seus próprios modelos pela API, Zapier ou Make.
Limites
Badges estáticos: permanentes, sem teto de visualizações. Badges dinâmicos: valor atualizado a cada 5 minutos, com teto de 1.000 visualizações ou 30 dias.
Além dos badges
A plataforma da DynaPictures renderiza imagens completas a partir dos seus próprios designs, com suas fontes e seu logo, por API, Zapier ou Make.
Cores
Use cores nomeadas como brightgreen, green, yellow, orange, red, blue e lightgrey, ou qualquer valor hex de 6 dígitos.
Perguntas frequentes
Copie o trecho Markdown que a ferramenta mostra, por exemplo um link de imagem para build-passing-brightgreen.svg, e cole no topo do README.md. O GitHub renderiza o SVG na hora.