SVG yer tutucu oluşturucu

Uygulamalarınızda yer tutucu olarak kullanmak üzere SVG görüntüleri oluşturun.

Genişlik (px cinsinden)

Arka plan

Yükseklik (px cinsinden)

Metin rengi

Yazı tipi boyutu

Özel metin

Tam boyutu kullan

SVG HTML öğesi

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 350" width="600" height="350">
  <rect width="600" height="350" fill="#cccccc"></rect>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="monospace" font-size="26px" fill="#333333">600x350</text>
</svg>

Base64'te SVG

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MDAgMzUwIiB3aWR0aD0iNjAwIiBoZWlnaHQ9IjM1MCI+CiAgPHJlY3Qgd2lkdGg9IjYwMCIgaGVpZ2h0PSIzNTAiIGZpbGw9IiNjY2NjY2MiPjwvcmVjdD4KICA8dGV4dCB4PSI1MCUiIHk9IjUwJSIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZm9udC1mYW1pbHk9Im1vbm9zcGFjZSIgZm9udC1zaXplPSIyNnB4IiBmaWxsPSIjMzMzMzMzIj42MDAqMzUwPC90ZXh0PiAgIAo8L3N2Zz4=

Yer Tutucu Nedir?

İngilizce'de PlaceHolder olarak da adlandırılan yer tutucu, genellikle gerçek içeriğin gerekli olmadığı ancak konumunun korunması gereken senaryolarda kullanılır; örneğin: metin yer tutucuları, resim yer tutucuları. Bu araç, yer tutucu resimler oluşturma işlevini sağlar. Oluşturulan yer tutucu resim SVG formatındadır. SVG oluşturma işlemi istemcide (tarayıcıda) tamamlanır ve bu son derece hızlıdır, dolayısıyla bu araca SVG yer tutucu aracı da denir.
Yer tutucu esas olarak web sayfası (APP) prototip tasarımında, PPT sunumunda, işlem talimatlarında ve diğer senaryolarda kullanılır. Aktarılan anlam şu: buraya ne tür bir resim yerleştirilecek ve boyutu xxx piksel. Yukarıdaki senaryolarda yer tutucuların kullanılması, her seferinde resim bulmanın getirdiği zaman maliyetini ortadan kaldırabilir.