HTML Resim Ekleme

HTML Resim Ekleme

Web sayfalarının çok daha geliştirilmesi amacıyla yapılan html resim ekleme aynı zamanda görsel açıdan da dikkat çekicidir. Çok daha kaliteli bir görünümün oluşması adına fotoğrafların kullanımı artmıştır. Özellikle web sitesi içeriğine göre yapılacak organik görsellerin hazırlanmasının ne kadar önemli olduğu SEO özelinde de görülebilir. Bu kapsamda çok farklı yöntemlerle HTML fotoğraf ekleme söz konusudur.

HTML IMG Etiketi

Bilindiği gibi farklı yollar var olmakla birlikte <img> etiketi ile yalnızca açılış özelinde görse ekleme yapılır. Medya ekleme etiketi olarak bilinmekle birlikte iki farklı nitelik vardır. Bunlar src ve alt olarak belirtilir. Resim URL alımı için src kodu kullanılır. Var olan tüm görseller için geçerliliğe sahiptir. Herhangi bir gerekçeyle kullanıcıların görmemesi durumunda ise alternatif metin sağlama görevi alt ile yapılır. Özellikle SEO çalışmaları kapsamında kullanımı söz konusudur. Görsellerin görünmeme nedenlerinin başında yavaş bağlantı gelir. Doğrudan sayfadaki tüm görsellerin birlikte açılması halinde bu sorun ortaya çıkabilmektedir. Bunun olmaması adına ise sayfaya girişlerde kaydırma yoluyla yükleme özelliğinin devreye girmesi önerilir. Böylelikle tümden bir yükleme olmayacağı için sayfaya dair yükleme sorunlarının ortaya çıkma ihtimali de ortadan kalkar. Html img etiketi haricinde source kullanımı da vardır.

HTML Resim Ekleme Aşamaları

Resmin barındırılması amacıyla farklı hizmetlerin alınması mümkündür. Picasa Web Albums ya da Flickr bu çerçevede kullanılır. Çok fazla resmin bulunması, resmin çok fazla kişi tarafından görüntülenmesi ya da resmin kalitesinde düşüşler olabilmektedir. Bu durum barındırma hizmeti veren araçların bant genişliğini kullanmasından kaynaklıdır. Birçok blog barındırma hizmetlerinde yönetici araçlarının kullanımıyla resim yükleme izni sağlanır. Oldukça kolay olmasının ötesinde çokça tercih edilmesi de avantajlarının fazla olduğunu gösterir. Ücretli alınan bir web barındırma hizmeti özelinde ise FTP servis kullanımıyla HTML resim ekleme yapılır. Resimler isminde bir klasör oluşturulabilir, tüm süreçler çok daha düzenli devam ettirilir. Herhangi bir karışık olması beklenmezken tüm resimlerin gönderimi, yüklenmesi ve sonrasında silinme işlemleri de yapılabilir.

Bu yazıyı da sevebilirsiniz: SSD Ne İşe Yarar?

Farklı bir sitede var olan resmin kullanılması durumunda ise resim sahibinden izin istenmesi şarttır. İzin alımı sonrasında resim indirilir ve resim barındırma sitesine yüklenerek kullanmaya başlanır.  Hemen html resim kodu aracılığıyla işlemler yapılabilir.

html resim ekleme
  • HTML Resim Dosyası Aç

Resimler farklı şekillerde seçilebilir. Sonrasında resmin görüntülenmesi adına web sayfası için HTML doküman açılır. Forumlarda HTML resim kodu değil de özel bir sistemin kullanıldığı bilinmektedir. Bundan dolayı doğrudan gönderi içerisine yazılarak kullanımına başlanır. Ancak diğer durumlarda ise aynı husus geçerli değildir.

  • HTML Resim Kodu Ekle

Var olan HTML resim ortalama özellikleriyle beraber img etiketiyle resim ekleme için bulma tamamlanır. Bağımsız ve boş etiket olarak tanımlanırken sonrasında resmin olduğu web sayfası açılır. Resmin URL alımı için kopyala yapılır. Resmin ayrı bir sayfada görüntülenmesi yapılır ve oradaki URL alımı sağlanır. Farklı bir dosya içinde olması halinde ana klasöre taşıma yapılmalıdır. Resimler klasörü içinde bulunması durumunda hemen /images/dosyaadı belirterek bağlantı oluşturulması sağlanmalıdır.

  • SRC İçin URL Kullanımı

Kaynak olarak bilinmekle beraber src içine URL yerleştirme yapılması da son olarak yapılması gerekendir. Ayrıca alt özelliği eklenir. Bu sayede arama motorları botları tarafından yapılacak tarama süreçlerinde HTML fotoğraf ekleme ile kazanılan resmin daha kolay anlaşılması mümkündür. Resmin ne hakkında olduğu bilinebilir.

Genel kategori yazılarımız ile merak ettiğiniz tüm detaylara erişebilirsiniz.

Genel hakkındaki bir önceki yazımız olan ile de ilgilenebileceğinizi düşünüyoruz.
[Toplam: 0 Ortalama: 0]
Gösterilecek yorum yok.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir