6 прычын, чаму малюнка не загружаюцца на вашым сайце

Даведайцеся, чаму выявы не адлюстроўваюцца на вашым сайце, і як іх выправіць

Старая прымаўка абвяшчае, што «малюнак варта тысячы слоў.» Гэта асабліва дакладна ў Інтэрнэце, дзе канцэнтрацыі ўвагі, як вядома, кароткая і таму правае выява сапраўды можа зрабіць перапынак або сайта за кошт прыцягнення права увагі і прыцягнення наведвальнікаў старонкі дастаткова доўга для іх, каб даведацца, што яны павінны вучыцца або выконваць канкрэтны дзеянне, якое сігналізуе пра «перамогі» на сайце. Так, калі справа даходзіць да вэб-сайта, выявы могуць быць на самай справе каштуе больш, чым тысячы слоў!

Так з важнасцю онлайн малюнкаў ўстаноўлена, давайце разгледзім наступны, што ваш сайт кажучы, калі малюнак, якое павінна быць на сайце не загружаецца? Гэта можа здарыцца, ці ёсць у вас убудаваныя выявы, якія з'яўляюцца часткай HTML або фонавых малюнкаў, якія ўжываюцца з дапамогай CSS (і ваш сайт, верагодна, мае абодва гэтыя). Сутнасць заключаецца ў тым, што, калі графічны не можа загрузіць на старонцы, гэта робіць дызайн погляд зламанае, а ў некаторых выпадках, можа цалкам знішчыць карыстацкі досвед на гэтым сайце. У «Тысяча слоў», што карціна адпраўкі, вядома, не станоўчыя!

Давайце паглядзім на некаторыя з найбольш распаўсюджаных прычын , чаму малюнка не загружаюцца на сайт, а таксама тое , што вы павінны мець у ўвазе пры вырашэнні гэтай праблемы падчас тэставання вэб - сайта .

Няслушныя шляху файла

Пры даданні малюнкаў на сайт у HTML або CSS файл, вы павінны стварыць шлях да тэчцы ў структуры тэчак , дзе гэтыя файлы знаходзяцца. Гэта код, які паведамляе браўзэру, дзе шукаць і атрымліваць малюнкі с. У большасці выпадкаў гэта будзе ўнутры тэчкі з імем «адлюстравання". Калі шлях да гэтай тэчцы і файлы ўнутры яго няслушныя, малюнка не загружаюцца належным чынам, таму што браўзэр не зможа атрымаць патрэбныя файлы. Ён будзе рухацца па шляху, які вы сказалі ёй, але яна будзе ў тупік і, замест таго, каб адлюстраваць адпаведнае малюнак, прыдумаюць пустым.

Крок 1 у адладцы праблемы пры загрузцы малюнка, каб пераканацца, што шлях да файла вы закадаваныя правільна. Магчыма, вы паказалі няправільны каталог ці не правільна паказаць шлях да гэтага каталогу. Калі гэта не так, вы можаце мець яшчэ адно пытанне з гэтым шляхам. Чытайце далей!

Імёны файлаў з арфаграфічнай памылкай

Як вывучыць шляху да файлаў для вашых файлаў, а таксама пераканайцеся, што вы бачыце назву малюнкаў правільна. Па нашаму вопыту, няправільныя назвы або памылкі друку з'яўляюцца найбольш частай прычынай праблем загрузкі малюнка. Памятаеце, што вэб-браўзэры вельмі няўмольныя, калі справа даходзіць да імёнаў файлаў. Калі вы забыліся ліст па памылцы або выкарыстоўваць тую літару, браўзэр не будзе шукаць файл, які падобны і сказаць: «О, вы, верагодна, меў на ўвазе гэты, ці не так?» Не - калі файл пішацца не так, нават калі гэта блізка, ён не будзе загружаць на гэтай старонцы.

Няправільнае пашырэнне файла

У некаторых выпадках можа мець імя файла правільна прапісаны, але пашырэнне файла можа быць няправільным. Калі выява зьяўляецца .jpg файл , але ваш HTML шукае .png, будзе праблема. Пераканайцеся , што вы карыстаецеся правільны тып файла для кожнага малюнка , а затым пераканайцеся , што вы назвалі для таго ж пашырэння ў кодзе вашага сайта.

