6 Mga Katarongan Kon Nganong Wala Mahimo ang Imahen sa Imong Website

Hibal-i kung nganong ang mga imahe wala magpakita sa imong website ug unsaon pag-ayo kini

Ang daan nga panultihon nag-ingon nga "ang usa ka hulagway bililhon sa usa ka libong mga pulong." Tinuod kini ilabi na sa Web, diin ang pagtan-aw sa pagtagad mubo kaayo ug busa ang husto nga hulagway mahimo gayud nga makahimo o makaguba sa usa ka site pinaagi sa pagdani sa hustong pagtagad ug pagdani sa mga bisita sa panid igo nga igo aron sila makat-on unsa ang ilang kinahanglan nga makat-on o makahimo sa usa ka piho nga aksyon nga nagpahibalo sa usa ka "kadaugan" alang sa site. Oo, kon bahin sa usa ka website, ang mga hulagway mahimo nga mas bililhon labaw sa usa ka libong mga pulong!

Busa tungod sa kaimportante sa online nga mga imahe nga gitukod, atong hisgotan sunod unsay giingon sa imong website kung ang usa ka imahen nga gituohang anaa sa site dili mabug-atan? Mahimo kini mahitabo kung ikaw adunay inline nga mga larawan nga bahin sa HTML o mga hulagway sa background nga gigamit sa CSS (ug ang imong site lagmit adunay duha niini). Ang punto mao nga kon ang usa ka graphic dili ma-load sa usa ka panid, kini makahimo sa disenyo nga makita nga nahimutangan ug, sa pipila ka mga kaso, hingpit nga makaguba sa kasinatian sa gumagamit niana nga site. Ang "usa ka libo ka mga pulong" nga gipadala sa hulagway dili gayod positibo!

Atong tan-awon ang pipila sa kasagaran nga mga katarungan nganong ang mga imahe dili mapuno sa usa ka site, ingon man usab kung unsa ang kinahanglan nga mahunahunaon sa pagsulbad niini nga problema sa panahon sa website testing .

Sayop nga Paagi sa File

Kon magdugang ka og mga larawan sa HTML o CSS file sa usa ka site, kinahanglang maghimo ka og usa ka agianan ngadto sa nahimutangan sa imong direktoryo nga istruktura diin kini nga mga file nagpuyo. Kini ang code nga nagsulti sa browser asa mangita ug makuha ang hulagway. Sa kadaghanan nga mga kaso, kini anaa sa sulod sa usa ka folder nga ginganlan og 'mga larawan.' Kon ang agianan sa niini nga folder ug sa mga file sa sulod niini sayop, ang mga imahe dili mahaayo sa husto tungod kay ang browser dili makadawat sa husto nga mga file. Kini mosunod sa dalan nga imong gisulti niini, apan kini makaigo sa usa ka patay nga katapusan ug, inay sa pagpakita sa husto nga larawan, kini mahimo nga blangko.

Ang lakang 1 sa pag-debug sa mga isyu sa pag-load sa imahe mao ang pagsiguro nga ang file nga dalan nga imong gi-code husto. Tingali imong gitino ang sayop nga direktoryo o wala sa husto nga paglista sa agianan sa direksyon. Kon kini dili mao ang kahimtang, mahimong adunay lain nga isyu sa dalan. Basaha!

Mga Ngalan Mga Ngalan nga Misspelled

Samtang imong susihon ang mga agianan sa file alang sa imong mga file, siguruha usab nga gisulat mo ang pangalan sa hulagway sa husto. Sa atong kasinatian, ang mga sayop nga mga ngalan o mga sayop mao ang labing komon nga hinungdan sa mga isyu sa pag-load sa imahe. Hinumdomi, ang mga web browsers dili mapasayloon sa pag-file sa mga pangalan. Kon nakalimot ka sa usa ka sulat nga sayop o naggamit sa sayup nga letra, ang browser dili mangita og usa ka file nga susama ug moingon, "oh, tingali imo kining gipasabot, di ba?" Dili - kung ang file nga spelling sayup, bisan kon kini duol, kini dili mabug-atan sa panid.

Sayop nga Pagpalapad sa File

Sa pipila ka mga kaso, mahimo nga ang spelling sa ngalan sa file sa husto, apan ang extension sa file mahimong sayop. Kon ang imong larawan usa ka .jpg file , apan ang imong HTML nangita alang sa .png, aduna'y problema. Siguroha nga ikaw naggamit sa husto nga tipo sa file alang sa matag larawan ug dayon siguroha nga imong gitawag alang sa sama nga extension sa code sa imong website.

