Aflați de ce imaginile nu se afișează pe site-ul dvs. și cum să le remediați
Vechea zicală spune că "o imagine este în valoare de o mie de cuvinte". Acest lucru este valabil mai ales pe Web, în cazul în care distanțele de atenție sunt notorii de scurtă durată și astfel imaginea corectă poate face într-adevăr sau poate rupe un site prin atragerea atenției corecte și angajarea vizitatorilor paginii suficient de lungă pentru ca ei să învețe ce au nevoie pentru a învăța sau a efectua o anumită acțiune care semnalează o "câștig" pentru site. Da, când vine vorba de un site web, imaginile pot fi de fapt mai mult de o mie de cuvinte!
Prin urmare, odată cu stabilirea importanței imaginilor online, să luăm în considerare în continuare ce site vă spune dacă o imagine care ar trebui să fie pe site nu reușește să se încarce? Acest lucru se poate întâmpla dacă aveți imagini inline care fac parte din imaginile HTML sau de fundal aplicate cu CSS (și site-ul dvs. are probabil ambele). Linia de jos este că, atunci când un grafic nu reușește să se încarce pe o pagină, acesta face ca designul să pară rupt și, în unele cazuri, poate distruge complet experiența utilizatorilor de pe acel site. Cele "mii de cuvinte" pe care le trimite imaginea nu sunt, cu siguranță, pozitive!
Să aruncăm o privire la unele dintre motivele comune pentru care imaginile nu ar putea fi încărcate pe un site, precum și la ce ar trebui să aveți în vedere atunci când depanați această problemă în timpul testelor pe site .
Căile de fișier incorecte
Când adăugați imagini în fișierul HTML sau CSS al unui site, trebuie să creați o cale către locația din structura directoarelor în care locuiesc aceste fișiere. Acesta este codul care indică browserului unde să caute și să preia imaginea. În cele mai multe cazuri, acesta ar fi în interiorul unui dosar numit "imagini". Dacă calea către acest dosar și fișierele din interiorul acestuia sunt incorecte, imaginile nu se vor încărca corect deoarece browserul nu va putea să recupereze fișierele corecte. Va urma calea pe care ați spus-o, dar va atinge un punct mort și, în loc să afișeze imaginea potrivită, va ieși necompletată.
Pasul 1 în depanarea problemelor de încărcare a imaginii este să vă asigurați că calea fișierului pe care ați codificat-o este corectă. Poate că ați specificat directorul greșit sau nu ați introdus corect calea către acel director. În caz contrar, este posibil să aveți o altă problemă cu această cale. Citește mai departe!
Numele de fișiere greșite
Pe măsură ce examinați căile de fișiere pentru fișierele dvs., asigurați-vă că ați scris corect numele imaginii. Din experiența noastră, numele incorecte sau greșelile sunt cele mai frecvente cauze ale problemelor legate de încărcarea imaginilor. Rețineți că browserele web sunt foarte nepotrivite când vine vorba de numele fișierelor. Dacă ați uitat o scrisoare din greșeală sau ați folosit o scrisoare greșită, browserul nu va căuta un fișier care este similar și să spună: "Oh, probabil ați însemnat asta, nu?" Nu - dacă fișierul este scris greșit, chiar dacă este aproape, nu se va încărca pe pagină.
Extensie greșită a fișierului
În unele cazuri, este posibil ca numele fișierului să fie corect scris, dar extensia fișierului poate fi incorectă. Dacă imaginea dvs. este un fișier .jpg , dar codul dvs. HTML caută un .png, va apărea o problemă. Asigurați-vă că utilizați tipul corect de fișier pentru fiecare imagine și apoi asigurați-vă că ați apelat la aceeași extensie în codul site-ului dvs. Web.
De asemenea, căutați sensibilitatea cazului. Dacă fișierul dvs. se termină cu .JPG, cu literele toate în capace, dar codurile dvs. de referință .jpg, toate literele mici, există anumite servere web care vor vedea că cele două sunt diferite, chiar dacă acestea sunt aceleași seturi de litere. Sensibilitatea cazului contează! Acesta este motivul pentru care ne salvăm întotdeauna fișierele cu toate literele minuscule. Acest lucru ne permite să folosim mereu litere mici în codul nostru, eliminând o posibilă problemă pe care o putem avea cu fișierele noastre imagine.
Fișierele lipsesc
Dacă căile spre fișierele imagine sunt corecte, iar numele și extensia de fișier sunt, de asemenea, fără erori, următorul element pe care trebuie să-l verificați este să vă asigurați că fișierele au fost încărcate efectiv pe serverul web. Neglijarea de a încărca fișierele pe acest server când un site este lansat este o greșeală obișnuită care este ușor de trecut cu vederea.
Cum rezolvi această problemă? Încărcați aceste imagini, actualizați pagina dvs. web și ar trebui să afișeze imediat fișierele conform așteptărilor. De asemenea, puteți încerca să ștergeți imaginea de pe server și să o reîncărcați. Poate părea ciudat, dar am văzut această lucrare mai mult decât o dată. Uneori, fișierele sunt corupte, astfel încât această metodă "șterge și înlocui" poate ajunge să ajute.
Site-ul gazduire a imaginilor este în jos
În mod obișnuit, doriți să găzduiți toate imaginile pe care site-ul dvs. le utilizează pe propriul dvs. server, dar, în unele cazuri, este posibil să utilizați imagini care sunt găzduite în altă parte. Dacă site-ul care găzduiește imaginea coboară, imaginile dvs. nu se vor încărca nici ele.
Problemă de transfer
Dacă un fișier imagine este încărcat dintr-un domeniu extern sau de la propriul dvs., există întotdeauna o șansă că poate exista o problemă de transfer pentru acel fișier atunci când este solicitat pentru prima dată de browser. Acest lucru nu ar trebui să fie o întâmplare obișnuită (dacă este, poate fi necesar să căutați un nou furnizor de găzduire ), dar se poate întâmpla din când în când.
Partea nefericită a acestei probleme este că într-adevăr nu puteți face nimic cu privire la aceasta, deoarece este o problemă aflată în afara controlului dumneavoastră. Vestea bună este că este o problemă temporară care este adesea rezolvată destul de repede. De exemplu, atunci când cineva văd o pagină cu aspect rupt și o reîmprospătează, aceasta va rezolva adesea problema și va încărca corect imaginile. Dacă vedeți o imagine ruptă, reîmprospătați browser-ul pentru a vedea dacă a fost doar o problemă de transmisie pe cererea inițială.
Câteva note finale
Când vă gândiți la imagini și la preocupări legate de încărcare, două lucruri care trebuie luate în considerare sunt utilizarea corectă a etichetelor ALT și a vitezei și a performanței generale a site-ului.
ALT sau "textul alternativ", etichetele sunt cele afișate de un browser dacă nu se încarcă o imagine. Ele sunt, de asemenea, o componentă importantă în crearea de site-uri accesibile care pot fi folosite de persoanele cu anumite dizabilități. Fiecare imagine inline din site-ul dvs. ar trebui să aibă o etichetă ALT corespunzătoare. Rețineți că imaginile aplicate cu CSS nu au acest atribut.
În ceea ce privește performanța site-ului web, încărcarea prea multor imagini sau chiar doar câteva imagini gigantice care nu sunt optimizate corespunzător pentru livrarea pe web vor avea un impact negativ asupra vitezei de încărcare. Din acest motiv, asigurați-vă că testați impactul oricăror imagini pe care le utilizați în design-ul site-ului dvs. și faceți pașii necesari pentru a îmbunătăți performanța site-ului în timp ce creați în același timp aspectul general care este potrivit pentru proiectul site-ului dvs. web.