Научете защо изображенията не се показват на уебсайта Ви и как да ги коригирате
Старата поговорка казва, че "една картина струва хиляда думи". Това е особено вярно в мрежата, където обхватът на вниманието е известен като кратък, така че точното изображение наистина може да направи или да счупи сайта, като привлече вниманието и привлече посетителите на страницата, достатъчно дълго, за да научат какво им е нужно, за да научат или изпълнят конкретен действие, което сигнализира за "победа" за сайта. Да, когато става дума за уебсайт, изображенията всъщност струват повече от хиляда думи!
Така че с важността на създадените онлайн изображения, нека по-нататък да разгледаме какъв е Вашият уеб сайт, който казва, че изображението, което се предполага, че е на сайта, не се зарежда? Това може да се случи независимо дали имате вградени изображения, които са част от HTML или фоновите изображения, приложени с CSS (и сайтът ви вероятно има и двете). Долната линия е, че когато графиката не успее да се зареди на страница, тя прави дизайнът да изглежда счупен и в някои случаи може напълно да унищожи потребителския опит на този сайт. "Хилядите думи", които картината изпраща, със сигурност не са положителни!
Нека да разгледаме някои от често срещаните причини, поради които изображенията не могат да се зареждат на даден сайт, както и това, което трябва да имате предвид при отстраняването на този проблем по време на тестване на уебсайтове .
Неправилни файлови пътища
Когато добавяте изображения към HTML или CSS файл на даден сайт, трябва да създадете път към местоположението във вашата структура на директорията, където се намират тези файлове. Това е код, който казва на браузъра къде да търси и извлича изображението. В повечето случаи това ще бъде вътре в папка, наречена "изображения". Ако пътят към тази папка и файловете в нея са неправилни, изображенията няма да се заредят правилно, защото браузърът няма да може да изтегли правилните файлове. Ще последва пътя, който сте му казали, но ще удари задънена улица и вместо да покаже подходящото изображение, ще се появи.
Стъпка 1 в отстраняването на грешки при зареждането на изображения е да се уверите, че пътят на файла, който сте кодирали, е правилен. Може би сте посочили грешната директория или не сте избрали правилно пътя към тази директория. Ако това не е така, може да имате друг проблем с този път. Прочетете нататък!
Името на файловете е грешно
Докато разглеждате файловите пътища за файловете си, уверете се също, че сте написали правилно името на изображението. Според нашия опит, неправилните имена или правописни грешки са най-честата причина за проблемите при зареждането на изображения. Не забравяйте, че уеб браузърите са много непримирими, когато става дума за имена на файлове. Ако забравите някое писмо по погрешка или използвате погрешно писмо, браузърът няма да търси подобен файл и да каже: "О, най-вероятно си го казахте, нали?" Не - ако файлът е написан погрешно, дори и да е близък, той няма да се зареди на страницата.
Грешно разширение на файла
В някои случаи е възможно името на файла да е правилно написано, но разширението на файла може да е неправилно. Ако вашето изображение е .jpg файл , но вашият HTML търси .png, ще има проблем. Уверете се, че използвате правилния тип файл за всяко изображение и след това се уверете, че сте се обадили за същото разширение в кода на уебсайта си.
Също така потърсете чувствителност на казуса. Ако вашият файл завършва с .JPG, с букви, всички с капачки, но вашите кодови референции .jpg, всички малки, има определени уеб сървъри, които ще видят, че тези две са различни, въпреки че те са същите писма. Чувствителността на делата се брои! Ето защо винаги записваме файловете си с всички малки букви. По този начин ни позволява винаги да използваме малки букви в нашия код, премахвайки един възможен проблем, който бихме могли да имаме с нашите файлове с изображения.
Файловете липсват
Ако пътя към файловете с изображения е правилен и името и файловото разширение също не съдържат грешки, следващият елемент, който трябва да проверите, е да се уверите, че файловете действително са били качени на уеб сървъра. Пренебрегването на качването на файлове на този сървър, когато даден сайт се стартира, е често срещана грешка, която лесно може да се пренебрегне.
Как да отстраните този проблем? Качете тези изображения, опреснете уеб страницата си и тя трябва веднага да покаже файловете според очакванията. Също така можете да опитате да изтриете изображението на сървъра и да го качите отново. Може да изглежда странно, но сме виждали тази работа повече от веднъж. Понякога файловете се повредят, така че този метод "изтриване и замяна" може в крайна сметка да помогне.
Сайтът за хостване на изображенията е надолу
Обикновено ще искате да хоствате всички изображения, които сайтът ви използва на собствения ви сървър, но в някои случаи може да използвате изображения, които се намират другаде. Ако този сайт, който хоства изображението, намалява, изображенията ви няма да се зареждат.
Проблем с прехвърлянето
Независимо дали даден файл с изображение е зареден от външен домейн или от ваш собствен, винаги има шанс, че може да има проблем с прехвърлянето на този файл, когато той се поиска от браузъра за първи път. Това не трябва да е често срещано събитие (ако е така, може да се наложи да търсите нов хостинг доставчик ), но това може да се случи от време на време.
Недостатъчната страна на този въпрос е, че всъщност няма нищо, което да можете да направите, тъй като това е проблем, който не е под ваш контрол. Добрата новина е, че това е временен проблем, който често се решава доста бързо. Например, когато някой види страница със счупени страници и го опреснява, това само по себе си често ще реши проблема и ще зареди изображенията правилно. Ако виждате счупено изображение, опреснете браузъра, за да видите дали може би това е само проблем с предаването Вашата първоначална молба.
Няколко финални бележки
Когато мислите за образи и загриженост за зареждането, две неща, които също трябва да имате предвид, са правилното използване на маркерите на ALT и скоростта и цялостното представяне на уебсайта Ви.
ALT или "алтернативен текст", маркерите са това, което се показва от браузъра, ако изображението не успее да се зареди. Те също така са важен компонент при създаването на достъпни уебсайтове, които могат да бъдат използвани от хора с определени увреждания. Всяко вградено изображение в сайта Ви трябва да има подходящ ALT маркер. Имайте предвид, че изображенията, приложени с CSS, нямат този атрибут.
Що се отнася до ефективността на уебсайта, зареждането на твърде много изображения или дори само няколко изображения на гиганти, които не са правилно оптимизирани за уеб доставка , ще окажат отрицателно въздействие върху скоростта на зареждане. Поради тази причина не забравяйте да тествате въздействието на всички изображения, които използвате в дизайна на сайта си, и да предприемете всички необходими стъпки, за да подобрите ефективността на този сайт, като същевременно създавате цялостния облик и усещане, който е подходящ за вашия уеб сайт.