Cara menggunakan Generator Placeholder Image
- Masukkan lebar dan tinggi, atau klik salah satu ukuran preset.
- Atur latar (solid atau gradien), warna teks, dan label.
{w}dan{h}akan otomatis berubah menjadi ukuran gambar. - Pilih PNG, JPG, WebP, atau SVG lalu unduh. Kamu juga bisa menyalin data URI atau tag
<img>untuk ditempel ke HTML. - Butuh banyak ukuran? Buka Buat banyak ukuran sekaligus, tulis satu ukuran per baris, lalu unduh dalam bentuk ZIP.
Kapan menggunakan gambar placeholder?
Gambar placeholder mengisi slot gambar selagi aset asli belum siap: wireframe dan mockup, template CMS, design system, data uji, dan data awal. Memberi label ukuran pada setiap gambar membuat bug layout mudah terlihat. Kamu bisa langsung memastikan apakah slot 1200 × 630 benar-benar menerima gambar berukuran 1200 × 630.
Format mana yang dipilih?
- SVG: hanya beberapa ratus byte di ukuran berapa pun, cocok untuk ditaruh langsung di HTML atau sebagai data URI.
- PNG: warna akurat dan teks tajam, cocok untuk unggahan yang mewajibkan file raster.
- JPG / WebP: saat sistem hanya menerima foto atau kamu butuh ukuran file yang realistis untuk uji performa.
Ukuran yang umum dipakai
| Ukuran | Penggunaan |
|---|---|
| 1200 × 630 | Open Graph / pratinjau tautan |
| 1920 × 1080 | Hero Full-HD, thumbnail video 16:9 |
| 1080 × 1080 | Postingan media sosial persegi |
| 300 × 250, 728 × 90, 160 × 600 | Unit iklan IAB |
Untuk membuat pratinjau gambar sungguhan, gunakan OG image generator. Untuk mengubah file, gunakan image to Base64. Untuk mengisi layout dengan teks contoh, gunakan lorem ipsum generator.
Juga dicari sebagai: placeholder image, gambar dummy, generator gambar placeholder, placeholder svg, membuat gambar placeholder, gambar palsu untuk desain, generator gambar dummy.
Tool yang cocok dipakai bersama Generator Placeholder Image
- Generator Data Palsu — Buat hingga 10.000 baris data test realistis — pengguna, produk, pesanan, alamat, perusahaan, atau record API bersarang — atau susun skema sendiri.
- Pengubah Ukuran Gambar — Ubah ukuran foto ke dimensi piksel atau persentase tertentu, crop agar pas dengan ukuran media sosial, atau muatkan gambar ke dalam bingkai dengan warna latar — semuanya diproses langsung di browser kamu.
- Generator Barcode — Buat barcode yang bisa dipindai untuk produk, inventaris, pengiriman, dan perpustakaan.
- Pemindai QR Code — Arahkan kamera ke QR code, atau letakkan gambar atau screenshot yang memuatnya.
Pertanyaan yang sering diajukan
Bisakah gambar ini digunakan untuk keperluan komersial?
Bisa. Gambar dibuat langsung di perangkatmu dan hanya berisi teks serta warna yang kamu tentukan sendiri, jadi tidak perlu lisensi atau atribusi.
Bagaimana cara menggunakan data URI?
Tempel data URI sebagai
src pada <img> atau di CSS dalam url(). Gambar akan tertanam di kodemu, jadi kamu tidak perlu meng-hosting file apa pun.Berapa ukuran maksimalnya?
Maksimal 8000 × 8000 piksel. Di atas itu, browser membatasi memori canvas. Output SVG tidak punya batas praktis.
Bisakah saya memasang Generator Placeholder Image sebagai aplikasi web dan memakainya offline?
Bisa. Generator Placeholder Image adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.