Generator Gambar Placeholder
Buat gambar placeholder berukuran apa pun hingga 4000×4000 dengan warna dan label Anda. Unduh PNG, JPEG, WebP, atau SVG, atau salin data URI tanpa layanan eksternal.
Kosongkan untuk menampilkan ukuran.
Apa itu Generator Gambar Placeholder?
Buat gambar placeholder sederhana yang menampilkan dimensinya (seperti 640×360) atau label Anda sendiri, dalam ukuran apa pun dari 1 sampai 4000 piksel. Pilih warna latar dan teks, lalu ekspor sebagai PNG, JPEG, WebP, atau SVG. Gambar dibuat secara lokal, sehingga Anda tidak bergantung pada layanan web placeholder.
Cara menggunakan Generator Gambar Placeholder
- Masukkan Lebar (px) dan Tinggi (px) dalam piksel.
- Pilih Latar belakang dan Warna teks, lalu ketik Label atau biarkan kosong untuk menampilkan ukuran.
- Pilih Format.
- Unduh gambar atau salin kode SVG / data URI.
Contoh
Width 300, Height 150, Background #cccccc, Text color #555555, Format SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="150" viewBox="0 0 300 150"><rect width="100%" height="100%" fill="#cccccc"/><text x="50%" y="50%" fill="#555555" font-family="Arial, Helvetica, sans-serif" font-size="30" text-anchor="middle" dominant-baseline="central">300×150</text></svg>
Kapan menggunakan Generator Gambar Placeholder
Pakai untuk wireframe, mockup desain, menguji layout responsif dan komponen gambar, serta mengisi demo CMS atau e-commerce. Untuk pratinjau yang realistis, gunakan foto asli atau foto stok; untuk placeholder pemuatan yang diburamkan, gunakan versi beresolusi rendah dari gambar sebenarnya.
Cara kerja Generator Gambar Placeholder
Untuk PNG, JPEG, dan WebP, gambar dilukis pada canvas HTML dengan ukuran yang diminta: persegi panjang berwarna ditambah label di tengah dengan font Arial, berukuran seperlima sisi terpendek (dikecilkan untuk label panjang agar muat), lalu diekspor dengan canvas.toDataURL. Untuk SVG, alat ini menulis file vektor kecil berisi elemen <rect> dan <text> di tengah, yang tetap tajam di zoom berapa pun dan biasanya di bawah 400 byte.
Kasus Penggunaan Umum
- Mengisi slot gambar di wireframe dan prototipe
- Menguji rasio aspek dan CSS gambar responsif
- Mengisi produk demo di toko online
- Menyematkan placeholder SVG kecil sebagai data URI
Pertanyaan Umum
Format mana yang sebaiknya dipilih?
SVG paling kecil dan paling tajam untuk placeholder datar; PNG terbaik bila file raster diperlukan; JPEG dan WebP berguna untuk menguji pipeline foto.
Bisakah saya hotlink gambar ini?
Tidak ada hosting. Unduh file atau tempel data URI / kode SVG langsung ke HTML atau CSS Anda.
Berapa ukuran maksimumnya?
4000 × 4000 piksel. PNG yang sangat besar bisa butuh waktu sejenak untuk diekspor, tergantung perangkat Anda.