Gerador de imagem de marcador
Gere imagens de marcador de qualquer tamanho em SVG, PNG ou JPG — escolha cores e um texto, visualize na hora e baixe o arquivo ou copie a marcação SVG.
Tudo é gerado localmente: o SVG é marcação pura que você pode colar em qualquer projeto, e as versões PNG/JPG são renderizadas no canvas do navegador.
Esta ferramenta roda inteiramente no seu navegador. Seus dados nunca saem do seu dispositivo e não são enviados a nenhum servidor.
Como usar
- 1Informe a largura e a altura em pixels.
- 2Defina as cores de fundo e do texto, e um texto opcional (o padrão é a dimensão).
- 3Baixe em SVG, PNG ou JPG — ou copie a marcação SVG e cole em qualquer lugar.
Gerador de imagem de marcador
Mockups e wireframes precisam de caixas de imagem antes dos assets reais existirem. Digite uma largura e uma altura — um hero de 1200×630, um avatar de 256×256, ou qualquer tamanho de 1×1 a 5000×5000 — escolha as cores de fundo e do texto, adicione um texto opcional, e o marcador é renderizado ao vivo enquanto você digita.
Baixe o resultado em SVG, PNG ou JPG, ou copie a marcação SVG direto para a área de transferência: são poucos elementos legíveis, não uma sopa de base64, então dá para colar em HTML, JSX ou Figma e editar texto e cores à mão. Tudo é gerado no seu navegador; nada é enviado.
Perguntas frequentes
Quando usar SVG em vez de PNG ou JPG?
SVG é texto: minúsculo, escalável sem limite e editável à mão, ideal para mockups, documentação e layouts onde o SVG inline funciona. PNG é a escolha mais segura em plataformas que quebram SVG inline (alguns CMS e apps de mensagens), e JPG serve para marcadores com cara de foto em arquivos menores. A prévia é idêntica nos três.
Quais são os limites de tamanho e cor?
Largura e altura devem ser números inteiros entre 1 e 5000 pixels; as cores vão em hexadecimal — #RRGGBB ou a forma curta #RGB. Qualquer outra coisa é rejeitada com uma dica, em vez de gerar silenciosamente uma imagem quebrada.
Algo é enviado para um servidor?
Não. O SVG é construído a partir de um template de texto no seu navegador e as versões raster são desenhadas num canvas local. Nada sai da página: funciona offline e é seguro para designs não publicados.
Ferramentas relacionadas
Gerador de QR Code
Transforme qualquer texto ou URL num QR code nítido com tamanho, cores e correção de erros ajustáveis — baixe em PNG ou SVG.
Todas as ferramentas →
Imagem Base64
Converta imagens em data URLs base64 e vice-versa: pré-visualize, valide e baixe, com comparação exata de tamanhos. Tudo no seu navegador.
Todas as ferramentas →
Seletor de cores
Escolha uma cor na paleta ou capture uma direto da tela com a API EyeDropper — hex, RGB e HSL copiáveis num clique.
Todas as ferramentas →
Calculadora de proporção
Com uma proporção como 16:9 e uma dimensão, obtenha a largura ou altura que falta na hora — com presets de 1:1 a 21:9 para vídeo e design.
Todas as ferramentas →
Incorporar esta ferramenta
Coloque esta ferramenta no seu site com uma linha — ela roda no navegador do visitante.
<iframe src="https://zoyku.com/pt/tools/placeholder-image-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — placeholder-image-generator" loading="lazy"></iframe>