Susiha usab ang pagkasensitibo sa kaso. Kung ang imong file matapos uban sa .JPG, uban ang mga letra sa tanan nga mga caps, apan ang imong mga reference sa code .jpg, ang tanan nga mga letra, adunay pipila ka mga web server nga makakita nga ang duha managlahi, bisan pa sila parehas nga mga letra sa mga letra. Ang pagkasensitibo sa kaso mahimong maihap! Mao kini ang hinungdan nga kanunay natong giluwas ang atong mga file sa tanang gagmay nga mga letra. Ang paghimo niini nagtugot kanato sa kanunay nga paggamit sa ubos sa atong kodigo, nga gikuha ang usa ka posible nga suliran nga mahimo nato sa atong mga file sa imahe.

Wala'y mga File

Kon ang mga dalan sa imong mga file sa hulagway husto, ug ang ngalan ug file extension sayup usab, ang sunod nga butang nga susihon mao ang pagsiguro nga ang mga file nga gi-upload sa web server. Ang pagpasagad sa pag-upload sa mga file sa nga server sa diha nga ang usa ka site nga gilusad mao ang usa ka komon nga sayop nga sayon ​​nga dili makita.

Giunsa nimo kini pag-ayo? I-upload ang mga hulagway, i-refresh ang imong panid sa web, ug kini kinahanglan nga gipakita dayon ang mga file sama sa gipaabut. Mahimo usab nga sulayan nga makuha ang hulagway sa server ug i-upload kini pag-usab. Tingali katingad-an kini, apan nakita nato kini nga trabaho labaw sa makausa. Usahay ang mga file madunot, mao nga ang "paagi sa pagputol ug pagpuli" mahimong makatabang.

Ang Website nga Nagdumala sa mga Imahen Nahiubos

Sa kasagaran gusto nimo nga ibutang ang bisan unsa nga mga larawan nga gigamit sa imong site sa imong kaugalingong server, apan sa pipila ka mga kaso, mahimong mogamit ka og mga imahen nga gipangadto sa laing dapit. Kung ang site nga nag-host sa imahen moubos, ang imong mga imahen dili usab mabug-atan.

Pagbalhin sa Suliran

Kung ang usa ka file sa imahen nga gikarga gikan sa usa ka gawas nga dominyo o gikan sa imong kaugalingon, kanunay adunay usa ka higayon nga adunay usa ka problema sa pagbalhin alang sa maong file sa una nga gihangyo sa browser. Dili kini usa ka kasagaran nga panghitabo (kung kini, kinahanglan nimo nga pangitaon ang usa ka bag-ong tig-abag sa hosting ), apan mahimo kini matag karon ug unya.

Ang dili maayo nga bahin sa niini nga isyu mao nga wala gayud'y mahimo nimo mahitungod niini tungod kay kini usa ka problema nga dili nimo kontrolado. Ang maayong balita mao nga kini usa ka temporaryo nga problema nga kanunay nga masulbad sa madali. Pananglitan, kung ang usa ka tawo makakita sa usa ka pahina nga nabuak ug nag-refresh niini, kana lang ang mag-ayo sa problema ug husto nga mabutang ang mga hulagway. Kung ikaw makakita sa usa ka gibug-aton nga imahe, palagsikon ang browser aron masuta kung tingali kini usa lamang ka transmission issue ang imong unang hangyo.

Pipila ka Katapusang Mga Nota

Kon maghunahuna bahin sa mga hulagway ug mabalaka nga mga butang, ang duha ka mga butang nga mahunahuna usab mao ang husto nga paggamit sa mga tag sa ALT ug sa imong website nga katulin ug sa kinatibuk-ang performance.

Ang ALT, o "alternate text", mao ang mga gipakita sa usa ka browser kon ang usa ka imahe dili mabug-atan. Sila usab usa ka importante nga bahin sa pagmugna og mga website nga magamit nga mahimong gamiton sa mga tawo nga adunay mga kakulangan. Ang matag inline nga hulagway sa imong site kinahanglan adunay angay nga tag ALT. Matikdi nga ang mga hulagway nga gigamit sa CSS wala niini nga hiyas.

Sama sa alang sa website performance, pag-load sa daghang mga hulagway, o bisan pipila ka higanteng mga hulagway nga dili husto nga gi-optimize alang sa web delivery , adunay negatibo nga epekto sa loading speed. Tungod niini nga hinungdan, siguroha ang pagsulay sa epekto sa bisan unsang mga imahen nga imong gigamit sa disenyo sa imong site ug paghimo sa bisan unsa nga mga lakang nga gikinahanglan aron mapaayo ang pasundayag sa site nga anaa pa sa paghimo sa kinatibuk-an nga hitsura ug pagbati nga angay alang sa imong proyekto sa website.