Дознајте зошто сликите не се прикажуваат на вашиот веб-сајт и како да ги поправите
Старата изрека вели дека "сликата вреди илјада зборови". Ова е особено точно на Интернет, каде што вниманието за вниманието е познато кратко и затоа вистинската слика навистина може да направи или да ја скрши страницата, привлекувајќи го вистинското внимание и ангажирање на посетителите на страницата доволно долго за да научат што им треба за да научат или изведуваат специфични акција која сигнализира "победа" за локацијата. Да, кога станува збор за веб-страница, сликите може всушност да вредат повеќе од илјада зборови!
Значи со важноста на онлајн слики утврдени, ајде да разгледаме што е вашиот веб-сајт велејќи дека ако сликата која би требало да биде на сајтот не успеа да се вчита? Ова може да се случи без разлика дали имате вградени слики кои се дел од HTML или позадина слики применети со CSS (и вашиот сајт, најверојатно, има и двете). Во крајна линија е дека кога графиката не успее да се вчита на страница, тоа го прави дизајнот изгледа скршен и, во некои случаи, целосно може да го уништи корисничкото искуство на таа страница. На "илјада зборови" дека сликата е испраќање секако не се позитивни!
Ајде да погледнеме некои од најчестите причини зошто сликите не успеаја да се вчитаат на некоја локација, како и што треба да се обрнеме кога сме го решиле проблемот за време на тестирањето на веб-страницата .
Неточни патеки на датотеки
Кога додавате слики во HTML или CSS- датотека на страницата, мора да креирате патека до локацијата во структурата на директориумот каде што тие датотеки се наоѓаат. Ова е код кој му кажува на прелистувачот од каде да бара и да ја превземе сликата. Во повеќето случаи, ова ќе биде во папката со име "слики". Ако патеката до оваа папка и датотеките во него не се точни, сликите нема да се вчитаат правилно, бидејќи прелистувачот нема да може да ги превземе точните датотеки. Ќе го следи патот што го кажавте, но тоа ќе удри во ќорсокак и, наместо прикажување на соодветната слика, ќе излезе празно.
Чекор 1 во дебагирање на проблеми со вчитувањето на сликата е да бидете сигурни дека патеката на датотеката што ја имате кодирана е точна. Можеби сте го навеле погрешниот директориум или не ја преципиравте патеката до тој директориум. Ако тоа не е случај, може да имате друго прашање со таа патека. Продолжи да читаш!
Имиња на датотеки со грешка
Додека ги испитате патеките на датотеките за вашите датотеки, исто така бидете сигурни дека правилно го напишавте името на сликата. Според нашето искуство, неточни имиња или грешки се најчестата причина за проблеми со вчитувањето на сликата. Запомнете, веб прелистувачите се многу непростливи кога станува збор за имиња на датотеки. Ако го заборавите буквата по грешка или користите погрешно писмо, прелистувачот нема да бара датотека што е слична и велат: "О, веројатно си значеше ова, нели?" Не - ако датотеката е напишана погрешно, дури и ако е близу, таа нема да се вчита на страницата.
Погрешен додаток на датотеката
Во некои случаи, можеби името на датотеката е правилно напишано, но продолжувањето на датотеката може да биде неточна. Ако вашата слика е .jpg датотека , но вашиот HTML е во потрага по. Png, ќе има проблем. Осигурајте се дека го користите точниот тип на датотека за секоја слика, а потоа бидете сигурни дека ја повикавте истата екстензија во кодот на вашиот веб-сајт.
Исто така, побарајте чувствителност на случај. Ако вашата датотека завршува со .JPG, со буквите сите во капи, но вашиот код референци .jpg, сите мали букви, постојат одредени веб сервери кои ќе видат дека овие две се различни, иако тие се исти комплети на букви. Чувствителноста на предметот брои! Затоа секогаш ги зачувуваме нашите датотеки со мали букви. Со тоа, ни овозможува секогаш да користиме мали букви во нашиот код, да го елиминираме еден можен проблем што би можеле да го имаме со нашите датотеки со слики.
Датотеките се исчезнати
Доколку патеките до вашите сликички се точни, а името и продолжувањето на датотеката исто така се грешки, следниот предмет за проверка е да се осигурате дека датотеките се всушност префрлени на веб серверот. Занемарувањето да испраќате датотеки на тој сервер кога некој сајт е пуштен е честа грешка што е лесно да се превиди.
Како го решавате овој проблем? Поставете ги тие слики, освежете ја вашата веб-страница и веднаш треба да ги прикажете датотеките како што се очекуваше. Можете исто така да се обидете да ја избришете сликата на серверот и повторно да ја подигнете. Може да изгледа чудно, но оваа работа ја видовме повеќе од еднаш. Понекогаш датотеките се оштетени, па затоа овој метод "избриши и замени" може да му помогне.
Веб-страницата за хостирање на сликите е долу
Обично ќе сакате да ги хостирате сите слики што вашиот сајт ги користи на вашиот сопствен сервер, но во некои случаи може да користите слики кои се хостирани на друго место. Ако страницата со хостинг на сликата оди надолу, вашите слики нема да се вчитаат ниту.
Проблем со пренос
Дали датотеката со слика е вчитана од надворешен домен или од своја сопствена, секогаш постои можност дека може да има проблем за пренос за таа датотека кога прво го бара пребарувачот. Ова не треба да биде честа појава (ако е така, можеби ќе треба да барате нов хостинг провајдер ), но тоа може да се случи од време на време.
Несреќната страна на ова прашање е тоа што навистина не може ништо да сторите за тоа, бидејќи тоа е проблем надвор од вашата контрола. Добрата вест е дека тоа е привремен проблем кој често се решава прилично брзо. На пример, кога некој ќе ја види страницата со скршен изглед и ќе ја освежи, само тоа често ќе го реши проблемот и правилно ќе ги вчита сликите. Ако гледате скршена слика, освежете го прелистувачот за да видите дали можеби тоа е само прашање на пренос на вашето првично барање.
Неколку финални белешки
Кога размислувате за сликите и вчитувањето на загриженоста, двете работи кои треба да се земат предвид се правилната употреба на ALT таговите и брзината на вашата веб-локација и севкупните перформанси.
ALT, или "алтернативен текст", ознаките се она што го прикажува пребарувачот ако сликата не успее да се вчита. Тие исто така се важна компонента во создавањето на достапни веб-страници кои можат да ги користат лицата со одредени хендикеп. Секоја внатрешна слика на вашиот сајт треба да има соодветна ALT таг. Забележете дека сликите применети со CSS немаат овој атрибут.
Што се однесува до перформансите на веб-страниците, вчитувањето на премногу слики или дури само неколку гиганти слики кои не се правилно оптимизирани за испорака на веб-страница , ќе имаат негативно влијание врз брзината на вчитување. Поради оваа причина, не заборавајте да го тестирате влијанието на сите слики што ги користите во дизајнот на вашиот сајт и да преземате чекори кои се неопходни за подобрување на перформансите на овој сајт, додека сеуште создавате севкупен изглед и чувство што е соодветно за вашиот веб-проект.