SVG Yer Tutucu

Web geliştirme ve tasarım prototipleme için hafif bir SVG placeholder görüntü üreteci. Ayarlanabilir boyutlar, arka plan rengi, metin rengi ve görüntü metni ile özelleştirilebilir placeholder görüntüler üretin. Çıktı, veri URI'si veya satır içi SVG olarak kullanılabilen saf SVG işaretlemesidir — harici görüntü dosyası gerekmez.

1. Genişlik ve Yükseklik girişlerini kullanarak görüntü boyutlarını ayarlayın (varsayılan: 640×360). 2. Renk seçiciyi veya hex girişini kullanarak bir arka plan rengi seçin. 3. Boyut etiketi için bir metin rengi seçin. 4. İsteğe bağlı olarak görüntü metnini özelleştirin (varsayılan 'WIDTH × HEIGHT'). 5. SVG işaretlemesini kopyalamak için 'SVG olarak kopyala'ya veya base64 kodlanmış bir data:image/svg+xml URI'si kopyalamak için 'URI olarak kopyala'ya tıklayın. 6. Kopyalanan değeri HTML img src özniteliğinize veya CSS arka planınıza yapıştırın.

• SVG İşaretlemesi: Doğrudan HTML'e gömülebilen ham <svg>...</svg> kodu. • Veri URI'si: img src, CSS background-image veya URL kabul eden herhangi bir yer için uygun, base64 kodlanmış bir data:image/svg+xml dizesi. Her iki biçim de kendi kendine yeterlidir — harici bağımlılık veya ağ isteği yoktur.

• Web geliştirme: Düzen ve tasarım aşamasında placeholder görüntüler. • Duyarlı tasarım testi: Belirli en-boy oranlarında görüntüler üretin. • Prototip maketleri: Tel kafesler için hızlı placeholder grafikleri. • E-posta şablonları: Harici barındırma gerektirmeyen hafif placeholder'lar. • Dokümantasyon: Özelleştirilebilir etiketlere sahip örnek görüntüler.