તમારી વેબસાઇટ પર છબીઓ શા માટે પ્રદર્શિત થતી નથી અને તેને કેવી રીતે ઠીક કરવી તે જાણો
જૂના કહેવત છે કે "એક ચિત્ર હજાર શબ્દો જેટલું છે." આ ખાસ કરીને વેબ પર સાચું છે, જ્યાં ધ્યાન સ્પાન્સ પ્રસિધ્ધ છે અને તેથી યોગ્ય છબી ખરેખર યોગ્ય ધ્યાન ખેંચીને અને પાનું મુલાકાતીઓને આકર્ષિત કરવા માટે પૂરતી લાગી શકે છે જેથી તેઓ શીખે કે તેઓ શું શીખવા અથવા ચોક્કસ કરવા ક્રિયા કે જે સાઇટ માટે "જીત" નો સંકેત આપે છે. હા, જ્યારે કોઈ વેબસાઇટની વાત આવે છે, ત્યારે છબીઓ વાસ્તવમાં એક હજાર શબ્દોથી વધુ મૂલ્યવાન હોઈ શકે છે!
તેથી ઑનલાઇન છબીઓની સ્થાપનાના મહત્વ સાથે, ચાલો હવે પછીની મુલાકાત લઈએ કે તમારી વેબસાઇટ શું કહી રહી છે જો કોઈ છબી કે જે સાઇટ પર હોવાનું માનવામાં આવે છે તે લોડ કરવામાં નિષ્ફળ જાય છે? આ તમારી પાસે ઇનલાઇન છબીઓ છે કે જે HTML અથવા બેકગ્રાઉન્ડ છબીઓનો CSS (અને તમારી સાઇટ બંનેમાં સંભવ છે તેમાં) સાથે લાગુ કરેલી ભાગ છે કે નહીં તે થઈ શકે છે. નીચે લીટી એ છે કે જયારે ગ્રાફિક કોઈ પૃષ્ઠ પર લોડ કરવામાં નિષ્ફળ જાય, ત્યારે તે ડિઝાઇનને તૂટી ગયેલ બનાવે છે અને, કેટલાક કિસ્સાઓમાં, તે સાઇટ પરના વપરાશકર્તા અનુભવને સંપૂર્ણપણે નાશ કરી શકે છે. આ ચિત્ર "હજાર શબ્દો" છે જે ચોક્કસપણે પોઝિટિવ નથી!
ચાલો કેટલાક સામાન્ય કારણો પર એક નજર કરીએ, કેમ કે છબીઓ સાઇટ પર લોડ કરવામાં નિષ્ફળ જશે, તેમજ વેબસાઇટની ચકાસણી દરમિયાન આ સમસ્યાનું નિરાકરણ કરતી વખતે તમને શું ધ્યાનમાં લેવું જોઈએ.
ખોટો ફાઇલ પાથ
જ્યારે તમે સાઇટના HTML અથવા CSS ફાઇલમાં છબીઓ ઍડ કરો છો, ત્યારે તમારે તમારા ડાયરેક્ટરી સ્ટ્રક્ચરમાં સ્થાન માટે પાથ બનાવવો જોઈએ જ્યાં તે ફાઇલો રહે છે. આ એવી કોડ છે જે બ્રાઉઝરને જ્યાંથી છબીને જોવાનું અને તેને લાવવું તે કહે છે. મોટા ભાગના કિસ્સાઓમાં, આ 'ઈમેજો' નામના ફોલ્ડરની અંદર હશે. જો આ ફોલ્ડરનો પાથ અને તેની અંદરના ફાઇલો ખોટી છે, તો છબીઓ યોગ્ય રીતે લોડ થશે નહીં કારણ કે બ્રાઉઝર યોગ્ય ફાઇલોને પુનઃપ્રાપ્ત કરી શકશે નહીં. તે તે પાથનું પાલન કરશે જે તમે તેને કહ્યું હતું, પરંતુ તે એક મૃત અંતને હિટ કરશે અને, યોગ્ય ઇમેજ દર્શાવવાને બદલે, ખાલી દેખાશે.
ઇમેજ લોડિંગ ડિબગીંગમાં પગલું 1 એ ખાતરી કરવા માટે છે કે જે ફાઇલ પાથ તમે કોડેડ કરેલ છે તે સાચું છે. કદાચ તમે ખોટી ડિરેક્ટરી નિર્દિષ્ટ કરી છે અથવા યોગ્ય રીતે તે ડિરેક્ટરીના પાથની યાદી નથી. જો આ કિસ્સો ન હોય, તો તમને તે પાથ સાથે બીજી સમસ્યા હોઈ શકે છે. પર વાંચો!
ફાઇલો નામ ખોટી જોડણી
જેમ જેમ તમે તમારી ફાઇલો માટે ફાઇલ પાથોનું પરીક્ષણ કરો છો, તેમ તમે ખાતરી કરો કે તમે ઈમેજનું નામ યોગ્ય રીતે લખ્યું છે. અમારા અનુભવમાં, ખોટા નામો અથવા ખોટી જોડણી છબી લોડિંગ મુદ્દાઓનું સૌથી સામાન્ય કારણ છે. યાદ રાખો, જ્યારે વેબ હોસ્ટ્સ નામો ફાઇલ કરવા આવે ત્યારે તે ખૂબ જ નકામું છે. જો તમે ભૂલથી પત્ર ભૂલી ગયા હો અથવા ખોટા અક્ષરનો ઉપયોગ કરશો, તો બ્રાઉઝર એવી ફાઇલ માટે દેખાશે નહીં જે સમાન છે અને કહે છે કે, "ઓહ, તમે કદાચ આનો અર્થ, અધિકાર?" ના - જો ફાઇલની જોડણી ખોટી છે, ભલે તે બંધ હોય, તો તે પૃષ્ઠ પર લોડ થશે નહીં.
ખોટો ફાઇલ એક્સ્ટેંશન
કેટલાક કિસ્સાઓમાં, તમારી પાસે ફાઇલનું નામ બરાબર જોડણી હોઈ શકે છે, પરંતુ ફાઇલ એક્સ્ટેંશન ખોટું હોઈ શકે છે. જો તમારી છબી .jpg ફાઇલ છે , પરંતુ તમારું HTML એક .png શોધી રહ્યું છે, તો એક સમસ્યા હશે. ખાતરી કરો કે તમે દરેક ઇમેજ માટે યોગ્ય ફાઇલ પ્રકારનો ઉપયોગ કરી રહ્યાં છો અને પછી ખાતરી કરો કે તમે તમારા વેબસાઇટના કોડમાં તે જ એક્સ્ટેંશન માટે કૉલ કર્યો છે.
કેસ સંવેદનશીલતા પણ જુઓ. જો તમારી ફાઇલ .JPG સાથે અંત થાય છે, તો કેપ્સમાં બધા અક્ષરો સાથે, પરંતુ તમારો કોડ સંદર્ભો .jpg, બધા લોઅરકેસ, ત્યાં અમુક વેબ સર્વર્સ છે જે તે બંને જુદા જુદા હશે, ભલે તે અક્ષરોના સમાન સમૂહ હોવા છતાં. કેસ સંવેદનશીલતા ગણતરીઓ! આ કારણે આપણે હંમેશા તમામ ફાઇલોને તમામ લોઅરકેસ અક્ષરો સાથે સંગ્રહિત કરીએ છીએ. આમ કરવું અમને અમારા કોડમાં લોઅરકેસનો ઉપયોગ કરવાની પરવાનગી આપે છે, એક સંભવિત સમસ્યાને દૂર કરી શકે છે જે અમારી છબી ફાઇલો સાથે હોઇ શકે છે
ફાઈલો ખૂટે છે
જો તમારી છબી ફાઇલોના પાથ સાચા છે, અને નામ અને ફાઇલ એક્સટેન્શન પણ ભૂલ વિનાનું છે, તો આગળની આઇટમ ચકાસવા માટે છે કે ફાઇલો વાસ્તવમાં વેબ સર્વર પર અપલોડ કરવામાં આવી છે. જ્યારે કોઈ સાઇટ લોન્ચ થાય ત્યારે તે સર્વર પર ફાઇલો અપલોડ કરવાની ઉપેક્ષા કરવી એક સામાન્ય ભૂલ છે જે અવગણવી સરળ છે.
તમે આ સમસ્યાને કેવી રીતે ઠીક કરી શકશો? તે છબીઓ અપલોડ કરો, તમારા વેબ પૃષ્ઠને તાજું કરો, અને તે અપેક્ષિત તરીકે ફાઇલોને તરત પ્રદર્શિત કરશે તમે સર્વર પરની છબી કાઢી નાખવાનો પ્રયાસ કરી શકો છો અને તેને ફરીથી અપલોડ કરી શકો છો. તે વિચિત્ર લાગે છે, પણ અમે આ કાર્યને એક કરતા વધુ વખત જોયું છે. કેટલીકવાર ફાઇલો દૂષિત થઈ જાય છે, તેથી આ "કાઢી નાંખો અને બદલો" પદ્ધતિ પદ્ધતિને મદદ કરી શકે છે.
આ છબીઓ હોસ્ટિંગ વેબસાઈટ ડાઉન છે
તમે સામાન્ય રીતે કોઈ પણ છબીઓ હોસ્ટ કરવા માંગો છો કે જે તમારી સાઇટ તમારા પોતાના સર્વર પર ઉપયોગ કરે છે, પરંતુ કેટલાક કિસ્સાઓમાં, તમે અન્યત્ર હોસ્ટ કરેલી છબીઓનો ઉપયોગ કરી રહ્યાં છો. જો છબી હોસ્ટિંગ કે સાઇટ નીચે જાય, તો તમારી છબીઓ ક્યાં તો લોડ નથી જઈ રહ્યા છે.
ટ્રાન્સફર સમસ્યા
છબી ફાઇલ બાહ્ય ડોમેન અથવા તમારા પોતાનાથી લોડ થયેલ છે કે નહીં, ત્યાં હંમેશા એવી તક છે કે તે ફાઇલ માટે એક ટ્રાંસ્ફરની સમસ્યા હોઇ શકે છે જ્યારે તે બ્રાઉઝર દ્વારા પ્રથમ વિનંતી કરવામાં આવે છે. આ એક સામાન્ય ઘટના ન હોવી જોઈએ (જો તે છે, તમારે નવા હોસ્ટિંગ પ્રોવાઇડરની શોધ કરવાની જરૂર પડી શકે છે), પરંતુ તે સમય સમય પર થઇ શકે છે
આ મુદ્દાની દુર્ભાગ્યપૂર્ણ બાજુ એ છે કે ખરેખર તે કંઇ તમે કરી શકતા નથી કારણ કે તે તમારા નિયંત્રણની બહારની સમસ્યા છે. સારા સમાચાર એ છે કે તે એક અસ્થાયી સમસ્યા છે જે ઘણી વખત ખૂબ ઝડપથી ઉકેલાઈ જાય છે. દાખલા તરીકે, જ્યારે કોઈ વ્યક્તિ તૂટેલા દેખાતા પૃષ્ઠને જુએ છે અને તે રીફ્રેશ કરે છે, ત્યારે તે જ સમસ્યાને ઠીક કરશે અને છબીઓને યોગ્ય રીતે લોડ કરશે. જો તમે તૂટેલી છબી જોઇ રહ્યા છો, તો બ્રાઉઝરને રીફ્રેશ કરો કે કદાચ તે ફક્ત એક પ્રસારણ મુદ્દો છે તમારી પ્રારંભિક વિનંતી
થોડા અંતિમ નોંધો
છબીઓ અને લોડિંગની ચિંતાઓ વિશે વિચારતી વખતે , ALT ટૅગ્સ અને તમારી વેબસાઇટની ગતિ અને એકંદર કામગીરીનો યોગ્ય ઉપયોગ એ બે વસ્તુઓને ધ્યાનમાં રાખવા માટે છે.
ALT, અથવા "વૈકલ્પિક ટેક્સ્ટ", ટેગ એ બ્રાઉઝર દ્વારા પ્રદર્શિત કરવામાં આવે છે જો કોઈ છબી લોડ થવામાં નિષ્ફળ થાય. તેઓ એવી સુલભ વેબસાઇટ્સ બનાવવા માટે પણ મહત્વનો ભાગ છે કે જે ચોક્કસ અપંગ લોકો સાથે ઉપયોગમાં લઈ શકાય છે. તમારી સાઇટની દરેક ઇનલાઇન છબીમાં યોગ્ય ALT ટૅગ હોવો જોઈએ. નોંધ કરો કે CSS માં લાગુ કરેલી છબીઓને આ વિશેષતા નથી.
વેબસાઇટની કામગીરી માટે, ઘણી બધી છબીઓને લોડ કરી રહ્યું છે અથવા તો માત્ર થોડા ગોળાઓની છબીઓ જે વેબ ડિલિવરી માટે યોગ્ય રીતે ઑપ્ટિમાઇઝ નથી, લોડિંગ ઝડપ પર નકારાત્મક અસર હશે. આ કારણોસર, તમારી સાઇટના ડિઝાઇનમાં ઉપયોગમાં લેવાતી કોઈપણ છબીઓની અસર ચકાસવા અને કોઈ પણ પગલાં લેવાની ખાતરી કરો કે જે સાઇટની પ્રદર્શનને સુધારવા માટે જરૂરી છે જ્યારે હજી એકંદરે દેખાવ બનાવીને અને લાગે છે કે તે તમારી વેબસાઇટ પ્રોજેક્ટ માટે યોગ્ય છે.