Старата поговорка гласи, че „снимката струва хиляда думи“. Този лозунг блести в мрежата, където обхваща вниманието са известни на кратко - правилното изображение може да направи или разбие сайт, като привлече правилното внимание и ангажира страница посетителите.
И все пак, когато графиката не успее да се зареди, това прави дизайна да изглежда счупен и в някои случаи може да влоши потребителското изживяване на този сайт. „Хилядата думи“, които изпратената счупена картина със сигурност не са положителни!
1. Неправилни файлови пътища
Когато добавяте изображения към сайта HTML или CSS файл, трябва да създадете път до местоположението във вашата директория, където се намират тези файлове. Това е код, който казва на браузъра къде да търси и да вземе изображението. В повечето случаи това би било в папка с име изображения. Ако пътят до тази папка и файловете в нея са неправилни, изображенията няма да се заредят правилно, тъй като браузърът няма да може да извлече правилните файлове. Той ще следва пътя, по който сте му казали, но ще удари в задънена улица и вместо да покаже съответното изображение, ще излезе празен.
2. Имена на файлове грешно написани
Докато разглеждате файлови пътища за вашите файлове проверете дали сте написали правилно името на изображението. Неправилните имена или правописни грешки са най-честата причина за проблеми с зареждането на изображения.
3. Грешни разширения на файлове
В някои случаи името на файла може да е написано правилно, но разширението на файла може да е неправилно. Ако изображението ви е .jpg файл, но вашият HTML търси .png, ще има проблем. Използвайте правилния тип файл за всяко изображение и след това посочете същото разширение в кода на уебсайта си.
Също така потърсете чувствителност към малки и малки букви. Ако файлът ви завършва с .JPG, с всички букви с главни букви, но кодът ви се позовава на .jpg, всички с малки букви, някои уеб сървъри виждат тези двама като различни, въпреки че са еднакви писма. Чувствителността към регистъра се брои.
Най-добрата практика е винаги да запазвате файлове с малки букви. Това ни позволява винаги да използваме малки букви в нашия код, премахвайки един възможен проблем, който бихме могли да имаме с нашите файлове с изображения.
4. Липсващи файлове
Ако пътищата до вашите файлове с изображения са правилни, а името и разширение на файл също са без грешки, проверете дали файловете са качени на уеб сървъра. Пренебрегването на качване на файлове на този сървър при стартиране на сайт е често срещана грешка, която е лесно да се пренебрегне.
Качете тези изображения, опреснете уеб страницата си и тя веднага трябва да покаже файловете, както се очаква. Можете също да опитате да изтриете изображението на сървъра и да го качите отново. Понякога файловете се повреждат по време на трансфери (напр. Чрез текст, а не двоичен трансфер по време на FTP), така че този метод "изтриване и замяна" понякога помага.
5. Уебсайтът, хостиращ изображенията, не работи
Обикновено ще хоствате изображенията, които вашият сайт използва сам сървър, но в някои случаи може да използвате изображения, които се хостват другаде. Ако този сайт, хостващ изображението, падне, изображенията ви също няма да се зареждат.
6. Проблеми с прехвърлянето
Независимо дали файлът с изображение се зарежда от външен домейн или от вашия собствен, винаги има вероятност да има проблем с прехвърлянето на този файл, когато той е заявен за първи път от браузъра. Този проблем не трябва да е често срещано явление (ако е така, може да се наложи да потърсите нов хостинг доставчик), но може да се случи от време на време.
Честа причина за този бъг е, че сървърът е претоварен и не може да обслужва всички активи на страницата достатъчно бързо, преди да изтече времето за изчакване. Ще видите този проблем по-често при евтино предоставени виртуални уеб сървъри, които се борят да се справят с по-сложни, тежки скриптове сайтове. Ако този проблем се появява често, помислете за надграждане на възможностите на сървъра или намерете нов хост.
7. Проблеми с базата данни
Съвременните динамични уеб приложения, като WordPress, разчитат на база данни, за да съхраняват информация за всичко на даден сайт, включително изображенията. Ако вашият сайт не успява да зареди изображения, има вероятност базата данни да има някакъв проблем.
Има куп начини да се случат проблеми с базата данни. Вашето приложение може дори да не е свързано с базата данни, защото е или недостъпно, или недостъпно на различен сървър. Възможно е нещо да се е повредило в самата база данни или информацията за потребителя на вашата база данни се е променила, излизайки от системата. Дори простите промени в настройките могат да предизвикат нежелани последици, които или да променят базата данни, или да я направят недостъпна. Проверете регистрационните файлове на сървъра, за да видите дали базата данни може да е виновникът.
Няколко заключителни бележки
Помислете за правилното използване на ALT таговете и скоростта на вашия уебсайт и цялостната ефективност.
Таговете ALT или „алтернативен текст“ са това, което се показва от браузъра, ако изображението не успее да се зареди. Те също са важен компонент при създаването на достъпни уебсайтове, които могат да се използват от хора с определени увреждания. Всяко вградено изображение на вашия сайт трябва да има подходящ ALT таг. Изображенията, приложени с CSS, не предлагат този атрибут.