Neste artigo
Diz o velho ditado que “uma imagem vale mais que mil palavras.” Esse slogan brilha na web, onde os períodos de atenção são notoriamente curtos – a imagem certa pode fazer ou quebrar um site ao atrair a atenção certa e envolver os visitantes da página. Ainda assim, quando um gráfico não carrega, faz com que o design pareça quebrado e, em alguns casos, pode degradar a experiência do usuário naquele site. As “mil palavras” que a imagem quebrada envia certamente não são positivas!
1. Caminhos de arquivo incorretos
Ao adicionar imagens ao arquivo HTML ou CSS de um site, você deve criar um caminho para o local em sua estrutura de diretório onde esses arquivos residem. Este é o código que informa ao navegador onde procurar e buscar a imagem. Na maioria dos casos, isso estaria dentro de uma pasta chamada imagens. Se o caminho para esta pasta e os arquivos dentro dela estiverem incorretos, as imagens não serão carregadas corretamente porque o navegador não poderá recuperar os arquivos corretos. Ele seguirá o caminho que você indicou, mas chegará a um beco sem saída e, em vez de exibir a imagem apropriada, ficará em branco.
2. Nomes de arquivos com erros ortográficos
Ao examinar os caminhos dos seus arquivos, verifique se digitou o nome da imagem corretamente. Nomes incorretos ou erros ortográficos são a causa mais comum de problemas de carregamento de imagens.
3. Extensões de arquivo erradas
Em alguns casos, você pode ter o nome do arquivo digitado corretamente, mas a extensão do arquivo pode estar incorreta. Se sua imagem for um arquivo .jpg, mas seu HTML estiver procurando por um .png, haverá um problema. Use o tipo de arquivo correto para cada imagem e faça referência à mesma extensão no código do seu site. Além disso, procure a diferenciação de maiúsculas e minúsculas. Se o seu arquivo terminar com .JPG, com as letras todas em maiúsculas, mas seu código fizer referência a .jpg, todas em minúsculas, alguns servidores da Web verão esses dois como diferentes, embora sejam o mesmo conjunto de letras. Sensibilidade a maiúsculas e minúsculas conta. É uma prática recomendada sempre salvar os arquivos com todas as letras minúsculas. Isso nos permite usar sempre letras minúsculas em nosso código, eliminando um possível problema que poderíamos ter com nossos arquivos de imagem.
4. Arquivos ausentes
Se os caminhos para os arquivos de imagem estiverem corretos e o nome e a extensão do arquivo também estiverem livres de erros, verifique se os arquivos foram carregados no servidor da web. Negligenciar o upload de arquivos para aquele servidor quando um site é lançado é um erro comum que pode ser facilmente esquecido. Faça upload dessas imagens, atualize sua página da web e os arquivos deverão ser exibidos imediatamente, conforme o esperado. Você também pode tentar excluir a imagem do servidor e carregá-la novamente. Às vezes, os arquivos são corrompidos durante as transferências (por exemplo, por texto em vez de transferência binária durante o FTP), então esse método de “excluir e substituir” às vezes ajuda.
5. O site que hospeda as imagens está fora do ar
Normalmente, você hospedará as imagens que seu site usa em seu próprio servidor, mas, em alguns casos, pode estar usando imagens hospedadas em outro lugar. Se o site que hospeda a imagem cair, suas imagens também não serão carregadas.
6. Problemas de transferência
Quer um arquivo de imagem seja carregado de um domínio externo ou do seu próprio, sempre há uma chance de que possa haver um problema de transferência para esse arquivo quando ele é solicitado pela primeira vez pelo navegador Esse problema não deve ser comum (se for, talvez você precise procurar um novo provedor de hospedagem), mas pode acontecer de vez em quando. Um motivo comum para essa falha é que o servidor está sobrecarregado e não pode servir todos os ativos de página com rapidez suficiente antes que a solicitação expire. Você verá esse problema mais comumente com servidores da Web virtuais provisionados de maneira barata que lutam para lidar com sites mais complicados e com muitos scripts. Se esse problema ocorrer com freqüência, considere atualizar os recursos do servidor ou encontre um novo host.
7. Problemas de banco de dados
Os aplicativos da web dinâmicos modernos, como o WordPress, contam com um banco de dados para armazenar informações sobre tudo em um site, incluindo as imagens. Se o seu site não carregar imagens, é possível que o banco de dados esteja com algum problema. Existem várias maneiras de os problemas de banco de dados acontecerem. Seu aplicativo pode nem mesmo estar conectado ao banco de dados, porque está inativo ou inacessível em um servidor diferente. Algo pode ter sido corrompido no próprio banco de dados ou as informações do usuário do seu banco de dados foram alteradas, desconectando você. Mesmo alterações simples nas configurações podem desencadear consequências indesejadas que alteram o banco de dados ou o tornam inacessível. Verifique os logs do servidor para ver se o banco de dados pode ser o culpado.
Algumas notas finais
Considere o uso adequado de tags ALT, a velocidade e o desempenho geral do seu site. ALT, ou “texto alternativo”, as tags são exibidas por um navegador se uma imagem não for carregada. Eles também são um componente importante na criação de sites acessíveis que podem ser usados por pessoas com certas deficiências. Cada imagem embutida em seu site deve ter uma tag ALT apropriada. Imagens aplicadas com CSS não oferecem este atributo.
