Gerador de placeholders
Renderização inicial suave com LQIP/SVG e Data URIs estilo blurhash.
Visão geral
Mostre prévias desfocadas (LQIP) ou abstrações SVG durante o lazy load para evitar mudanças de layout.
Como usar
- Solte a imagem para analisar.
- Ajuste qualidade LQIP ou contagem de paths SVG, cores e força do desfoque.
- Cole o Data URI ou SVG gerado no seu HTML/JS.
Casos de uso
- Preencher lacunas visuais durante lazy load.
- Melhorar carregamento percebido.
- Contribuir para melhores métricas LCP/INP.
Dicas e conhecimento
- LQIPs grandes podem atrapalhar; mire em poucos KB.
- Não exagere no blur; mantenha o assunto reconhecível.
- Combine com cores dominantes para um fundo natural.