Görüntü Posts

Web Sitesine Görüntü Nasıl Eklenir?

HTML’de sadece yazılarla oluşturulmuş bir site biraz sıkıcı olabilirdi. İnternette sitelere nasıl resimleri eklendiğine beraber bakalım.

HTML dökümanına imaj eklemek için <img> etiketi şu şekilde kullanılır:

<img src="images/ornek1.gif" width="120" height="90" alt="HTML Dog">

src niteliği tarayıcıya görüntüyü nerede bulabileceğini söyler. Tıpkı linklerde kullanılan <a> etiketi gibi bir linki, yukarıdaki gibi bilgisayarınızdan bir dosyayı gösterebilir.

width ve height nitelikleri ise sırasıyla görüntünün genişliğini ve yüksekliğini tanımlar. Bu nitelikleri belirlemeden resim yüklenirse görüntünün tamamını yükleyecektir. Yazdığınızda ise istenilen boyutlarda sonuç verir.

alt niteliği ise sitenize giren kullanıcılar için görüntünüzün tanımını verir ve görme engelli kullanıcılar için de okuyucu programlar sayesinde imajın tanımını verir.

  • <img> etiketi bir içeriği çevrelemediği için kapatma etiketine de ihtiyaç yoktur.
  • Web sitelerinde kullanılan görüntüler genelde JPEG, PNG veya GIF formatındadır. PNG en yüksek kaliteye ve sıkıştırma oranına sahiptir ancak bazı eski tarayıcılar tarafından desteklenmeyebilir. JPEG daha çok fotoğraf gibi görüntülerde kullanılır. GIF ise az renk seçeneği nedeniyle düşük boyutludur ve kalitesi de düşüktür.
  • Kullanıcılar web sitelerini her zaman daha hızlı kullanmak isterler ve ultra yüksek çözünürlükler hızı yavaşlatır. Görüntüleri web sitenize yüklerken en uygun kalite ve hız dengesini yakalamaya çalışmanız en uygunu olacaktır.