Imagens · Gerador de placeholders

Gerar placeholders BlurHash no Mac

Crie strings BlurHash, miniaturas desfocadas minúsculas e cores médias para mostrar enquanto as imagens carregam sob demanda.

Roda no seu Mac

Perguntar à IAChatGPTClaudePerplexityModo IAGrokMarkdown

Baixar o OneMacTools Mais ferramentas de Imagens

Gerador de placeholders no OneMacTools em um Mac, com arquivos de exemplo e suas opções

Gerador de placeholders em um Mac

Gerador de placeholders no OneMacTools com arquivos de exemplo carregados e o painel de opções aberto — Gerador de placeholders com arquivos de exemplo e suas opções

O resultado de Gerador de placeholders nos arquivos de exemplo — O que Gerador de placeholders gerou a partir dos arquivos de exemplo

Capturas de tela do app, usando arquivos de exemplo.

Como usar Gerador de placeholders

1
Arraste suas imagens
Adicione as imagens que seu site ou app vai carregar com lazy loading, uma ou várias.
2
Escolha o detalhe
4 × 3 serve para a maioria das imagens. Mais detalhe gera um desfoque mais fiel, mas uma string mais longa.
3
Escolha os extras
Ative a miniatura Base64 minúscula e a cor média se quiser também, além do BlurHash.
4
Clique em Gerar
Cada valor é listado no app e salvo como Placeholders.txt, com uma prévia de cada BlurHash decodificado, em uma pasta com data em Downloads › OneMacTools.
5
Guarde os valores junto com suas imagens
Guarde cada string ao lado do endereço da imagem no seu banco de dados ou arquivos de conteúdo e mostre-a enquanto a imagem real carrega.

O que Gerador de placeholders faz

Para cada imagem, receba uma string BlurHash (com o nível de detalhe que você escolher), uma miniatura minúscula em Base64 e a cor média, prontas para guardar junto com o endereço da imagem e mostrar enquanto a imagem real carrega. Uma prévia de cada BlurHash decodificado é salva junto.

Ideal para

Carregar imagens sob demanda em um app web ou mobile
Evitar caixas em branco enquanto as fotos carregam
Escolha uma cor de fundo para cada imagem

Opções explicadas

Detalhe do BlurHash: 4 × 3 (recomendado), 3 × 3, 5 × 4, 6 × 4 ou 9 × 9. O número de componentes de cor na horizontal e na vertical. Valores maiores capturam mais da forma da imagem; 4 × 3 gera uma string de 28 caracteres.
Miniatura desfocada (Base64): Ativado por padrão. Um JPEG minúsculo, com no máximo 16 px no lado maior, como data URI que você pode colocar direto em uma tag <img> ou no CSS e esticar com desfoque.
Cor média: Ativado por padrão. Uma cor hex por imagem, calculada como a média da imagem inteira, para um fundo liso enquanto ela carrega.

Boas práticas

Ajuste o nível de detalhe ao formato da imagem: 4 × 3 ou 5 × 4 para fotos em paisagem, 3 × 3 para fotos quadradas ou em retrato.
Use a cor média como fundo do contêiner da imagem; é o marcador mais leve e não precisa de decodificação.
Defina a largura e a altura da caixa da imagem iguais às da imagem real, para que a página não pule ao carregar.
Veja as prévias salvas para saber o que as pessoas vão realmente ver antes de escolher um nível de detalhe.
Gere o placeholder de novo sempre que substituir uma imagem, ou o desfoque não vai corresponder.

Funciona com

Entrada: JPEG, PNG, HEIC, WebP e outras imagens que o seu Mac abre.
Saída: Placeholders.txt com o BlurHash de cada imagem, data URI opcional da miniatura e cor, mais uma prévia em PNG de 400 px de largura de cada BlurHash decodificado.

Os valores também aparecem no app, prontos para copiar.

Perguntas sobre o Gerador de placeholders

O que é um BlurHash?

Uma string de texto curta que codifica uma versão desfocada de uma imagem. Seu app a decodifica em um placeholder suave e colorido enquanto a imagem real é baixada.

Como gerar um BlurHash para minhas imagens?

Arraste-as para Gerador de placeholders e clique em Gerar. Cada imagem recebe uma string BlurHash no app e em Placeholders.txt.

Qual detalhe do BlurHash devo usar?

4 × 3 é um bom padrão e gera uma string de 28 caracteres. Use mais componentes para mais forma, ao custo de uma string mais longa.

Devo usar um BlurHash ou uma miniatura minúscula?

Um BlurHash é curto e precisa de um pequeno decodificador no seu app. A miniatura minúscula é um data URI que os navegadores exibem diretamente, mas é uma string mais longa. Você pode gerar os dois e escolher.

Como usar a cor média?

Use-a como cor de fundo do contêiner da imagem. Ela aparece na hora e combina com o tom geral da imagem.

Por que adicionar marcadores?

Eles evitam caixas vazias e saltos no layout enquanto as imagens carregam, o que faz páginas e apps parecerem mais rápidos.

Gerador de placeholders envia meus arquivos?

Não. O Gerador de placeholders roda inteiramente no seu Mac, então seus arquivos nunca saem dele e ele funciona offline.

Gerador de placeholders altera meus arquivos originais?

Não. Os resultados são salvos como novos arquivos em uma pasta datada em Downloads › OneMacTools, e seus originais ficam exatamente como estavam, a menos que você ative uma opção que diga o contrário.

Do que Gerador de placeholders precisa?

Só um Mac com macOS 26 ou posterior. Não há mais nada para instalar.