Alamin kung bakit ang mga imahe ay hindi nagpapakita sa iyong website at kung paano ayusin ang mga ito
Ang lumang kasabihan napupunta na "isang larawan ay nagkakahalaga ng isang libong mga salita." Tunay na totoo ito sa Web, kung saan ang mga distansiya ng pansin ay hindi maikakita at kaya ang tamang imahe ay maaari talagang gumawa o masira ang isang site sa pamamagitan ng pag-akit ng tamang atensyon at sapat na mahahalagang mga bisita sa pahina upang matutunan nila kung ano ang kailangan nilang matutunan o magsagawa ng isang tiyak na aksyon na nagpapahiwatig ng isang "manalo" para sa site. Oo, pagdating sa isang website, ang mga imahe ay maaaring talagang nagkakahalaga ng higit sa isang libong mga salita!
Kaya sa kahalagahan ng mga online na imahe na itinatag, susunod na isaalang-alang kung ano ang iyong website sinasabi kung ang isang imahe na dapat na sa site nabigo upang i-load? Maaaring mangyari ito kung mayroon kang mga inline na larawan na bahagi ng HTML o mga larawan sa background na inilapat sa CSS (at ang iyong site ay malamang na pareho sa mga ito). Ang ilalim na linya ay na kapag ang isang graphic nabigo upang i-load sa isang pahina, ito ay gumagawa ng hitsura ng hitsura nasira at, sa ilang mga kaso, maaari ganap na sirain ang karanasan ng gumagamit sa site na iyon. Ang "libong salita" na ang pagpapadala ng larawan ay tiyak na hindi positibo!
Tingnan natin ang ilan sa mga karaniwang dahilan kung bakit ang mga imahe ay mabibigo na mag-load sa isang site, pati na rin kung ano ang dapat mong isipin kapag pag-troubleshoot ang problemang ito sa panahon ng pagsubok ng website .
Maling Mga Path ng File
Kapag nagdagdag ka ng mga larawan sa HTML o CSS file ng site, dapat kang lumikha ng path sa lokasyon sa istraktura ng iyong direktoryo kung saan naninirahan ang mga file na iyon. Ito ang code na nagsasabi sa browser kung saan hahanapin at makuha ang imahe mula sa. Sa karamihan ng mga kaso, ito ay nasa loob ng isang folder na may pangalang 'mga imahe.' Kung ang landas sa folder na ito at ang mga file sa loob nito ay hindi tama, ang mga imahe ay hindi maa-load ng maayos dahil ang browser ay hindi makakakuha ng tamang mga file. Susundan nito ang path na iyong sinabi sa, ngunit ito ay pindutin ang isang patay na dulo at, sa halip na ipakita ang naaangkop na imahe, ay darating na blangko.
Hakbang 1 sa pag-debug ng mga isyu sa paglo-load ng imahe ay upang tiyakin na ang path ng file na iyong na-code ay tama. Marahil ay tinukoy mo ang maling direktoryo o hindi wastong inilista ang landas sa direktyong iyon. Kung hindi ito ang mga kaso, maaari kang magkaroon ng isa pang isyu sa landas na iyon. Basahin ang!
Mga File Mga Pangalan na Nawala ang Misspelled
Habang sinusuri mo ang mga landas ng file para sa iyong mga file, siguraduhin din na na-spell mo ang pangalan ng larawan ng tama. Sa aming karanasan, ang mga hindi tamang pangalan o maling pagbaybay ay ang pinakakaraniwang dahilan ng mga isyu sa paglo-load ng imahe. Tandaan, ang mga web browser ay napaka-unforgiving pagdating sa mga pangalan ng file. Kung nakalimutan mo ang isang sulat nang hindi sinasadya o gumamit ng maling sulat, ang browser ay hindi maghanap ng isang file na katulad at sasabihin, "oh, marahil ay nangangahulugan ito ng isa, tama?" Hindi - kung ang file ay nabaybay nang mali, kahit na ito ay malapit na, hindi ito makakarga sa pahina.
Maling Extension ng File
Sa ilang mga kaso, maaaring may spelling ang pangalan ng file nang tama, ngunit maaaring hindi tama ang extension ng file. Kung ang iyong larawan ay isang .jpg na file , ngunit ang iyong HTML ay naghahanap ng .png, magkakaroon ng problema. Tiyaking ginagamit mo ang wastong uri ng file para sa bawat larawan at pagkatapos ay siguraduhing tinawag mo ang parehong extension sa code ng iyong website.
Tumingin din para sa sensitivity ng kaso. Kung ang iyong file ay nagtatapos sa .JPG, na may mga titik na lahat sa mga takip, ngunit ang iyong mga reference na .jpg ng code, ang lahat ng mga maliliit na titik, mayroong ilang mga web server na makakakita ng dalawa na iba, kahit na ang mga ito ay parehong mga hanay ng mga titik. Ang sensitivity ng kaso ay binibilang! Ito ang dahilan kung bakit lagi naming i-save ang aming mga file sa lahat ng maliliit na titik. Ang paggawa nito ay nagpapahintulot sa amin na laging gumamit ng maliit na letra sa aming code, inaalis ang posibleng problema sa aming mga imaheng file.
Ang mga File ay Nawawala
Kung tama ang mga landas sa iyong mga file ng imahe, at ang error sa pangalan at file ay libre rin, ang susunod na item upang suriin ay upang matiyak na ang mga file ay na-upload na talaga sa web server. Ang pagpapabaya na mag-upload ng mga file sa server na iyon kapag inilunsad ang isang site ay isang pangkaraniwang pagkakamali na madaling makaligtaan.
Paano mo maayos ang problemang ito? Mag-upload ng mga larawang iyon, i-refresh ang iyong web page, at dapat itong agad na maipakita ang mga file tulad ng inaasahan. Maaari mo ring subukang tanggalin ang imahe sa server at muling i-upload ito. Maaaring tila kakaiba, ngunit nakita natin ang gawaing ito nang higit sa isang beses. Minsan ang mga file ay napinsala, kaya ang paraan na "tanggalin at palitan" ay maaaring tumulong.
Ang Pag-host ng Website ang Mga Larawan Ay Bumaba
Karaniwang gusto mong i-host ang anumang mga larawan na ginagamit ng iyong site sa iyong sariling server, ngunit sa ilang mga kaso, maaaring gumagamit ka ng mga imaheng na-host sa ibang lugar. Kung ang site na nagho-host ng imahe ay bumaba, ang iyong mga imahe ay hindi na mag-load ng alinman.
Maglipat ng Problema
Kung ang isang imahe file ay ikinarga mula sa isang panlabas na domain o mula sa iyong sarili, palaging may pagkakataon na maaaring mayroong problema sa paglipat para sa file na ito kung ito ay unang hiniling ng browser. Hindi ito dapat maging isang pangkaraniwang pangyayari (kung ito ay, maaaring kailangan mong maghanap ng isang bagong hosting provider ), ngunit maaari itong mangyari paminsan-minsan.
Ang kapus-palad na bahagi ng isyung ito ay na talagang wala kang magagawa tungkol dito dahil ito ay problema sa labas ng iyong kontrol. Ang mabuting balita ay ito ay isang pansamantalang problema na kadalasang nalutas na medyo mabilis. Halimbawa, kapag nakikita ng isang tao ang isang pahina na pinaghiwa-hiwalay at nagre-refresh ito, na nag-iisa ay madalas na ayusin ang problema at maayos na i-load ang mga imahe. Kung nakikita mo ang isang sirang imahe, i-refresh ang browser upang makita kung marahil ito ay isang isyu sa paghahatid sa ang iyong unang kahilingan.
Ilang Final Notes
Kapag nag-iisip tungkol sa mga larawan at pag-load ng mga alalahanin, dalawang bagay na dapat ding maging maingat ay ang tamang paggamit ng mga tag ng ALT at bilis ng iyong website at pangkalahatang pagganap.
Ang ALT, o "kahaliling teksto", ang mga tag ay kung ano ang ipinapakita ng isang browser kung ang isang imahe ay nabigo. Mahalaga rin ang mga ito sa paglikha ng mga website na magagamit na magagamit ng mga taong may ilang mga kapansanan. Ang bawat inline na imahe sa iyong site ay dapat magkaroon ng naaangkop na ALT na tag. Tandaan na ang mga imahe na inilapat sa CSS ay walang katangian na ito.
Tulad ng pagganap ng website, naglo-load ng napakaraming mga larawan, o kahit na ilang mga higante na mga larawan na hindi maayos na na-optimize para sa paghahatid ng web , ay magkakaroon ng negatibong epekto sa bilis ng pag-load. Para sa kadahilanang ito, siguraduhin na subukan ang epekto ng anumang mga imahe na ginagamit mo sa disenyo ng iyong site at gumawa ng anumang mga hakbang na kinakailangan upang mapabuti ang pagganap ng site habang lumilikha pa rin ang pangkalahatang hitsura at pakiramdam na angkop para sa iyong proyekto sa website.