Veb-saytingizdagi tasvirlar nima uchun ko'rinmasligini va ularni qanday tuzatishni bilib oling
Qadimgi so'zlar, "rasm bir ming so'zga sazovor." Bu, ayniqsa, diqqat e'tiborni jalb etuvchi veb-saytlarda to'g'ri keladi, shuning uchun to'g'ri surat to'g'ri diqqatni jalb qilish va tashrif buyuruvchilarni jalb qilish orqali saytni sinab ko'rishi yoki yo'q qilishi mumkin. sayt uchun "qozon" ni ko'rsatadigan harakat. Ha, veb-saytga kelganda tasvirlar aslida mingdan ortiq so'zlarga teng bo'lishi mumkin!
Shunday qilib, yaratilgan onlayn tasvirlarning ahamiyati bilan keling, keyingi sahifada nima deb o'ylaysiz, agar saytdagi tasvirni yuklash kerak bo'lmaganda? Bu sizning CSS-da qo'llaniladigan HTML yoki fon tasvirlarining bir qismi bo'lgan inline rasmlarga ega bo'ladimi (yoki sizning saytingiz, ehtimol bularning ikkalasi ham bo'lishi mumkin). Pastki satrda, agar grafikka biror sahifani yuklamasada, u dizaynni sindirib tashlaydi va ba'zi hollarda ushbu saytdagi foydalanuvchi tajribasini butunlay yo'q qilishi mumkin. Surat yuborayotgan "ming so'z", albatta, ijobiy emas!
Keling, saytdagi rasmlarning nosozlik sabablari va veb-sayt sinovlari paytida bu muammoni bartaraf etishda nimani esdan chiqarmasligingiz kerakligi haqida ba'zi umumiy sabablarga e'tibor qaraylik.
Noto'g'ri Fayl yo'llari
Saytning HTML yoki CSS fayliga rasm qo'shsangiz, ushbu fayllar joylashgan katalog tuzilishidagi joyga yo'l topishingiz kerak. Bu kod brauzerni qaerdan qidirish va rasmni olib kelishini bildiradigan koddir. Ko'pgina hollarda, bu "tasvirlar" nomli papkaning ichida bo'lishi kerak. Agar ushbu papkaga va uning ichidagi fayllardagi yo'l to'g'ri bo'lmasa, tasvirlar to'g'ri yuklanmaydi, chunki brauzer to'g'ri fayllarni topa olmaydi. U siz aytgan yo'lga ergashadi, lekin u o'lik tugaguncha uriladi va tegishli tasvirni aks ettirish o'rniga bo'sh qoladi.
Rasm yuklash muammolarini tuzatishda 1-qadam siz kodlangan fayl yo'lining to'g'ri ekanligiga ishonch hosil qilishdir. Ehtimol, siz noto'g'ri katni ko'rsatgansiz yoki u katalogga to'g'ri yo'lni ko'rsatmadingiz. Agar bunday bo'lmasa, bu yo'l bilan boshqa muammo bo'lishi mumkin. O'qing!
Fayl nomlari noto'g'ri
Fayllaringizning fayl yo'llarini o'rganayotganda, shuningdek, tasvirning nomini to'g'ri yozganingizga amin bo'ling. Bizning tajribamizda noto'g'ri nomlar yoki noto'g'ri yozilganlar tasvirlarni yuklab olishning eng ko'p tarqalgan sababi hisoblanadi. Esda tutingki, veb-brauzerlar fayl nomlari kelganda juda afsusdalar. Agar xatni xatosiz unutsangiz yoki noto'g'ri harfdan foydalansangiz, brauzer xuddi shunday faylni qidirishga urinmaydi va "oh, ehtimol bu sizning ma'nosini anglatadingizmi?" Deb so'raydi. Yo'q - fayl noto'g'ri yozilgan bo'lsa, hatto yaqin bo'lsa ham, u sahifaga yuklamaydi.
Noto'g'ri Fayl kengaytmasi
Ba'zi hollarda siz faylning nomi to'g'ri yozilgan bo'lishi mumkin, ammo fayl kengaytmasi noto'g'ri bo'lishi mumkin. Rasmingiz .jpg fayl bo'lsa, HTML sizning .png sahifasini qidirmoqda, muammo paydo bo'ladi. Har bir rasm uchun to'g'ri fayl turini qo'llayotganingizga ishonch hosil qiling va keyin o'sha kengaytma uchun veb-saytingizning kodiga qo'ng'iroq qilganingizga ishonch hosil qiling.
Shuningdek, katta-kichikligi sezgirligini toping. Agar sizning faylingiz .JPG bilan tugagan bo'lsa, barcha harflardagi harflar bilan, lekin sizning kodingiz zikr qiladi .jpg, barcha kichik harflar, ular bir xil harflar majmuasi bo'lsa ham, ikkalasi farqli bo'lgan ba'zi veb-serverlar mavjud. Case hassosiyatni hisoblaydi! Shuning uchun biz har doim fayllarni barcha kichik harflar bilan saqlaymiz. Shunday qilib, bizning kodimizdan har doim ham kichik harflardan foydalanishga imkon beradi, bu bizning rasm fayllarimiz bilan bog'liq bo'lishi mumkin bo'lgan mumkin bo'lgan muammolarni bartaraf qiladi.
Fayllar etishmayapti
Agar sizning rasm fayllaringiz yo'llari to'g'ri bo'lsa va ism va fayl kengaytmasi ham bepul bo'lsa, tekshirish uchun keyingi element fayllarning aslida veb-serverga yuklanganligiga ishonch hosil qilishdir. Sayt ishga tushirilganda ushbu serverga fayllarni yuklashni e'tiborsiz qoldirib turish oson emas.
Ushbu muammoni qanday hal qilasiz? U rasmlarni yuklang, veb-sahifangizni yangilang va fayllarni kutilganidek darhol namoyish qiling. Siz serverdagi rasmni o'chirib tashlashingiz va uni qayta yuklashga harakat qilishingiz mumkin. Bu g'alati tuyulishi mumkin, ammo biz bu ishni bir necha bor ko'rganmiz. Ba'zan fayllar buziladi, shuning uchun bu "o'chirish va almashtirish" usuli yordam berish bilan tugaydi.
Suratlar veb-sayt hosting pastga
Odatda saytingiz o'z serverida foydalanadigan har qanday tasvirlarni joylashtirishni xohlaysiz, lekin ba'zi hollarda siz boshqa joylarda joylashtirilgan tasvirlardan foydalanmoqdasiz. Rasmni joylashtiradigan sayt pastga tushsa, tasvirlaringiz ham yuklanmaydi.
Transfer muammosi
Rasm fayllari tashqi domendan yoki o'zingizdan yuklanganmi, har doim brauzer tomonidan so'ralganda ushbu fayl uchun uzatish muammosi bo'lishi ehtimoli mavjud. Bu umumiy holat bo'lmasligi kerak (agar siz yangi hosting provayderini izlashingiz kerak bo'lsa ), lekin vaqti-vaqti bilan yuz berishi mumkin.
Bu masalaning baxtsizi tomoni shundaki, bu borada hech narsa qila olmaysiz, chunki u sizning nazoratingizdan tashqarida qolmoqda. Yaxshi xabar, bu tez-tez tezda hal qilinadigan vaqtinchalik muammo. Misol uchun, kimdir buzilgan sahifani ko'rgan va uni yangilagan bo'lsa, bu faqatgina muammoni tuzatadi va rasmlarni to'g'ri yuklashi mumkin. Agar buzilgan tasvirni ko'rsangiz brauzerni yangilang, aks holda u faqat translyatsiya masalasi dastlabki so'rovingiz.
Bir nechta yakuniy eslatmalar
Tasvirlar va tashvishlarni tashvishga solayotganingizda, ikkala narsa ham esda tutilishi kerak : ALT teglari va veb-sayt tezligi va umumiy ishlash.
ALT yoki "muqobil matn" teglari , agar rasm yuklanmasa brauzer tomonidan ko'rsatiladi. Ular, shuningdek, muayyan nogiron kishilar tomonidan foydalanilishi mumkin bo'lgan veb-saytlarni yaratishning muhim tarkibiy qismidir. Saytidagi har bir satr ichidagi rasmda tegishli ALT yorlig'i bo'lishi kerak. CSS bilan qo'llanilgan tasvirlar ushbu xususiyatga ega emasligiga e'tibor bering.
Veb-sayt ishlashi, juda ko'p rasmlarni yuklash yoki hatto veb-taslim qilish uchun optimallashtirilmagan bir nechta gigant rasmlari yuklash tezligiga salbiy ta'sir ko'rsatadi. Shuning uchun saytingiz dizaynida foydalanadigan har qanday tasvirlarning ta'sirini tekshirib ko'ring va veb-sayt loyihangizga mos keladigan umumiy ko'rinish va his qilishni yaratishda ushbu sayt ishlashini yaxshilash uchun zarur bo'lgan har qanday qadamlarni ko'rib chiqing.