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.
- Parâmetros nomeados no lugar do texto fixo
- 1.000+ fontes do Google e as suas
- Logotipo e cores fixos no design
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. Cada badge dinâmico atende 100 aberturas por dia, 1.000 no total e 30 dias, igual para cada visitante: passadas as 100 do dia, vira até a meia-noite UTC um badge cinza de limite diário, e depois do total ou dos 30 dias mostra 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, 100 aberturas por dia, 1.000 no total, 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.