Learje wêrom't ôfbyldings net op jo webside sjen en hoe jo se beheare
It âlde wurd seit dat "in byldtaal tûzen wurden wurd". Dit is benammen wier op 'e webside, wêrby't oandacht spannen koartskurich is en sa kin it rjochtsôfbylding echt in webside meitsje of brek meitsje troch it rjochte omtinken te meitsjen en side-besikers te lang te foldwaan foar harren te learen wat se nedich binne leare of spesifisearje hanneling dy't in "win" foar it webstee sil. Ja, as it giet om in webside, dan kinne bylden faaks mear wurdich wêze as tûzen wurden!
Dus mei it belang fan online-bylden fêstlizze, lit ús neist sjogge wat jo webside is, as in ôfbylding dy't net op it webstee lizze moat, net lade? Dit kin barre oft jo ynline ôfbyldings hawwe dy't diel útmeitsje fan 'e HTML- of eftergrûnôfbyldings dy't tapast wurde mei CSS (en jo side hat wierskynlik beide beide). De ûnderste rigel is dat as in grafyk net op in side lade, it makket it ûntwerp brutsen en, yn guon gefallen, it brûkersûnderfining op dizze webside folslein ferneatigje. De "tûzen wurden" dy't it byld sendet, binne gewoan net positive.
Litte wy nei ien fan 'e mienskiplike reden sjen, wêrom't ôfbyldings misbrûke kinne op in side, lykas jo moatte bepale as it probleem behannele is by de webside .
Ferkearde triempaden
As jo foto's taheakje oan in HTML- of CSS- triemtype, moatte jo in paad nei de lokaasje yn jo triemtafelstruktuer meitsje wêr't dizze triemmen wenje. Dit is de koade dy't de browser fertelt wêr't jo sykje om it ôfbyld te sykjen en te heljen. Yn 'e measte gefallen soe dit dan binnen in map mei de namme' ôfbyldings 'wêze. As it paad nei dizze map en de triemmen binnen it falsk binne, sille de ôfbyldings net goed laden litte, om't de browser net de goeie bestannen kin weromfiere. It sil de paden folgje dy't jo dit hawwe, mar it sil in deadende ein slaan en, yn plak fan it passende byld te sjen, sil leech wurde.
Stap 1 yn it debuggenôfbylding Belestriemen is om te soargjen dat it bestân fan jo triempaad korrekt is. Miskien hawwe jo de falske map oantsjutte of hawwe de paad net opnommen yn dit map. As dit net it gefal is, kinne jo in oare probleem hawwe mei dat paad. Lês op!
Files-nammen mislearre
As jo de triempaden foar jo bestannen ûndersykje, moatte jo derfoar soargje dat jo de namme fan it byld wis binne. Yn ús ûnderfining binne inkele nammen of miskellings de meast foarkommende oarsaak fan ôfbyldings te laden. Tink derom, webblêders binne tige ûnferjitend as it giet om triemnammen. As jo in letter fereaske of misse de ferkearde letter brûke, sil de browser net sykje foar in bestân dat soks is en sizze, "oh, jo wierskynlik betsjutte dit ien, krekt?" Nee - as de triem ferkearde spultsje is, ek as it ticht is, sil it net lade op 'e side.
Ferkearde triemferstjoering
Yn guon gefallen kinne jo de namme fan 'e bestân korrekt spelled hawwe, mar de triem-útwreiding kin ferkeard wurde. As jo ôfbylding in .jpg-triem is , mar jo HTML siket nei in .png, sil der in probleem wêze. Soargje derfoar dat jo foar elke ôfbylding it korrekte triemtype brûke en dan wis dat jo jo deselde tagongsrjochten hawwe yn jo koade fan jo webside.
Sykje ek foar gefal fan sensibiliteit. As jo triem einiget mei. JPG, mei de letters allinich yn 'e kappen, mar jo koade referinsjes .jpg, alle lytse letters, dan binne guon web tsjinners dy' t dy twa sjogge binne ferskillend, al binne se lykwols de deselde letters fan letters. Kaai sensibiliteit betinkt! Dêrom bewarje wy ús bestannen altyd mei alle lytse letters. Hjirmei soeget ús altyd brûkers yn ús koade te brûken, it fuortheljen fan ien probleem probleem dat wy mei ús byldbyldings hawwe kinne.
Triemmen misse
As de paden nei jo byldbestannen korrekt binne, en de namme en triemferskining ek flater frij binne, is it folgjende item te kontrolearjen om derfoar te soargjen dat de bestannen folslein nei de webserver oplaad binne. In negatyf foar it laden fan triemmen nei dizze tsjinner as in side ynlade is in mienskiplik flater dat maklik om te sjen is.
Hoe kinne jo dit probleem beheine? Meitsje dizze ôfbylden oan, ferfiere jo webside, en it moat dus de triemmen as ferwachte werjaan. Jo kinne ek besykje it ôfbylding op 'e tsjinner te wiskjen en it opnij te laden. It kin miskien, mar wy hawwe dit wurk mear as ien kear sjoen. Somtiden wurde bestannen beskeadige, sadat dizze metoade "wiskje en ferfange" kin helpe.
De webside dy't de ôfbyldings bewarje is ôfsletten
Jo sille gewoanwei alle ôfbyldings brûke dy't jo side brûke op jo eigen server, mar yn guon gefallen kinne jo brûke bylden dy't op oare plakken binne. As dizze webside hostet it byld ôf, sille jo ôfbyldings ek net lade.
Transfer Problem
As in byld bestân is út in eksterne domein of út jo eigen, is der altyd in kâns dat der in transferprobleem wêze kin foar dat bestân as it earst troch de browser frege wurdt. Dit moat net in mienskiplik foarkommen wêze (as it is, jo moatte miskien sykje nei in nije hosting-provider ), mar it kin fan tyd wêze.
De ûngelokkige side fan dit probleem is dat der echt neat is dat jo kinne dwaan omdat it in probleem is bûten jo kontrôle. It goede nijs is dat it in tydlik probleem is dat faak fluch frijwat oplost wurdt. Bygelyks, as immen in brekjende side sjogge en it ferfrjochtet, allinich sil it probleem faak it probleem beheine en de ôfbyldings goed lade. As jo in brutsen ôfbylding sjogge, blike de blêder om te sjen oft miskien it allinich in transmisjebedrach op jo earste oanfraach.
In pear finale notysjes
As jo tinke oan ôfbyldingen en belang fan belangen, moatte twa dingen ek achter wêze fan 'e juste brûken fan ALT-tags en jo webside snelheid en algemiene prestaasjes.
ALT, of "alternatyf tekst", wurde tagongsrjochten wat troch in blêdwizer as in ôfbylding net lade. Se binne ek in wichtige komponint by it meitsjen fan tagonklike websiden dy't brûkt wurde kinne troch minsken mei bepaalde ynvaliditeit. Alle ynlineôfbylding op jo side moat in passende ALT-tag hawwe. Tink derom dat ôfbyldings tapast wurde mei CSS hawwe dizze attribút net.
As foar webstekpresje, te folle tefolle ôfbyldings, of sels inkele rigen ôfbyldings dy't net goed optimisearre binne foar webferliening , sille in negatyf ynfloed hawwe op laden fan snelheid. Om dy reden moatte jo derfoar soargje dat de ynfloed fan alle ôfbyldings te testen binne dy't jo yn jo webstee brûke en elke stappen nimme dy't nedich binne om de prestaasje fan 'e webside te ferbetterjen, wylst it folsleine útsjocht en fiele dat it passend is foar jo websideprojekt.