Satır içi görüntü, görsel çekicilik eklemek, bilgi sağlamak veya bir köprüyü temsil etmek için bir web sayfasına eklenen grafik görüntüdür. Satır içi görüntüler genellikle GIF, JPEG veya PNG formatlarındadır. Veri URI şeması kullanılarak bir web sayfasına dahil edilirler.
Veri URI'ları, tarayıcı tarafından anında alınabilen küçük boyutlu verilerin gömülmesine izin verir. Satır içi görüntüler, tarayıcı tarafından HTML ile birlikte alınır ve web belgesinin bir parçası olarak görüntülenir. Tarayıcının görüntüleri çok fazla zaman ve sorun yaşamadan alabilmesi ve görüntüleyebilmesi için, küçük boyutlu satır içi görüntüler kullanılması önerilir.
Daha büyük görüntüler yükleme süresini yavaşlatır ve sitenin ekranda görünmesi uzun sürebilir. Çoğu web ziyaretçisi bunun olduğunu görmek için etrafta dolaşma sabrına sahip değil. Bu, site trafiğini olumsuz yönde etkileyecektir.
HTML satır içi görüntüler, görüntülenecekleri web sitesinin sunucusundan kaynaklanır veya diğer harici sunuculardan alınır. Dış kaynaklardan gelen satır içi görüntülerin kullanılması, izinsiz olarak yapılabileceği için tartışmalıdır. İmg etiketi web sayfalarındaki paragraflara ve başlıklara satır içi resimler eklemek için kullanılır. İmg etiketi serbest yüzer biçimde kullanılamaz. Başka bir elemanın içine alınmalıdır.
İmg etiketinin gerekli niteliği src niteliğidir. Src niteliği, tarayıcının görüntü dosyasını alabileceği web adresini veya URL'yi belirtir. Src özelliğinin yanı sıra, HTML satır içi görüntüler, üç isteğe bağlı özellik tarafından tanımlanabilir. Bunlar alt, hiza ve ismap'tir.
Alt özelliği bir satır içi resim metni alternatifi sunar. Dolayısıyla, izleyicinin tarayıcısının grafikleri desteklememesi durumunda, izleyici metni görüntünün yerine görecektir. Alt özelliğini kullanmanız şiddetle tavsiye edilir.
Alt öznitelik değeri boş bir dize olabilir. Örneğin, dekoratif bir görüntü varsa, bunun için alternatif bir metin sağlamak gerekli değildir. Bu nedenle, alt öznitelik değeri boş bırakılabilir.
Satır içi resim stili, hizalama özelliği ile ayarlanabilir. Align niteliği, tarayıcıya satır içi görüntünün web sayfasındaki metinle ilişkili olarak nerede görünmesi gerektiğini bildirir. Satır içi görüntü, web sayfasındaki bitişik metnin üst, orta veya alt ile aynı hizada olabilir.
İsmap niteliğiyle, satır içi görüntü etkin görüntü eşlemesi olarak işaretlenebilir. Bu, biri farklı parçaları tıkladığında farklı eylemler üretmek için görüntünün farklı kısımlarının yapılabileceği anlamına gelir. Örneğin, Dünya ve Satürn'ü gösteren bir satır içi resim varsa, Dünya'ya tıklamak Dünya hakkında bilgi verebilir ve Satürn üzerine tıklamak Satürn hakkında bilgi verebilir.
Alt ve align niteliklerinin aksine, ismap niteliği yalnızca img etiketine dahil edilerek çalışmaz. Sunucuda yapılan bazı yapılandırma gerektirir. Bir miktar programlama bilgisi de gerekli olabilir.
