Сазнајте зашто се слике не приказују на вашој веб страници и како их поправити
Стара реч каже: "слика вриједи хиљаду речи". Ово је нарочито тачно на Вебу, гдје је пажљиво распоређивање озбиљно кратко, тако да права слика може заиста направити или прекинути веб локацију тако што привлачи праву пажњу и привлачи посјетитеље странице довољно дуго да сазнају шта им је потребно научити или извести одређену акција која сигнализира "победу" за сајт. Да, када је у питању веб локација, слике могу бити вредне више од хиљаду речи!
Дакле, са значајем постављених онлајн слика, хајде да размотримо шта је ваше веб-локације говорећи да ли слика која би требало да буде на сајту не може да учита? Ово се може десити да ли имате инлине слике које су део ХТМЛ или позадинске слике примењене са ЦСС (и ваша локација вероватно има оба). Боттом линија је да када графика не учита на страници, то чини дизајн изгледом сломљеним и, у неким случајевима, може потпуно уништити корисничко искуство на тој локацији. "Хиљадама речи" које слика слања сигурно нису позитивне!
Хајде да погледамо неке од најчешћих разлога због којих се слике не би учитале на некој локацији, као и на шта бисте требали имати на уму приликом решавања проблема у току тестирања на веб локацији .
Неправилан број фајлова
Када додате слике у ХТМЛ или ЦСС датотеку сајта, морате креирати путању до локације у структури директоријума где се налазе те датотеке. Ово је код који говори претраживачу одакле потражити и преузети слику. У већини случајева, ово би било унутар фасцикле под именом 'слике'. Ако је пут до ове фасцикле и датотека у њој нетачан, слике се неће правилно учитати јер претраживач неће моћи да преузме исправне датотеке. Пратит ће пут који сте му рекли, али ће погодити слепоћу ивицу, а умјесто приказа одговарајуће слике, појавит ће се празно.
Корак 1 у отклањању проблема са учитавањем слике је да бисте били сигурни да је путања датотеке коју сте кодирали исправно. Можда сте прецизирали погрешан директоријум или нисте правилно пописали путању до тог директоријума. Уколико то није случај, можда ћете имати још један проблем са том путањом. Прочитајте на!
Имена фајлова Мисспеллед
Док проучавате путање датотека за своје датотеке, такође будите сигурни да сте правилно унели име слике. По нашем искуству, неправилна имена или погрешна писма су најчешћи узрок проблема са учитавањем слике. Запамтите, веб претраживачи су веома незадовољни када су у питању имена датотека. Ако заборавите писмо грешком или користите погрешно слово, претраживач неће тражити датотеку која је слична и каже: "Ох, вероватно сте мислили на ово, зар не?" Не - ако је датотека унесена погрешно, чак и ако је она близу, неће се учитати на страници.
Погрешно проширење датотеке
У неким случајевима, можда је име датотеке правилно написано, али екстензија датотеке можда није тачна. Ако је ваша слика датотека .јпг , али ваш ХТМЛ тражи .пнг, биће проблем. Уверите се да користите тачан тип датотеке за сваку слику, а затим проверите да ли сте позвали на исту екстензију у коду вашег веб сајта.
Такође потражите осјетљивост случаја. Ако се ваша датотека завршава са .ЈПГ, са словима све у капе, али вашим кодом се помиње .јпг, све мале слова, постоје одређени веб сервери који ће видети да су те две различите, иако су исти скупови слова. Бројање осетљивости случајева! Због тога увек чувамо датотеке са малим словима. То омогућује да увек користимо мала слова у нашем коду, елиминишући један могући проблем који можемо имати са нашим датотекама слика.
Датотеке недостају
Ако су путеви за датотеке слике тачни, а име и екстензија датотеке такође су грешке, следећа ставка коју желите да проверите је да бисте се уверили да су датотеке заправо биле постављене на веб сервер. Запамтење да отпремате датотеке на тај сервер када се лансира сајт је честа грешка која је лако превидети.
Како решити овај проблем? Отпремите те слике, освежите своју веб страницу и одмах треба да прикажете датотеке као што је и очекивано. Такође можете покушати да обришете слику на серверу и поново га отпремите. Можда изгледа чудно, али смо видели овај посао више него једном. Понекад се датотеке оштећују, тако да овај метод "брисање и замена" може завршити помоћ.
Веб-хостинг слика је у реду
Уобичајено желите да хостујете било коју слику коју ваша страница користи на свом серверу, али у неким случајевима можете користити слике које су хостиране на другим местима. Ако је страница на којој се слика налази, ваше слике се неће учитати.
Проблем преноса
Да ли је датотека слике учитана са вањског домена или из сопственог, увек постоји могућност да постоји проблем пријеноса за ту датотеку када га први претражује претраживач. Ово не би требало да буде честа појава (ако јесте, можда ћете морати да тражите новог провајдера хостинга ), али се то може догодити с времена на време.
Жалостна страна овог проблема је у томе што заиста не можете учинити ништа о томе јер је то проблем ван ваше контроле. Добра вест је да је то привремени проблем који се често брзо решава. На примјер, када неко види страницу са сломљеним изгледом и освежава га, само ће то често поправити проблем и правилно учитати слике. Ако видите сломљену слику, освежите прегледач да бисте сазнали да ли је то можда само проблем преноса ваш почетни захтев.
Неколико финалних записа
Када размишљате о сликама и оптерећењима забринутости, две ствари које такође треба имати на уму су правилна употреба АЛТ ознака и брзина вашег веб сајта и укупне перформансе.
АЛТ, или "алтернативни текст", ознаке су оно што се приказује у прегледачу ако слика не учита. Они су такође важна компонента у стварању приступачних веб страница које могу користити особе са одређеним ограниченим способностима. Свака редовна слика на вашој веб локацији треба имати одговарајућу АЛТ ознаку. Имајте на уму да слике примењене са ЦСС немају овај атрибут.
Што се тиче перформанси веб сајта, учитавање превише слика или чак само неколико слика великана које нису правилно оптимизоване за испоруку на вебу , имаће негативан утјецај на брзину учитавања. Из тог разлога, обавезно тестирајте утицај свих слика које користите у дизајну вашег сајта и предузмите све кораке који су неопходни да бисте побољшали перформансе тог веб сајта док још увек креирате укупни изглед и осећај који одговара вашем пројекту.