HTML - Görüntü Dosyası Yönetimi İpuçları

HTML grafikleri. Gerçekleştirmek her zaman kolay bir iş olmayan gerçek bir dengeleme eylemidir. Kabul edelim. Tüm metin olan web sayfaları sadece kontrol etmek için sıkıcıdır. Gazetedeki ölüm ilanlarını okumak gibi. Bu nedenle grafikler, web sitenizi biraz ladin yapmaya çalışırken gerçekten kullanışlı olarak bulunabilir. Mesele şu ki, grafikler veya daha özel grafik dosyaları son derece büyük olabilir ve tam bir sayfaya girmesi için bolca zaman alabilir. Çok fazla grafiğiniz olduğunda veya seçtiğiniz grafikler büyükse, ziyaretçiler yüklenecek sayfayı dört gözle bekleyen sabrını kaybedebilir. Sonuç, değiştikleri için kitlenizi yine de kaybetmenizdir. Peki, donuk görünümlü bir web sitesi ile yüklenmesi sonsuza dek süren bir şey arasında nasıl bir denge kurabilirsiniz? Bu yazıda bu sorunla ilgili yapabileceğiniz birkaç şeyi gözden geçireceğiz.

Yapılması gereken ilk ve en kolay hareket, kendi sitenizde çok fazla grafik dosyası kullanmamaktır. Bazen, özellikle haber öğeleri içeren bir sayfanız varsa, ziyaretçilerin dikkatini tam olarak yakalamak için tam bir sayfaya sadece birkaç dikkatle yerleştirilmiş grafik dosyası alır. Bazen haber başlıklarının ana konusunun sadece tek bir fotoğrafı, bir kişilik, haber başlıkları metninin yanında gerekli olan tek şeydir. Haber başlıkları makalesinin kendisi ilk sayfanın ötesine geçerse, başka bir sayfada bununla ilişkili başka bir fotoğraf eklemek mümkündür. Bu, ziyaretçilerin her zaman ona bazı görseller vererek dikkatini çekebilir.

Yapabileceğiniz bir sonraki şey, tam bir sayfada birkaç fotoğrafınız olması gerekiyorsa, her grafik ne kadar büyük olduğunu azaltmaktır. Bir grafik dosya piksel içerir ve baytlarda boyutta beden temsil edilir. Bir grafik dosyada ne kadar çok bayt olursa, dosya o kadar büyük olursa ve tam bir sayfaya yüklenmesi o kadar uzun süre gerekir. Çoğu grafik programı, bunları sıkıştırarak kaliteyi azaltmanıza izin verir, bu da grafik detaylarından birkaçını veya piksellerden birkaçını kesin olarak alarak yapılır. Tekrarlama ile, dosyadan yeterince ayrıntı almak mümkündür, böylece ayrıntı eksikliği göz tarafından neredeyse tespit edilemez ve aynı zamanda 64.000 baytlık bir grafik dosyasını 32.000 baytlık bir grafik dosyasına indirir ve bu nedenle süreyi yarıya indirir. Sayfada birkaç fotoğrafınız varsa, bu büyük bir fark yaratabilir.

Yapılabilecek başka bir şey, GIF dosyaları olarak adlandırılan grafik dosyaları kullanmaktır, bu yüzden aslında fotoğraf ekranda yavaş yavaş görüntülenir, çünkü ziyaretçinin dosyanın yüklenmesini tamamladığı bir görüntüyü kolayca göreceğinizi görebilmenizdir .

Web sitesi tasarımcılarının bazen unuttuğu bir şey, bazı tarayıcıların grafik dosyaları doğru veya hiç görüntülememesidir. Bir web tasarım hizmeti olarak bu olasılık nedeniyle izin vermek için, HTML'nizi kodlarken, ziyaretçilerin grafikleri görüntüleyememesi durumunda, bir şeyin kastedildiğini not edebilmeleri için görüntü kaynak etiketinize alternatif metin olarak adlandırılan şeyi eklemeniz gerekir. orada ol.

Yapmanız gereken başka bir şey, fotoğraflarınızın sayfada düzgün bir şekilde çerçevelenmesini sağlamaktır. Fotoğraflarınızın etrafındaki sınırlar istiyorsanız, kendi görüntü kaynağı dosyanıza bir sınır eklediğinizden emin olun.

Son olarak, görüntü kaynak etiketlerinizdeki yükseklik ve genişlik seçenekleri olduğunuzdan emin olun. Bunun yaptığı şey, HTML kodu yüklemeden önce bile fotoğraf için kesin bir alan sunmaktır. Bu, belleğin nasıl yönetildiği için yükleme süresinin artırılmasına yardımcı olabilir.