Таксама зьвярніце ўвагу на адчувальнасць да рэгістра. Калі файл заканчваецца .JPG, з літарамі усё ў шапках, але ваш код спасылкі .jpg, малых літар, ёсць некаторыя вебы-сервера, якія будуць бачыць тыя дзве розныя, нягледзячы на ​​тое, што яны адны і тыя ж наборы літар. Адчувальнасць да рэгістра мае значэнне! Менавіта таму мы заўсёды захоўваць нашы файлы з усімі малымі літарамі. Гэта дазваляе нам заўсёды выкарыстоўваць ніжні рэгістр ў кодзе, ухіляючы адну магчымую праблему, мы маглі б мець з нашымі файламі малюнкаў.

файлы адсутнічаюць

Калі шляху да файлаў выявы з'яўляюцца правільнымі, а таксама імя і пашырэнне файла таксама памылак, наступны пункт, каб праверыць, каб пераканацца, што файлы на самай справе былі загружаныя на вэб-сервер. Грэбуючы для загрузкі файлаў на гэты сервер, калі сайт запушчаны з'яўляецца распаўсюджанай памылкай, што лёгка выпусціць з-пад увагі.

Як выправіць гэтую праблему? Загрузіць гэтыя выявы, абновіце вэб-старонку, і яна павінна неадкладна вывесці на экран файлы, як і чакалася. Вы таксама можаце паспрабаваць выдаліць файл на сэрвэры і паўторна загрузіць яго. Гэта можа здацца дзіўным, але мы ўжо бачылі гэтую працу больш за адзін раз. Часам файлы пашкоджваюцца, так што гэты метад «выдаліць і замяніць» можа ў канчатковым выніку дапамагае.

Вэб-сайт хостынг Выявы ўніз

Вы звычайна жадаеце размясціць любыя выявы, што ваш сайт выкарыстоўвае на сваім уласным сэрвэры, але ў некаторых выпадках, вы можаце выкарыстоўваць выявы, якія размешчаны ў іншых месцах. Калі сайт хостынг малюнка ідзе ўніз, вашыя выявы не будуць загружаць небудзь.

перадача праблемы

Калі файл малюнак загружаецца з вонкавага дамена або самастойна, заўсёды ёсць шанец, што можа быць праблемай перадачы для гэтага файла пры яго першым запытанага ў браўзэры. Гэта не павінна быць звычайнай з'явай (калі гэта, магчыма , прыйдзецца шукаць новы хостынг - правайдэр ), але гэта можа адбыцца час ад часу.

Няўдалая бок гэтага пытання з'яўляецца тое, што на самой справе няма нічога, што вы можаце зрабіць пра гэта, бо гэта праблема па-за вашага кантролю. Добрая навіна заключаецца ў тым, што гэта часовая праблема, якая часта вырашаюцца даволі хутка. Напрыклад, калі хто-то бачыць зламаны выгляд старонкі і абнаўляе яго, што ў адзіночку часта вырашыць гэтую праблему і правільна загрузіць images.If вы бачыце зламанае малюнак, абновіце браўзэр, каб убачыць, калі магчыма, гэта быў проста пытанне перадачы на ваш першапачатковы запыт.

Некалькі заключных заўвагі

Калі вы думаеце аб малюнках і пагрузачных праблем, дзве рэчы , каб таксама мець у ўвазе , з'яўляюцца правільнае выкарыстанне ALT тэгі і хуткасці вашага вэб - сайта і агульную прадукцыйнасць.

ALT, або «альтэрнатыўны тэкст», тэгі то , што адлюстроўваецца ў браўзэры , калі малюнак не загружаецца. Яны таксама з'яўляюцца важным кампанентам у стварэнні даступных вэб-сайтаў, якія могуць быць выкарыстаны людзьмі з пэўнымі відамі інваліднасці. Кожны убудаванае малюнак на вашым сайце, павінны мець адпаведны ALT тэга. Звярніце ўвагу, што малююнкі, якія прымяняюцца з CSS не маюць гэты атрыбут.

Што тычыцца прадукцыйнасці вэб - сайта, загрузка занадта шмат малюнкаў, або нават проста некалькі волатаў малюнкаў, якія ня належным чынам аптымізаваныя для вэб - дастаўкі , будзе мець негатыўны ўплыў на хуткасць загрузкі. Па гэтай прычыне, не забудзьцеся праверыць ўплыў любых малюнкаў, якія вы выкарыстоўваеце ў дызайне вашага сайта і распачаць якія-небудзь крокі, якія неабходныя для павышэння эфектыўнасці гэтага сайта ў той жа час ствараючы агульны выгляд і адчуваць, што падыходзіць для вашага вэб-сайта праекта.