O texto anterior e a afirmação falsa
A versão de 2019 trazia uma frase quebrada logo na abertura — "imagens mais nítidas e bonitas continua afinal o que atraí a curiosidade são eles" — com uma palavra órfã no meio, acento errado e concordância trocada.
Tinha também uma única dica concreta, e mal explicada: "todas as imagens devem ser passadas para um programa editor para que assim a imagem possa se reduzir de tamanho". A ideia está certa; faltava dizer para qual tamanho, em qual formato e com qual ferramenta.
E não mencionava nada do que realmente decide se uma imagem ajuda ou atrapalha: texto alternativo, nome de arquivo, direito de uso, formato, imagem de compartilhamento. Este texto cobre isso — depois de corrigir duas afirmações.
Correção: imagem não traz gente para o blog
O texto anterior afirmava que "as imagens são um dos meios mais necessários para melhor obtenção de informações, afinal é com elas que as pessoas direcionam-se ao seu blog".
Não é. A busca que traz leitor para um texto é textual: alguém digita uma dúvida e encontra uma página que responde. Ninguém chega a um artigo por causa da foto de capa — a capa aparece depois que a pessoa já decidiu clicar.
O que a imagem faz, e faz bem, é outra coisa: explicar o que texto explicaria pior, quebrar blocos longos e reter quem já chegou. É trabalho de compreensão e permanência, não de atração. E imagens mal preparadas atuam contra isso, porque a lentidão que elas causam afasta antes da leitura.
Correção: não é a cor forte que atrai
O texto também recomendava "cores chamativas" e "grandes letras com cores fortes e vibrantes chamando assim mais a atenção". É a mesma recomendação já corrigida em outros textos daqui, e o mecanismo continua o mesmo.
O olho é atraído por diferença, não por saturação. Numa página em que tudo é forte, nada se destaca. E, no caso das imagens, há um efeito adicional: cor supersaturada e contraste exagerado costumam ser lidos como amadorismo — o oposto do que se pretendia.
A regra útil para imagens de blog é a mesma da página inteira, descrita em estrutura vale mais que visual: a imagem serve ao conteúdo, não compete com ele.
As 4 frentes em que uma imagem custa
A imagem é o único elemento de uma página que pode custar caro em quatro frentes ao mesmo tempo — e o único que costuma ser tratado como enfeite:
- Peso. Imagens respondem pela maior parte do tamanho de uma página comum. Uma foto enviada como saiu da câmera torna a página lenta, e lentidão afasta antes de qualquer leitura.
- Acessibilidade. Sem descrição, a imagem simplesmente não existe para quem usa leitor de tela — nem para os buscadores, que não enxergam o conteúdo dela.
- Licença. É a frente com consequência jurídica: usar imagem de terceiro sem autorização expõe a empresa a notificação e cobrança.
- Credibilidade. Foto genérica de banco comunica, sem querer, que não há nada próprio para mostrar.
A boa notícia é que três das quatro se resolvem em dois minutos, antes do upload.
O checklist dos 2 minutos
Toda imagem, antes de entrar no site, passa por cinco verificações rápidas:
- Redimensionar para a largura em que será exibida.
- Comprimir, em um formato moderno.
- Renomear com um nome descritivo.
- Escrever o texto alternativo, no momento do upload — depois ninguém volta.
- Confirmar a origem e guardar a comprovação da licença.
Duas dessas etapas — redimensionar e comprimir — cabem em qualquer editor, inclusive nos gratuitos do navegador. As outras três são decisão, não ferramenta.
Dimensão: o erro número um
O erro mais comum e o de correção mais barata: enviar a foto do jeito que saiu da câmera ou do celular.
Um aparelho atual produz imagens com vários milhares de pixels de largura. O espaço em que ela será exibida num blog raramente passa da largura da coluna de texto. O navegador baixa o arquivo inteiro e reduz na hora de mostrar — ou seja, o visitante pagou o download completo para ver uma fração.
A regra prática: redimensione para a largura real de exibição, com alguma folga para telas de alta resolução. Imagem de capa costuma precisar de mais largura; imagem dentro do texto, bem menos. E depois comprima — a redução de peso costuma ser drástica sem diferença visível na tela.
Formato: qual usar em cada caso
Escolher o formato certo faz mais diferença de peso do que qualquer outro ajuste:
- Fotografias: formatos comprimidos modernos, como o WebP, entregam o mesmo resultado visual com bem menos peso. O JPG continua servindo como alternativa compatível.
- Logos, ícones e desenhos com poucas cores: SVG. Ele é descrito por vetores, não por pixels, então não perde qualidade em nenhum tamanho e costuma ser muito leve.
- Quando é preciso fundo transparente e o SVG não serve: PNG, com o cuidado de que ele pesa mais.
- Animação: um vídeo curto sem som pesa menos e tem melhor qualidade que um GIF.
O erro clássico é usar PNG para fotografia: o arquivo fica várias vezes maior sem ganho visual nenhum.
O nome do arquivo
O nome do arquivo importa pouco para posição e bastante para organização — e vale ser honesto sobre a proporção.
O que ajuda: um nome descritivo, em minúsculas, com hifens no lugar de espaços e sem acentos. "fachada-loja-centro.webp" diz o que é; "IMG_20240815_113244.jpg" não diz nada, e daqui a um ano ninguém encontra a imagem certa na biblioteca.
O que não funciona: empilhar termos de busca no nome do arquivo. Isso não melhora posição e deixa a biblioteca ilegível para quem for manter o site depois.
Texto alternativo: como escrever
O texto alternativo é a descrição que substitui a imagem quando ela não pode ser vista — por quem usa leitor de tela, por quem está com a imagem bloqueada, e pelos buscadores, que não enxergam o conteúdo do arquivo.
A maioria dos sites erra de duas maneiras opostas: deixa vazio ou repete o nome do arquivo. A forma correta depende do papel da imagem:
- Imagem informativa — descreva a informação, não a aparência. Em um gráfico, o alt diz o que o gráfico mostra; em um antes e depois, o que mudou. "Gráfico de barras colorido" não informa nada.
- Imagem funcional, como um ícone que é botão: descreva a ação, não o desenho. "Buscar", não "lupa".
- Imagem decorativa, que não acrescenta informação: o correto é deixar o atributo vazio. Assim o leitor de tela a ignora, em vez de anunciar um nome de arquivo no meio da leitura.
Duas regras de escrita: seja objetivo, em uma frase; e não comece com "imagem de" — o leitor de tela já anuncia que é uma imagem. Vale lembrar que acessibilidade em sites de empresa é obrigação prevista em lei, como está em site corporativo.
Direito de uso: a frente que dá processo
Esta é a única frente com consequência jurídica, e é a menos discutida.
Imagem encontrada no buscador de imagens não é imagem livre. O buscador é um localizador, não um acervo: quase tudo ali tem autor e direitos. Usar sem autorização expõe a empresa a notificação e cobrança — e existem empresas dedicadas justamente a rastrear usos não autorizados.
As origens seguras são três: bancos com licença clara, gratuitos ou pagos; material próprio, fotografado ou produzido pela empresa; e material contratado, com o direito de uso definido em contrato.
Três cuidados que evitam quase todo problema:
- Leia a licença, mesmo em banco gratuito. Elas variam: algumas exigem crédito, outras proíbem uso comercial, outras restringem imagens com pessoas identificáveis.
- Guarde a comprovação — a página da licença, o recibo, a data do download. Se houver questionamento anos depois, é isso que resolve.
- Cuidado com marcas e pessoas. Logo de terceiro e rosto identificável têm regras próprias, independentemente da licença da foto.
Foto real ou banco de imagens
Resolvido o direito de uso, resta a escolha que afeta credibilidade. E a resposta é mais simples do que parece: foto real sempre que existir.
Imagem de banco com pessoas sorrindo em escritório genérico não engana ninguém — todo mundo já viu aquela mesma foto em outro site. Pior: ela comunica que a empresa não tem nada próprio para mostrar, exatamente quando estava tentando parecer sólida.
Banco de imagens funciona bem para conceito abstrato, fundo e ilustração. Para equipe, produto, obra, resultado e local, a foto do celular bem tirada vale mais que qualquer imagem comprada: mostra o que existe de fato.
E "bem tirada" não exige equipamento: luz natural, fundo limpo, aparelho apoiado, e a foto na horizontal quando for para a capa.
Texto dentro da imagem
Colocar texto dentro da imagem é prático na hora de produzir e caro depois, por cinco motivos que costumam ser descobertos tarde:
- Buscadores não leem o texto contido na imagem.
- Leitores de tela não leem — para quem depende deles, a informação não existe.
- Não pode ser copiado nem pesquisado dentro da página.
- Não se adapta à tela pequena: o que era legível no computador vira ilegível no celular.
- Não é traduzido por ferramentas automáticas.
A regra prática: se a informação importa, ela precisa existir também em texto na página. A imagem pode repeti-la de forma visual — o problema é quando ela é o único lugar onde a informação está, como discutido em formatos de conteúdo.
A imagem que aparece no compartilhamento
Última frente, e a que gera mais confusão: quando alguém compartilha o link do seu texto, a imagem exibida não é a primeira foto do artigo. Ela é definida por uma marcação específica no código da página.
Quando essa marcação não existe, cada plataforma escolhe algo por conta própria — o logo do site, uma imagem qualquer, ou nada. O resultado é o link compartilhado que aparece sem imagem ou com a imagem errada.
Duas informações práticas: essa imagem tem proporção própria, mais alongada que a de capa, e uma imagem cortada no meio costuma ficar estranha no compartilhamento; e as redes guardam uma cópia, então trocar a imagem no site não muda imediatamente o que aparece em links já compartilhados.
É o tipo de detalhe invisível no dia a dia e visível justamente quando alguém indica o seu conteúdo para outra pessoa — que é o momento em que ele mais precisa parecer bem feito.
Perguntas frequentes
Qual o tamanho ideal de imagem para blog?
O tamanho em que ela realmente será exibida, não o que saiu da câmera. Uma foto que ocupa a largura do texto raramente precisa de mais de mil e duzentos pixels de largura; imagens dentro do texto pedem bem menos. Enviar a original faz o visitante baixar um arquivo enorme para ver uma versão reduzida — é o erro mais comum e o de correção mais barata.
Qual formato de imagem usar?
Para fotografias, formatos comprimidos modernos como o WebP entregam o mesmo resultado visual com bem menos peso, e o JPG continua servindo como alternativa. Para logos, ícones e desenhos com poucas cores, o SVG é o ideal, porque não perde qualidade em nenhum tamanho. O PNG faz sentido quando é preciso fundo transparente.
Posso usar imagem do Google Imagens?
Não. O buscador de imagens é um localizador, não um acervo livre: quase tudo ali tem autor e direitos. Usar sem autorização expõe a empresa a notificação e cobrança, e isso acontece com frequência. Use bancos com licença clara, conteúdo próprio ou material contratado — e guarde a comprovação da licença de cada imagem.
O que escrever no texto alternativo da imagem?
Descreva o que a imagem mostra e o que ela acrescenta naquele contexto, em uma frase objetiva. Se a imagem carrega informação — um gráfico, um antes e depois —, descreva a informação, não a aparência. Se ela é puramente decorativa, o correto é deixar o atributo vazio, para que leitores de tela a ignorem em vez de anunciar um nome de arquivo.
O nome do arquivo de imagem importa?
Importa pouco para posição e bastante para organização. Um nome descritivo, em minúsculas e com hifens, ajuda a encontrar o arquivo depois e dá um sinal a mais sobre o conteúdo. O que não funciona é empilhar termos de busca no nome: isso não melhora nada e deixa a biblioteca ilegível para quem for manter o site.
Imagem ajuda o post a aparecer nas buscas?
Não da forma como se costuma dizer. Ninguém chega a um texto por causa da foto: a busca que traz leitor é textual. O que a imagem faz é ajudar a explicar, quebrar o texto e reter quem já chegou — e imagens pesadas atrapalham, porque a lentidão afasta. O ganho é de compreensão e retenção, não de atração.
Foto real ou banco de imagens?
Foto real sempre que existir. Imagem de banco com pessoas sorrindo em escritório genérico não engana ninguém e comunica que não há nada próprio para mostrar. Banco de imagens funciona bem para conceito abstrato, fundo e ilustração; para equipe, produto, obra e resultado, a foto do celular bem tirada vale mais.
Posso colocar texto dentro da imagem?
Pode, desde que o mesmo texto exista fora dela. Texto dentro de imagem não é lido por buscadores nem por leitores de tela, não pode ser copiado, não se ajusta a telas pequenas e não é traduzido. Se a informação só existe dentro do arquivo, ela não existe para uma parte relevante das pessoas.
Por que aparece a imagem errada quando compartilho o link?
Porque a imagem exibida no compartilhamento é definida por uma marcação específica da página, e não pela primeira foto do texto. Quando ela não existe, cada plataforma escolhe algo por conta — às vezes o logo, às vezes nada. As redes também guardam uma cópia, então mudanças podem demorar a aparecer.