Eski bir söz, "bir resim bin kelimeye bedeldir" der. Bu slogan, dikkatin yoğunlaştığı web'de parlıyor çok kısadır—doğru görsel, doğru dikkati çekerek ve ilgi çekici bir sayfa sağlayarak bir siteyi oluşturabilir veya bozabilir Ziyaretçi.
Yine de bir grafik yüklenemediğinde tasarımın bozuk görünmesine neden olur ve bazı durumlarda o sitedeki kullanıcı deneyimini bozabilir. Kırık resmin yolladığı "bin kelime" kesinlikle olumlu sözler değil!
1. Yanlış Dosya Yolları
Bir siteye resim eklediğinizde HTML veya CSS dosyanız varsa, dizin yapınızda bu dosyaların bulunduğu konuma giden bir yol oluşturmalısınız. Bu, tarayıcıya görüntüyü nerede arayacağını ve nereden alacağını söyleyen koddur. Çoğu durumda, bu, adlı bir klasörün içinde olur. Görüntüler. Bu klasörün yolu ve içindeki dosyalar yanlışsa, tarayıcı doğru dosyaları alamayacağından resimler düzgün yüklenmeyecektir. Söylediğiniz yolu izleyecek, ancak çıkmaza girecek ve uygun görüntüyü göstermek yerine boş çıkacaktır.
2. Yanlış Yazılan Dosya Adları
siz incelerken dosya yolları dosyalarınız için görüntünün adını doğru yazdığınızı doğrulayın. Yanlış adlar veya yazım hataları, görüntü yükleme sorunlarının en yaygın nedenidir.
3. Yanlış Dosya Uzantıları
Bazı durumlarda, dosyanın adını doğru yazmış olabilirsiniz, ancak dosya uzantısı yanlış olabilir. Eğer imajınız bir .jpg dosyası, ancak HTML'niz bir .png arıyor, bir sorun olacak. Her görüntü için doğru dosya türünü kullanın ve ardından web sitenizin kodunda aynı uzantıya başvurun.
Ayrıca, büyük/küçük harf duyarlılığına bakın. Dosyanız .JPG ile bitiyorsa ve harflerin tamamı büyük harfle yazılmışsa, ancak kodunuz .jpg'ye atıfta bulunuyorsa, tümü küçük harfle, belirli web sunucuları, aynı kümeler olmasına rağmen bu ikisini farklı görür. mektuplar. Büyük/küçük harf duyarlılığı önemlidir.
Dosyaları her zaman tamamen küçük harflerle kaydetmek en iyi uygulamadır. Bunu yapmak, kodumuzda her zaman küçük harf kullanmamıza izin vererek, görüntü dosyalarımızda yaşayabileceğimiz olası bir sorunu ortadan kaldırır.
4. Kayıp dosyalar
Görüntü dosyalarınızın yolları doğruysa ve ad ve Dosya uzantısı ayrıca hatasız, dosyaların web sunucusuna yüklenip yüklenmediğini kontrol edin. Bir site başlatıldığında bu sunucuya dosya yüklemeyi ihmal etmek, gözden kaçırması kolay yaygın bir hatadır.
Bu resimleri yükleyin, web sayfanızı yenileyin ve dosyaları beklendiği gibi hemen göstersin. Ayrıca sunucudaki görüntüyü silip yeniden yüklemeyi deneyebilirsiniz. Bazen dosyalar aktarımlar sırasında bozulur (örneğin, FTP sırasında ikili aktarım yerine metin yoluyla), bu nedenle bu "silme ve değiştirme" yöntemi bazen yardımcı olur.
5. Görüntüleri Barındıran Web Sitesi Kapalı
Normalde sitenizin kullandığı resimleri kendi başınıza barındıracaksınız. sunucu, ancak bazı durumlarda, başka bir yerde barındırılan resimleri kullanıyor olabilirsiniz. Resmi barındıran site kapanırsa, resimleriniz de yüklenmeyecektir.
6. Aktarım Sorunları
Bir görüntü dosyası ister harici bir alandan ister kendi alanınızdan yüklenmiş olsun, tarayıcı tarafından ilk talep edildiğinde o dosya için bir aktarım sorunu olma ihtimali her zaman vardır. Bu sorun sık rastlanan bir durum olmamalıdır (eğer öyleyse, yeni bir barındırma sağlayıcısı aramanız gerekebilir), ancak zaman zaman olabilir.
Bu aksaklığın yaygın bir nedeni, sunucunun aşırı yüklenmesi ve istek zaman aşımına uğramadan önce tüm sayfa varlıklarını yeterince hızlı bir şekilde sunamamasıdır. Daha karmaşık, komut dosyası ağırlıklı sitelerle başa çıkmakta zorlanan, ucuza sağlanan sanal web sunucularında bu sorunu daha sık görürsünüz. Bu sorun sık sık meydana geliyorsa, sunucunun özelliklerini yükseltmeyi düşünün veya yeni bir ana bilgisayar bulun.
7. Veritabanı Sorunları
WordPress gibi modern dinamik web uygulamaları, resimler de dahil olmak üzere bir sitedeki her şey hakkında bilgi depolamak için bir veritabanına güvenir. Siteniz resimleri yükleyemiyorsa, veritabanında bir sorun olabilir.
Veritabanı sorunlarının ortaya çıkmasının birçok yolu vardır. Uygulamanız veritabanına bağlı bile olmayabilir, çünkü uygulamanız kapalı veya farklı bir sunucuda erişilememektedir. Veritabanının kendisinde bir şeyler bozulmuş olabilir veya veritabanı kullanıcı bilgileriniz değişerek oturumunuzu kapatmış olabilir. Basit ayar değişiklikleri bile, veritabanını değiştiren veya erişilemez hale getiren istenmeyen sonuçları tetikleyebilir. Veritabanının suçlu olup olmadığını görmek için sunucu günlüklerini kontrol edin.
Birkaç Son Not
Yi hesaba kat ALT etiketlerinin doğru kullanımı ve web sitenizin hızı ve genel performansı.
ALT veya "alternatif metin" etiketleri, bir resim yüklenemezse tarayıcı tarafından görüntülenen etiketlerdir. Ayrıca, belirli engelli kişiler tarafından kullanılabilecek erişilebilir web siteleri oluşturmanın önemli bir bileşenidir. Sitenizdeki her satır içi resmin uygun bir ALT etiketi olmalıdır. CSS ile uygulanan resimler bu özelliği sunmaz.