Generator pengganti SVG

Hasilkan gambar SVG untuk digunakan sebagai pengganti dalam aplikasi Anda.

Lebar (dalam piksel)

Latar belakang

Tinggi (dalam piksel)

Warna teks

Ukuran huruf

Teks khusus

Gunakan ukuran yang tepat

Elemen HTML SVG

<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>

SVG di Base64

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

Apa itu Placeholder?

Placeholder, juga disebut PlaceHolder dalam bahasa Inggris, biasanya digunakan dalam skenario di mana konten sebenarnya tidak diperlukan tetapi posisinya perlu dipertahankan, seperti: placeholder teks, placeholder gambar. Alat ini menyediakan fungsi menghasilkan gambar placeholder. Gambar placeholder yang dihasilkan dalam format SVG. Proses pembuatan SVG diselesaikan di klien (browser), yang sangat cepat, sehingga alat ini juga disebut alat placeholder SVG.
Placeholder terutama digunakan dalam desain prototipe halaman web (APP), presentasi PPT, instruksi pengoperasian, dan skenario lainnya. Makna yang disampaikan adalah: gambar seperti apa yang akan ditempatkan di sini, dan ukurannya xxx piksel. Dalam skenario di atas, penggunaan placeholder dapat menghindari biaya waktu untuk menemukan gambar setiap saat.