Aprende por que as imaxes non se mostran no teu sitio e como solucionalas
O vello dito di que "unha imaxe vale máis que mil palabras". Isto é especialmente verdadeiro na web, onde os intervalos de atención son notoriamente curtos e, polo tanto, a imaxe correcta pode realmente facer ou romper un sitio atraendo a atención adecuada e os visitantes de páxina de participación o tempo suficiente para que eles aprendan o que necesitan para aprender ou realizar un determinado acción que sinala unha "vitoria" para o sitio. Si, cando se trata dun sitio web, as imaxes poden valer máis que mil palabras.
Entón, coa importancia das imaxes en liña establecidas, vexamos a continuación o que é o seu sitio web dicindo se non se carga unha imaxe que se supón que debería estar no sitio? Isto pode ocorrer se ten imaxes en liña que forman parte das imaxes HTML ou de fondo aplicadas con CSS (e probablemente o seu sitio teña dúas). A conclusión é que cando un gráfico non se carga nunha páxina, fai que o deseño pareza roto e, nalgúns casos, pode destruír completamente a experiencia do usuario nese sitio. As "mil palabras" que envía a imaxe seguramente non son positivas.
Vexamos algúns dos motivos comúns por que as imaxes non se cargarán nun sitio, así como o que debería ter en conta cando solucione este problema durante a proba do sitio web .
Rastros de ficheiro incorrectos
Cando engades imaxes ao ficheiro HTML ou CSS dun sitio, debes crear unha ruta para a localización na estrutura do teu directorio onde estes residen. Este é un código que lle indica ao buscador onde buscar e buscar a imaxe. Na maioría dos casos, isto estaría dentro dun cartafol chamado "imaxes". Se a rota a esta carpeta e os ficheiros dentro del son incorrectos, as imaxes non se cargarán correctamente porque o navegador non poderá recuperar os ficheiros correctos. Seguirá o camiño que lle indicou, pero chegará a un punto morto e, en lugar de mostrar a imaxe adecuada, aparecerá en branco.
O primeiro paso para depurar problemas de carga de imaxes é asegurarte de que o camiño do ficheiro codificado é correcto. Quizais especificou o directorio incorrecto ou non listou correctamente a ruta de acceso a ese directorio. Se este non é o caso, pode que teña outro problema con ese camiño. Ler máis
Nomes dos ficheiros incorrectos
Ao examinar as rutas do ficheiro para os seus ficheiros, tamén asegúrese de que escribiu o nome da imaxe correctamente. Na nosa experiencia, os nomes incorrectos ou os erros ortográficos son a causa máis común de problemas de carga de imaxes. Lembre, os navegadores web son moi implacables cando se trata de nomes de ficheiros. Se esqueciches unha carta por erro ou usas a letra incorrecta, o navegador non buscará un ficheiro que sexa parecido e diga: "oh, quizais iso significou isto, non?" Non - se o ficheiro está escrito mal, aínda que estea preto, non se cargará na páxina.
Extensión de ficheiro incorrecta
Nalgúns casos, pode ter o nome do ficheiro correctamente escrito, pero a extensión do ficheiro pode ser incorrecta. Se a túa imaxe é un ficheiro .jpg , pero o teu HTML busca un .png, haberá un problema. Asegúrese de que está a usar o tipo de ficheiro correcto para cada imaxe e, a continuación, asegúrese de chamar esa mesma extensión no código do seu sitio web.
Tamén busque a sensibilidade dos casos. Se o teu arquivo acaba con .JPG, coas letras todas en capas, pero o teu código fai referencia a .jpg, todas minúsculas, hai certos servidores web que verán eses dous son diferentes, aínda que sexan os mesmos tipos de letras. Conta de sensibilidade dos casos! É por iso que sempre gardamos os nosos ficheiros con todas as minúsculas. Facer iso permítenos usar sempre minúsculas no noso código, eliminando un posible problema que poderiamos ter cos nosos ficheiros de imaxe.
Falta os ficheiros
Se os camiños aos ficheiros de imaxe son correctos e o nome e a extensión de arquivos tamén son gratuítos de erro, o seguinte elemento para comprobar é asegurarse de que os ficheiros fosen realmente cargados no servidor web. Negarlle cargar arquivos a ese servidor cando se inicia un sitio web é un erro común que é fácil de ignorar.
Como soluciona este problema? Cargue esas imaxes, actualice a súa páxina web e debería amosar inmediatamente os ficheiros como se esperaba. Tamén podes tentar eliminar a imaxe no servidor e volver cargala. Pode parecer raro, pero vimos este traballo máis dunha vez. Ás veces, os ficheiros están corrompidos, polo que este método "eliminar e substituír" pode acabar axudando.
O sitio web que aloxa as imaxes está abaixo
Normalmente, quererá aloxar as imaxes que o seu sitio usa no seu propio servidor, pero nalgúns casos, pode estar usando imaxes que están aloxadas noutro lugar. Se ese sitio que aloxa a imaxe cae, tampouco se van a cargar as imaxes.
Problema de transferencia
Se un ficheiro de imaxe está cargado dun dominio externo ou propio, sempre hai unha posibilidade de que poida haber un problema de transferencia para ese ficheiro cando o navegador solicite por primeira vez. Isto non debe ser unha ocorrencia común (se é así, pode que necesite buscar un novo provedor de hospedaxe ), pero isto pode ocorrer de vez en cando.
O desgraciado lado desta cuestión é que realmente non hai nada que poida facer respecto diso xa que é un problema fóra do seu control. A boa noticia é que é un problema temporal que a miúdo se resolve bastante rapidamente. Por exemplo, cando alguén ve unha páxina rota e actualízala, só solucionará o problema e cargará correctamente as imaxes. Se está a ver unha imaxe rota, actualice o navegador para ver se quizais só fose un problema de transmisión. a túa solicitude inicial.
Unhas poucas notas finais
Ao pensar en imaxes e preocupacións de carga, dúas cousas que tamén deben ser conscientes son o bo uso das etiquetas ALT e a velocidade do seu sitio web e o rendemento xeral.
ALT, ou "texto alternativo", as etiquetas son o que se mostra por un navegador se non se carga unha imaxe. Eles tamén son un compoñente importante na creación de sitios web accesibles que poden ser utilizados por persoas con certas discapacidade. Toda imaxe en liña no seu sitio debería ter unha etiqueta ALT adecuada. Teña en conta que as imaxes aplicadas con CSS non teñen este atributo.
En canto ao rendemento do sitio web, a carga de demasiadas imaxes, ou incluso só algunhas imaxes de xigantes que non están optimizadas adecuadamente para a entrega web , terán un impacto negativo na velocidade de carga. Por este motivo, asegúrese de probar o impacto das imaxes que empregue no deseño do sitio e realizar os pasos que sexan necesarios para mellorar o rendemento do sitio mentres aínda se crea o aspecto xeral que é adecuado para o proxecto do seu sitio web.