Стара изрека каже да „слика вреди хиљаду речи“. Овај слоган блиста на мрежи, где се пажња протеже су ноторно кратки - права слика може направити или разбити веб локацију привлачењем праве пажње и привлачном страницом посетиоци.
Ипак, када се графика не успе учитати, дизајн изгледа сломљено и, у неким случајевима, може погоршати корисничко искуство на тој веб локацији. „Хиљаду речи“ које сломљена слика шаље сигурно нису позитивне!
1. Нетачне путање датотека
Када додате слике на веб локацију ХТМЛ или ЦСС датотеку, морате створити путању до локације у вашој структури директоријума гдје се те датотеке налазе. Ово је код који прегледачу говори где да тражи и преузима слику. У већини случајева то би било унутар фасцикле са именом слике. Ако су путања до ове фасцикле и датотека у њој нетачне, слике се неће учитати правилно, јер прегледач неће моћи да преузме исправне датотеке. Пратиће пут којим сте му рекли, али заћи ће у ћорсокак и уместо да прикаже одговарајућу слику, појавиће се празно.
2. Имена датотека погрешно написана
Док испитујете путање датотека за своје датотеке проверите да ли сте правилно написали име слике. Погрешна имена или правописне грешке су најчешћи узрок проблема са учитавањем слике.
3. Погрешна проширења датотека
У неким случајевима можда сте правилно написали име датотеке, али екстензија датотеке може бити нетачна. Ако је ваша слика .јпг датотека, али ваш ХТМЛ тражи .пнг, биће проблема. Користите тачан тип датотеке за сваку слику а затим наведите исти исти додатак у коду веб локације.
Такође потражите осетљивост на мала и велика слова. Ако се датотека завршава са .ЈПГ, словима велика слова, али се код кодира .јпг, све малим словима, одређени веб сервери виде да се та два разликују, иако се ради о истим скуповима писма. Рачуна се осетљивост на мала и велика слова.
Најбоља пракса је да датотеке увек чувате малим словима. То нам омогућава да у нашем коду увек користимо мала слова, уклањајући један могући проблем који бисмо могли имати са датотекама слика.
4. Фајлови који недостају
Ако су путање до датотека слика тачне, а име и екстензија датотеке такође имају грешке, проверите да ли су датотеке отпремљене на веб сервер. Занемаривање учитавања датотека на тај сервер приликом покретања веб локације је уобичајена грешка коју је лако превидети.
Отпремите те слике, освежите своју веб страницу и она би одмах требало да прикаже датотеке како се очекује. Такође можете покушати да избришете слику на серверу и поново је отпремите. Понекад се датотеке оштете током преноса (нпр. Текстом, а не бинарним преносом током ФТП-а), па овај метод „брисања и замене“ понекад помаже.
5. Веб локација која хостује слике је престала
Обично ћете самостално угостити слике које ваша веб локација користи сервер, али у неким случајевима можда користите слике које се хостују негде другде. Ако се та локација на којој се налази слика сруши, ни ваше слике се неће учитати.
6. Проблеми са преносом
Без обзира да ли се датотека са сликама учитава са спољног домена или са вашег, увек постоји могућност да постоји проблем са преносом те датотеке када је прегледач први пут затражи. Овај проблем не би требало да буде честа појава (ако јесте, можда ћете морати да потражите новог добављача услуга хостинга), али се с времена на време може догодити.
Уобичајени разлог за ову грешку је тај што је сервер преоптерећен и не може довољно брзо да услужи сву имовину странице пре него што захтев истекне. Овај проблем ћете чешће видети на јефтиним резервисаним виртуелним веб серверима који се боре са сложенијим веб локацијама тешким скриптама. Ако се овај проблем често јавља, размислите о надоградњи могућности сервера или пронађите новог хоста.
7. Проблеми са базом података
Савремене динамичке веб апликације, попут ВордПресса, ослањају се на базу података за чување информација о свему на веб локацији, укључујући слике. Ако ваша веб локација не успева да учита слике, постоји шанса да база података има неки проблем.
Постоји мноштво начина на које се могу догодити проблеми са базом података. Ваша апликација можда није ни повезана са базом података, јер је или недоступна или недоступна на другом серверу. Нешто се можда оштетило у самој бази података или су се информације о кориснику базе података промениле, одјавивши се. Чак и једноставне промене поставки могу изазвати нежељене последице које или мењају базу података или је чине недоступном. Проверите дневнике сервера да бисте видели да ли је база података можда кривац.
Неколико завршних белешки
Сматра да је правилна употреба АЛТ тагова и брзину веб странице и укупне перформансе.
Ознаке АЛТ или „алтернативни текст“ су оно што прегледач приказује ако слика не успе да се учита. Такође су важна компонента у стварању приступачних веб локација које могу да користе особе са одређеним инвалидитетом. Свака уграђена слика на вашој веб локацији треба да има одговарајућу ознаку АЛТ. Слике примењене са ЦСС-ом не нуде овај атрибут.