Gerador de Imagem Placeholder Grátis
Este gerador de imagem placeholder grátis cria uma imagem fictícia de qualquer largura e altura até 2000 pixels, com cor de fundo, cor de texto e seu próprio texto. Você recebe um PNG para baixar e a mesma imagem como código SVG para colar em uma página. É ideal para designers e desenvolvedores que precisam de imagens substituas enquanto um layout ou tema está sendo construído.
Gerador de Imagem Placeholder
Images
Sobre esta ferramenta
Uma imagem placeholder substitui uma foto real enquanto você constrói uma página, para que você possa ver o layout, espaçamento e proporções antes das imagens finais existirem. Digite a largura e altura em pixels, escolha as duas cores e selecione o texto. Por padrão, o texto é o tamanho em si, como 800x450, o que facilita ver qual slot recebeu qual imagem.
Você recebe duas versões. O PNG é um arquivo bitmap normal que funciona em qualquer lugar, incluindo templates de email e bibliotecas de mídia de CMS que não aceitam SVG. O SVG é algumas linhas de código, alguns centenas de bytes de tamanho, que se dimensiona para qualquer tamanho sem perder nitidez e pode ser colado diretamente em HTML ou salvo como arquivo .svg. Cores e texto são verificados antes de serem usados, e nada do que você digita é armazenado.
Placeholders são para desenvolvimento. Substitua-os por imagens reais e otimizadas antes da página ir ao vivo e dê às imagens finais um texto alternativo adequado, porque mecanismos de busca e leitores de tela não conseguem aprender nada de uma caixa cinza. O limite de tamanho é 2000 por 2000 pixels, e o texto PNG é desenhado em uma fonte simples e negrita, então use o SVG quando precisar ajustar o tamanho ou fonte do texto manualmente.
Perguntas frequentes
Qual é o tamanho máximo?
Até 2000 pixels de largura e 2000 pixels de altura. Isso cobre banners hero em largura total, galerias de produtos e tamanhos de imagens sociais. Imagens maiores não são necessárias para trabalho de layout, e limitar o tamanho mantém o gerador rápido. Para um substituto maior, use a saída SVG, que você pode definir para qualquer tamanho em seu próprio código.
Devo usar PNG ou SVG?
Use o PNG quando o local onde você está fazendo upload aceita apenas arquivos bitmap, como muitos construtores de email e algumas bibliotecas de mídia. Use o SVG quando colar em HTML ou CSS, porque é minúsculo e permanece nítido em qualquer tamanho. Ambos mostram as mesmas cores, tamanho e texto.
Posso usar uma imagem placeholder em um site ao vivo?
Você pode, mas é uma má escolha. Visitantes e mecanismos de busca não obtêm informações de uma caixa cinza plana, e uma página cheia de placeholders parece inacabada. Se as imagens ainda estão sendo produzidas, oculte a seção ou use um bloco de cor simples que seja claramente parte do design e publique quando as imagens reais estiverem prontas.
Que cores devo escolher?
Para trabalho de layout, um fundo cinza médio com texto cinza mais escuro é a escolha usual porque não distrai do design. Escolha cores com contraste suficiente entre fundo e texto, ou o rótulo de tamanho fica difícil de ler. Digite cores como valores hexadecimais como #cccccc.
A imagem é armazenada no seu servidor?
Não. A imagem é desenhada na memória enquanto a página carrega e enviada diretamente para seu navegador como parte do resultado. Nada é salvo, e o link de download funciona apenas na página que você está vendo, então salve o arquivo antes de sair.