Não existe uma tradução consagrada para "placeholder" em português — nem no Brasil, nem em Portugal — e por isso a palavra em inglês circula intacta no jargão do dia a dia de quem programa e projeta interfaces, ao lado de tentativas como "espaço reservado" que raramente pegam na prática.
Para que servem os placeholders
Um placeholder com as proporções corretas permite ver imediatamente como o conteúdo se ajusta ao redor de uma imagem do tamanho pretendido, sem esperar pelos gráficos finais de um designer ou fotógrafo. Isso acelera o desenvolvimento e permite trabalhar em paralelo no layout e no conteúdo.
O mesmo papel do lorem ipsum, para imagens
Um placeholder de imagem cumpre para um layout exatamente a mesma função que o lorem ipsum cumpre para um parágrafo: sinaliza que ali ainda não é hora de julgar o conteúdo, e sim a forma. As duas ferramentas resolvem o mesmo problema — preencher uma composição para avaliar proporções e hierarquia sem que um elemento inacabado distraia do que está realmente sendo testado.
Testar a responsividade sem imagens reais
Placeholders de tamanhos e proporções diferentes ajudam a verificar como um layout se comporta em telas diferentes — se ele quebra quando a imagem é quadrada em vez de paisagem, ou se o corte (crop) funciona corretamente ao redimensionar a janela.
Para que serve
- Preencher rapidamente um layout com imagens do tamanho certo antes de os gráficos reais estarem prontos.
- Testar a responsividade de um layout com imagens de proporções diferentes.
- Mostrar a um cliente ou equipe a estrutura de uma página sem esperar pelo conteúdo final.
Formatos de placeholder: SVG versus imagens raster
Placeholders podem ser gerados como imagens raster (PNG, JPEG) ou como SVG — um formato vetorial que escala sem perda de qualidade. Um placeholder em SVG costuma pesar apenas alguns kilobytes independente do tamanho definido, já que descreve formas geométricas e texto em vez de armazenar dados de pixel. O formato raster é mais útil quando é preciso simular de perto o peso do arquivo da futura imagem real, para testar o desempenho de carregamento da página.