Para que servem placeholders de imagem?
Placeholders de imagem são usados no desenvolvimento de layouts antes que as imagens reais estejam disponíveis. Eles permitem visualizar proporções, espaçamentos e composição da página sem depender de assets finais.
Vantagens de um placeholder gerado localmente
Ao contrário de serviços externos como placehold.it ou via.placeholder.com, esta ferramenta gera a imagem 100% no navegador via Canvas API, sem realizar requisições de rede. Isso garante funcionamento offline e total privacidade.
Usando o Data URL diretamente no código
O botão "Copiar Data URL" copia a imagem codificada em Base64, pronta para usar como valor de src em qualquer tag <img> ou como background-image no CSS — sem precisar hospedar o arquivo em nenhum lugar.