შეიტყვეთ, რატომ არ აჩვენებს სურათებს თქვენს ვებსაიტზე და როგორ აფიქსირებთ მათ
ძველი სიტყვები მიდის, რომ "სურათზე ათასი სიტყვა ღირს." ეს განსაკუთრებით შეესაბამება ინტერნეტს, სადაც ყურადღება დაფარულია მოკლედ და ასე რომ უფლება სურათს შეუძლია მართლაც გააკეთოს ან დაარღვიოს საიტი სწორი ყურადღების მოზიდვისა და მოგზაურობის მომგებიან ვიზიტორთათვის, მათთვის გაცილებით საკმარისი იმისათვის, რომ ისწავლონ, თუ რა უნდა ვისწავლოთ ან კონკრეტული აქცია, რომელიც "მოგებას" ნიშნავს საიტზე. დიახ, როდესაც საქმე ეხება ვებგვერდს, გამოსახულებები შეიძლება უფრო მეტი იყოს, ვიდრე ათასზე მეტი სიტყვა!
ასე რომ მნიშვნელობა ონლაინ სურათები დადგენილი, მოდით შემდეგი მიიჩნევს, რა არის თქვენი ნახვა ამბობდა თუ სურათი, რომელიც უნდა იყოს საიტზე ვერ ჩატვირთვა? ეს შეიძლება მოხდეს თუ არა თქვენ გაქვთ ის სურათები, რომლებიც HTML ან ფონური გამოსახულების ნაწილია CSS- ით (და თქვენს საიტზე შესაძლებელია ორივე). ქვედა ხაზი არის ის, რომ როდესაც გრაფიკული ვერ დატვირთვა გვერდზე, ეს ქმნის დიზაინი გამოიყურება გატეხილი და, ზოგიერთ შემთხვევაში, მთლიანად გაანადგურებს მომხმარებლის გამოცდილება, რომ საიტზე. "ათასი სიტყვა", რომელიც სურათს აგზავნის, ნამდვილად პოზიტიური პირობაა!
მოდით შევხედოთ ზოგიერთ საერთო მიზეზს, თუ რატომ ვერ მოახდენს სურათებს სურათების ჩატვირთვას, ისევე როგორც რა უნდა იყოს მხედველობიდან, როდესაც ამ პრობლემის გადატვირთვისას ვებ-ტესტირება ხდება .
არასწორი ფაილის ბილიკები
როდესაც თქვენ დაამატებთ სურათების HTML- ის ან CSS- ის ფაილს, თქვენ უნდა შექმნან გზა თქვენს მდებარეობა სტრუქტურებში მდებარე ადგილას, სადაც ეს ფაილი ცხოვრობს. ეს არის კოდი, რომელიც ეუბნება ბრაუზერს, სადაც უნდა გამოიყურებოდეს და მოიტანოს გამოსახულება. უმეტეს შემთხვევაში, ეს იქნება საქაღალდე შიგნით "images". თუ ამ ფოლდს და მის შიგნით არსებული ფაილები არასწორია, სურათებს არ ჩაიტვირთება, რადგან ბრაუზერი ვერ შეძლებს სწორი ფაილების მიღებას. ის მოჰყვება იმ გზას, რომელიც მას უთხრა, მაგრამ ის მოხვდება ჩიხიდან და ნაცვლად გამოსახულების შესაბამისი ნაცვლად გამოჩნდება ცარიელი.
ნაბიჯი 1 in debugging სურათი დატვირთვის საკითხები არის დავრწმუნდეთ, რომ ფაილის გზა თქვენ კოდირებული არის სწორი. ალბათ თქვენ მითითებული არასწორი დირექტორია ან არ სწორად სიაში გზა, რომ დირექტორია. თუ ეს ასე არ არის, თქვენ შეიძლება სხვა გზავნილი ამ გზასთან. წაიკითხე!
ფაილები სახელები Misspelled
როგორც თქვენ შეისწავლით ფაილის ბილიკებს თქვენი ფაილებისთვის, ასევე დარწმუნდით, რომ სწორად გამოსახული გაქვთ სახელი. ჩვენი გამოცდილება, არასწორი სახელები ან misspellings არის ყველაზე გავრცელებული მიზეზი გამოსახულების დატვირთვის საკითხები. გახსოვდეთ, ვებ ბრაუზერები ძალიან unforgiving როდესაც საქმე სახელები. თუ დაგავიწყდათ შეცდომა ან შეცდომით გამოიყენე არასწორი წერილი, ბრაუზერი ვერ იხილავს იმ ფაილს, რომელიც მსგავსია და ვთქვათ, "ოჰ, ალბათ, გულისხმობ ამას?" არა - თუ ფაილი არის ჩაწერეთ არასწორი, მაშინაც კი, თუ ის ახლოს არის, ის არ ჩაიტვირთება გვერდზე.
არასწორი ფაილის გაფართოება
ზოგიერთ შემთხვევაში, თქვენ შეიძლება ჰქონდეს სახელით სწორად ჩაწერილი ფაილი, მაგრამ ფაილის გაფართოება შეიძლება იყოს არასწორი. თუ თქვენი სურათია .jpg ფაილი , მაგრამ თქვენი HTML ეძებს .png, იქნება პრობლემა. დარწმუნდით, რომ თქვენ იყენებთ სწორი ფაილის ტიპს თითოეული სურათისთვის და შემდეგ დარწმუნდით, რომ თქვენს ვებ-კოდიში იგივე გაფართოება გამოიძახეთ.
ასევე გამოიყურება საქმისადმი მგრძნობელობა. თუ თქვენი ფაილი მთავრდება .JPG, ასოებით ყველა ასოებით, მაგრამ თქვენი კოდის მითითება. Jpg, ყველა ჩარჩო, არსებობს გარკვეული ვებ სერვერები, რომლებიც დაინახავთ ამ ორი განსხვავებულობას, მიუხედავად იმისა, რომ ისინი იგივე ასოები არიან. საქმე მგრძნობელობა ითვლის! ამიტომ ჩვენ ყოველთვის გადავარჩინოთ ჩვენი ფაილი ყველა ასოებით. ამის გაკეთება საშუალებას გვაძლევს ყოველთვის ვიყენოთ ჩვენს კოდში, აღმოვჩნდეთ ერთი შესაძლო პრობლემა, რომელსაც ჩვენ შეგვიძლია ჰქონდეთ ჩვენი ფაილები.
ფაილები დაკარგულია
იმ შემთხვევაში, თუ თქვენი ფაილების ბილიკები სწორია და სახელი და ფაილის გაფართოება ასევე შეცდომაა, მომდევნო ნივთის შემოწმება არის ის, რომ ფაილები ატვირთულია სერვერზე. უგულებელყოფა ფაილების ატვირთვა ამ სერვერზე, როდესაც საიტი იწყება საერთო შეცდომა, რომელიც ადვილად შეუმჩნეველია.
როგორ აფიქსირებთ ამ პრობლემას? ატვირთეთ ეს სურათები, განაახლეთ თქვენი ვებ-გვერდი და დაუყოვნებლივ უნდა გამოაქვეყნოთ ფაილი მოსალოდნელი. ასევე შეგიძლიათ სცადოთ სერვერზე გამოსახულების წაშლა და ხელახლა ატვირთოთ იგი. ეს შეიძლება უცნაურად ჩანდეს, მაგრამ ეს ნამუშევარი ერთზე მეტჯერ გვინახავს. ზოგჯერ ფაილები დაზიანებულია, ამიტომ ამ "წაშლა და შეცვლის" მეთოდი შეიძლება დასრულდეს.
ვებ გვერდი ჰოსტინგი
თქვენ, როგორც წესი, გვინდა, რომ თქვენს საიტზე თქვენი საიტი გამოიყენოთ, მაგრამ ზოგიერთ შემთხვევაში, თქვენ შეიძლება იყენებთ სურათებს, რომლებიც სხვაგან არიან განთავსებული. თუ ეს საიტი ჰოსტინგის სურათზე მიდის ქვემოთ, თქვენი გამოსახულება არ აპირებს ჩატვირთვას.
გადაცემის პრობლემა
არის თუ არა გამოსახულების ფაილი დატვირთული გარე დომენიდან ან თქვენი საკუთარი, ყოველთვის არის შანსი, რომ შეიძლება იყოს გადაცემის პრობლემა ამ ფაილისთვის, როდესაც ის პირველად მოითხოვა ბრაუზერი. ეს არ უნდა იყოს საერთო კავშირი (თუ ის არის, შეიძლება საჭირო გახდეს ახალი ჰოსტინგის პროვაიდერი ), მაგრამ ეს დროდადრო შეიძლება მოხდეს.
ამ საკითხის სამწუხარო მხარეა ის, რომ მართლაც არაფერია ამის გაკეთება, რადგან ეს არის თქვენი კონტროლის მიღმა არსებული პრობლემა. კარგი ამბავი ისაა, რომ ეს დროებითი პრობლემაა, რომელიც ხშირად სწრაფად მოგვარდება. მაგალითად, როცა ვინმე იხილავს გატეხილი გვერდზე და ამსუბუქებს მას, რომ მარტო ხშირად პრობლემის გადასაჭრელად და სურათებს სწორად ჩაიტვირთება. თუ თქვენ იხილავთ გატეხილი გამოსახულება, განაახლეთ ბრაუზერი, თუ სავარაუდოა, რომ ეს მხოლოდ გადაცემის საკითხი იყო თქვენი საწყისი მოთხოვნა.
რამდენიმე საბოლოო შენიშვნები
როდესაც ფიქრობენ სურათების და დატვირთვის შეშფოთება, ორი რამ უნდა იყოს მავიწყდება არის სათანადო გამოყენების ALT tags და თქვენი ნახვა სიჩქარე და საერთო ჯამში.
ALT, ან "ალტერნატიული ტექსტი", tags არის ის, რაც არის ნაჩვენები ბრაუზერის თუ გამოსახულება ვერ იტვირთება. ისინი ასევე მნიშვნელოვანი კომპონენტია ხელმისაწვდომი ვებსაიტების შესაქმნელად, რაც შეიძლება გარკვეული შეზღუდული შესაძლებლობის მქონე ადამიანებმა გამოიყენონ. თქვენს ყველა საიდუმლო სურათს უნდა ჰქონდეთ შესაბამისი ALT ტეგი. გაითვალისწინეთ, რომ CSS- ზე გამოყენებულ სურათებს არ აქვთ ამ ატრიბუტი.
რაც შეეხება ვებ-შესრულებას, იტვირთება ძალიან ბევრი სურათი, ან თუნდაც რამდენიმე გიგანტური გამოსახულება, რომელიც არ არის სათანადოდ ოპტიმიზირებულია ვებ-გვერდისთვის , უარყოფით გავლენას მოახდენს დატვირთვის სიჩქარეზე. ამ მიზეზით, დარწმუნდით, რომ შეამოწმოთ ნებისმიერი სურათის გავლენა, რომელიც გამოიყენებთ თქვენს საიტის დიზაინს და განახორციელოთ ნებისმიერი ნაბიჯი, რომელიც აუცილებელია საიტის შესრულების გასაუმჯობესებლად, ზოგადად შექმნის ზოგად სახეს და ვგრძნობთ თქვენს ვებ-გვერდს.