Conegueu per què no es mostren imatges al vostre lloc web i com solucionar-les
El vell refrany diu que "una imatge val més que mil paraules". Això és especialment cert a la web, on les distàncies d'atenció són notòriament curtes i, per tant, la imatge adequada realment pot fer o trencar un lloc atraient l'atenció adequada i els visitants de la pàgina atractiva el temps suficient perquè aprenguin el que necessiten per aprendre o realitzar un determinat acció que indica una "victòria" del lloc. Sí, quan es tracta d'un lloc web, les imatges poden valer més de mil paraules.
Així doncs, amb la importància de les imatges en línia establertes, anem a considerar el vostre lloc web al respecte si no es pot carregar una imatge que se suposa que està al lloc? Això pot passar si teniu imatges en línia que formen part de les imatges HTML o de fons aplicades amb CSS (i el vostre lloc probablement té les dues). La conclusió és que quan un gràfic no es carrega en una pàgina, fa que el disseny quedi trencat i, en alguns casos, pugui destruir completament l'experiència de l'usuari en aquest lloc. Les "mil paraules" que envia la imatge segurament no són positives.
Fem una ullada a alguns dels motius habituals per què les imatges no es carreguen en un lloc, així com el que hauria de tenir en compte quan solucioni aquest problema durant les proves del lloc web .
Rutes de fitxer incorrectes
Quan afegiu imatges a un fitxer HTML o CSS d'un lloc web, heu de crear una ruta a la ubicació de l'estructura del vostre directori on resideixin aquests fitxers. Aquest és un codi que indica al navegador on buscar i obtenir la imatge. En la majoria dels casos, això seria dins d'una carpeta anomenada "imatges". Si la ruta d'accés a aquesta carpeta i els fitxers que hi ha a l'interior són incorrectes, les imatges no es carregaran correctament perquè el navegador no podrà recuperar els fitxers correctes. Seguirà el camí que us vau dir, però toca un punt mort i, en comptes de mostrar la imatge apropiada, apareixerà en blanc.
El primer pas a l'hora de depurar els problemes de càrrega d'imatges és assegurar-vos que la ruta del fitxer que heu codificat és correcta. Potser heu especificat el directori incorrecte o no heu inclòs correctament la ruta d'accés a aquest directori. Si aquest no és el cas, és possible que tingueu un altre problema amb aquest camí. Segueix llegint!
Noms de fitxers mal escrits
A mesura que examina les rutes dels fitxers dels vostres fitxers, també assegureu-vos d'escriure correctament el nom de la imatge. A la nostra experiència, els noms incorrectes o faltes d'ortografia són la causa més freqüent de problemes de càrrega d'imatges. Recordeu, els navegadors web són molt implacables quan es tracta de noms d'arxiu. Si oblideu una carta per error o utilitzeu la lletra equivocada, el navegador no cercarà un fitxer que sigui similar i digui: "oh, probablement volíeu dir això, no?" No - si el fitxer està escrit malament, encara que estigui a prop, no es carregarà a la pàgina.
Extensió d'arxiu incorrecta
En alguns casos, és possible que el nom del fitxer estigui correctament escrit, però l'extensió del fitxer pot ser incorrecta. Si la vostra imatge és un fitxer .jpg , però el vostre HTML busca un .png, hi haurà un problema. Assegureu-vos que feu servir el tipus de fitxer correcte per a cada imatge i, a continuació, assegureu-vos que heu sol·licitat aquesta mateixa extensió al codi del vostre lloc web.
També busqueu la sensibilitat dels casos. Si el vostre fitxer acaba amb .JPG, amb les lletres totes a les capes, però el vostre codi fa referència a .jpg, tot en minúscules, hi ha determinats servidors web que veuran aquests dos són diferents, tot i que són els mateixos conjunts de lletres. Compte de sensibilitat de casos Per això sempre guardem els nostres fitxers amb totes les lletres minúscules. Si ho fa, sempre podem utilitzar minúscules en el nostre codi, eliminant un possible problema que podríem tenir amb els nostres fitxers d'imatge.
S'estan perdent els fitxers
Si les rutes als fitxers d'imatge són correctes i el nom i l'extensió del fitxer també són lliures d'errors, el següent element que heu de comprovar és assegurar-vos que els fitxers s'hagin carregat al servidor web. Deixar de carregar fitxers a aquest servidor quan s'inicia un lloc és un error comú que és fàcil de passar per alt.
Com solucioneu aquest problema? Carregueu aquestes imatges, actualitzeu la vostra pàgina web i, immediatament, haureu de mostrar els fitxers com s'esperava. També podeu provar d'eliminar la imatge al servidor i tornar a carregar-la. Pot semblar estrany, però hem vist aquest treball més d'una vegada. De vegades es corromp els fitxers, de manera que aquest mètode "suprimir i reemplaçar" pot ajudar.
El lloc web Hosting the Images Is Down
Normalment, voleu allotjar qualsevol imatge que el vostre lloc utilitzi al vostre propi servidor, però en alguns casos, podeu utilitzar imatges que estiguin allotjades en un altre lloc. Si aquest lloc allotja la imatge baixa, tampoc es carregaran les vostres imatges.
Problema de transferència
Ja sigui que un fitxer d'imatge es carregui d'un domini extern o del vostre compte, sempre hi ha la possibilitat que hi hagi un problema de transferència per a aquest fitxer quan el navegador sol·liciti primer. Això no hauria de ser una ocurrència comuna (si és així, és possible que hagi de buscar un proveïdor d'allotjament nou ), però això pot passar de tant en tant.
El desgraciat aspecte d'aquest assumpte és que realment no hi ha res que puguis fer al respecte, ja que es tracta d'un problema fora del teu control. La bona notícia és que és un problema temporal que sovint es resol bastant ràpidament. Per exemple, quan algú veu una pàgina amb aspectes trencats i l'actualitza, sol solucionar el problema i carregar les imatges correctament. Si veus una imatge trencada, actualitzeu el navegador per veure si tal vegada era només un problema de transmissió la vostra sol·licitud inicial.
Unes quantes notes finals
Quan penses en imatges i preocupacions de càrrega, també cal tenir en compte dues coses: l' ús adequat de les etiquetes ALT i la velocitat del lloc web i el rendiment general.
ALT, o "text alternatiu", les etiquetes són el que mostra un navegador si no es carrega una imatge. També són un component important en la creació de llocs web accessibles que poden ser utilitzats per persones amb certes discapacitats. Tota imatge en línia del vostre lloc hauria de tenir una etiqueta ALT adequada. Tingueu en compte que les imatges aplicades amb CSS no tenen aquest atribut.
Pel que fa al rendiment del lloc web, carregar massa imatges, o fins i tot només unes imatges gegants que no estiguin optimitzades correctament per al lliurament web , tindran un impacte negatiu en la velocitat de càrrega. Per aquest motiu, assegureu-vos de provar l'impacte de les imatges que utilitzeu al disseny del vostre lloc i fer els passos necessaris per millorar el rendiment d'aquest lloc tot i així crear l'aparença general adequada per al projecte del vostre lloc web.