Зураг яагаад таны вебсайтад харагдахгүй, яаж засах талаар суралц
Хуучин үг нь "зураг нь мянган үгтэй тэнцүү" гэсэн үг юм. Энэ нь ялангуяа Вэб дээр анхаарал татахуйц урт богино байх бөгөөд ялангуяа зөв зургийг зөв анхаарал хандуулж, хуудасны зочдыг сайтар олж авах эсвэл сайтар эвдэх боломжтой байдаг. сайтыг ялах "ялалт" гэсэн дохио өгдөг. Тийм ээ, вэбсайтад ирэхэд зураг нь үнэндээ мянган үгнээс илүү үнэтэй байж болно!
Ингэснээр онлайн зургуудын ач холбогдлын хувьд вэб сайтад байх ёстой зураг нь ачаалагдахгүй байгаа бол таны вэбсайт юу гэж үзье. Энэ нь CSS-т хэрэглэсэн HTML эсвэл арын зургуудын зураасан дүрсүүд байгаа эсэх (таны вэбсайтад магадгүй хоёуланд нь байдаг) байж болно. Хамгийн гол нь график хуудас дээр ачаалал өгдөггүй бол дизайн нь эвдэрч, зарим тохиолдолд тухайн сайтын хэрэглэгчийн туршлагыг бүрэн устгаж чаддаг. Зурагт илгээсэн "мянган үгс" эерэг зүйл биш юм!
Вэбсайтыг туршиж үзэхэд ямар нэг зураг ачаалахгүй байх, түүнчлэн вэбсайт тестийн явцад энэ асуудлыг шийдвэрлэхэд анхаарах ёстой зүйлсийн талаархи зарим нэг нийтлэг шалтгааныг авч үзье.
Файл буруу замууд
Та сайтын HTML эсвэл CSS файлд зургийг нэмэх үед эдгээр файлууд байрлаж буй сангийн бүтэц дэх байрлалыг үүсгэх ёстой. Энэ бол хайж буй хөтөчийг хаанаас хайж олох, зургийг татаж авах код юм. Ихэнх тохиолдолд энэ нь 'зураг' нэртэй фолдер дотор байх болно. Хэрэв энэ фолдер болон доторх файлууд буруу байгаа бол хөтчүүд зөв файлуудыг олж авах боломжгүй учраас зурагнууд зөв ачаалагдахгүй болно. Энэ нь таны өгсөн замыг дагах болно, гэхдээ энэ нь үхсэн төгсгөлийг цохиж, зохих дүрсийг харуулахын оронд хоосон гарч ирэх болно.
Зураг дээрх ачаалах асуудлуудыг дибаг хийх алхам нь таны кодлосон файлыг зөв эсэхийг шалгах явдал юм. Магадгүй та буруу сануулга өгсөн эсвэл тэр сан руу замаа зөв жагсаахгүй байж болох юм. Хэрэв тийм биш бол та тэрхүү зам дээр өөр асуудал байж болно. Read on!
Файлуудыг буруу бичсэн нэрс файлууд
Файлуудынхаа файлын замыг шалгаж байхдаа зурагны нэрийг зөв оруулсан эсэхийг шалгаарай. Бидний туршлага дээр алдаатай нэр алдаатай эсвэл алдаа дутагдал нь зураг ачааллах асуудлуудын хамгийн нийтлэг асуудал юм. Вэб браузер нь файлын нэрсэд маш их уучлалгүй байдаг гэдгийг санаарай. Хэрэв та алдаа захидал мартсан эсвэл буруу захидлыг хэрэглэж байгаа бол браузер нь ижил төстэй файл хайхгүй байх болно. Үгүй - хэрэв файл буруу алдагдсан бол, энэ нь ойрхон байгаа тохиолдолд хуудсанд ачаалахгүй.
Файл өргөтгөл буруу байна
Зарим тохиолдолд та файлын нэрийг зөв бичигдсэн байж болох боловч файлын өргөтгөл буруу байж магадгүй юм. Хэрэв таны зураг бол .jpg файл юм , гэхдээ таны HTML нь .png хайж байгаа бөгөөд асуудал үүсэх болно. Зураг бүрийн хувьд зөв файлын төрлийг ашиглаж байгаа эсэхээ шалгаарай, дараа нь та өөрийн вэбсайтын кодод ижил өргөтгөлөөр дуудсан эсэхээ шалгаарай.
Мөн тохиолдлын мэдрэмжийг эрж хай. Хэрэв таны файл .JPG хамтаар дууссан бол үсэгнүүд бүгдээрээ таг, гэхдээ таны кодын лавлах .jpg, бүх жижиг үсгээр тодорхойлогдсон хэд хэдэн вэб серверүүд байгаа бөгөөд тэдгээр нь адилхан тооны үсэг байсан ч тэдгээр нь ялгаатай болохыг харах болно. Кейс мэдрэмжийн тоо! Тиймээс бид өөрсдийн бүх файлуудаа бүх жижиг үсэгээр хадгалах болно. Ингэснээр бид кодынхаа жижиг үсгийг үргэлж ашиглах боломжтой бөгөөд бидний зургийн файлуудтай холбоотой нэг боломжит асуудлыг арилгаж өгдөг.
Файлууд алга байна
Хэрэв таны зургийн файл руу орох замууд зөв, нэр, файлын өргөтгөл нь бас алдаатай бол, дараагийн шалгах зүйл нь файлууд нь үнэхээр вэб серверт байршуулагдсан эсэхийг шалгах явдал юм. Сайтыг ажиллуулах үед сервер рүү файл байршуулахыг үл тоомсорлох нь төөрөлдөхөд хялбар байдаг нийтлэг алдаа юм.
Та энэ асуудлыг яаж засаж байна вэ? Эдгээр зургуудыг байршуулж, вэб хуудсаа сэргээхийн тулд файлыг нэн даруй харуулах ёстой. Та мөн сервер дээрх зургийг устгахыг оролдож мөн дахин байршуулахыг оролдож болно. Энэ нь хачирхалтай санагдаж болох ч бид энэ ажлыг нэгээс илүү удаа үзсэн. Заримдаа файлууд эвдэрсэн тул энэ "устгах ба солих" аргыг туслахад хүрч болно.
Вэбсайтыг байршуулах вэбсайт
Та өөрийн вэбсайтаа өөрийнхөө сервер дээр ашигладаг дурын зургийг ерөнхийдөө хослуулахыг хүсэж болох боловч зарим тохиолдолд та өөр газарт байршуулсан зургуудыг ашиглаж магадгүй. Хэрвээ тухайн вэбсайтыг байршуулахыг зогсоовол таны зургууд бас ачаалал өгөхгүй.
Асуудлыг шилжүүлэх
Зургийн файлыг гадаад домэйн эсвэл өөрийнхөөс өөрөөс нь суулгасан эсэхээс үл хамааран хөтөч дээрээс эхлээд хүссэн үедээ файл шилжүүлгийн асуудал байж магадгүй. Энэ нь нийтлэг тохиолддог зүйл биш (хэрвээ та шинэ вэбсайтыг хайж олохыг хайж болох юм ), гэхдээ энэ нь үе үе тохиолдож болно.
Энэ асуудлын харамсалтай тал бол хяналтаас гадуур асуудал гардаг тул энэ талаар юу ч хийж чадахгүй юм. Сайн мэдээ бол энэ нь түр зуур шийдэгдэх түр зуурын асуудал юм. Жишээ нь, хэн нэгэн эвдэрсэн харагдах хуудсыг хараад түүнийг сэргээдэг бол энэ нь ихэвчлэн асуудлыг шийдэж, зургийг зөв ачаалах болно. Хэрэв та эвдэрсэн зураг үзэж байгаа бол хөтчийг сэргээхийн тулд магадгүй энэ нь дамжуулалтын асуудал байсан эсэхийг магадлах таны анхны хүсэлт.
Бага эцсийн тэмдэглэл
Зургуудын талаар бодох, санаа зовох зүйлсийг авч үзэх үед ALT-ийн шошго , вэбсайтын хурд, ерөнхий гүйцэтгэлийг зөв хэрэглэх нь анхаарах хоёр зүйл юм.
ALT, эсвэл "нэмэлт текст", шошгонууд нь ачаалал өгөгдөөгүй бол вэб хөтөч дээр гарч ирдэг зүйлс юм. Эдгээр нь мөн хөгжлийн бэрхшээлтэй хүмүүс ашигладаг вэбсайтуудыг бий болгох чухал бүрэлдэхүүн хэсэг юм. Танай сайт дахь дүрсийн зураг бүр зохистой ALT таг байх ёстой. CSS-д хэрэглэсэн зургууд энэ шинж чанарыг агуулдаггүй болохыг анхаарна уу.
Вэб сайтын гүйцэтгэлийн хувьд, хэт олон зураг авах, эсвэл цөөн хэдэн том хэмжээний зурагнууд хүртэл вэб дамжуулалтанд тохиромжгүй байгаа нь ачааны хурдыг сааруулахад хүргэх болно. Энэ шалтгааны улмаас таны вэбсайт дизайнд ашигладаг дурын зургуудын үр нөлөөг турших, тухайн сайтын гүйцэтгэлийг сайжруулахад зайлшгүй шаардлагатай аливаа алхмуудыг хийх хэрэгтэй. Энэ нь ерөнхий вэбсайтын төсөлд тохирсон мэдрэмжийг бий болгодог.