Generator Gambar Placeholder
Buat gambar placeholder berukuran bebas dengan warna dan teks kustom dalam PNG, JPG, WebP, atau SVG, atau ZIP ukuran umum. Gratis, tanpa unggah.
Kumpulan ukuran umum
Memakai warna, teks, dan format di atas. Jika teks kosong, setiap gambar menampilkan ukurannya.
Cara membuat gambar placeholder
- Masukkan Lebar (px) dan Tinggi (px), dari 1 sampai 10.000 piksel. Pratinjau dan rasio aspeknya diperbarui saat Anda mengetik.
- Ketik Teks, atau biarkan kosong untuk mencetak ukurannya, seperti “1200×630”.
- Pilih Warna latar dan Warna teks.
- Biarkan Ukuran font (px) di 0 untuk ukuran otomatis yang menyesuaikan gambar, atau masukkan ukuran dalam piksel. Pilih Font.
- Pilih Format: PNG, JPG, WebP, atau SVG, lalu klik Unduh gambar.
Untuk membuat banyak ukuran sekaligus, buka Kumpulan ukuran umum, centang ukuran yang Anda perlukan (atau gunakan Pilih semua / Batalkan semua), lalu klik Unduh ukuran terpilih (ZIP). Setiap gambar memakai warna, font, dan format di atas; jika teks kosong, setiap gambar menampilkan ukurannya sendiri.
Format mana yang dipilih
- SVG adalah yang paling ringan (beberapa ratus byte berapa pun ukurannya) dan tetap tajam pada zoom berapa pun. Cocok untuk mockup, prototipe, dan templat HTML. Teksnya memakai font sistem, sehingga tampilannya bisa sedikit berbeda antar komputer.
- PNG memberi piksel yang persis dan tanpa kehilangan kualitas. Pilih untuk alat desain dan ketika bitmap sungguhan diperlukan.
- JPG menghasilkan file kecil untuk ukuran besar dan diterima di mana-mana, termasuk sistem manajemen konten lama.
- WebP lebih kecil daripada PNG dan JPG dan didukung semua browser saat ini.
Format raster dibatasi sekitar 16,7 juta piksel (misalnya 4096 × 4096), kanvas terbesar yang dapat dienkode browser. SVG tidak memiliki batas itu.
Ukuran umum dalam kumpulan
| Ukuran | Kegunaan |
|---|---|
| 150 × 150 | Thumbnail, avatar |
| 300 × 250 | Iklan persegi panjang sedang |
| 728 × 90 | Iklan leaderboard |
| 160 × 600 | Iklan skyscraper lebar |
| 320 × 50 | Banner seluler |
| 1200 × 630 | Open Graph / pratinjau tautan |
| 1080 × 1080 | Unggahan persegi |
| 1080 × 1920 | Story / video vertikal |
| 1280 × 720 | Video HD, 16:9 |
| 1920 × 1080 | Full HD, 16:9 |
| 800 × 600 | Gambar 4:3 |
| 1600 × 500 | Banner hero situs web |
Ukuran iklan mengikuti unit standar IAB yang dipakai sebagian besar jaringan iklan; ukuran media sosial sesuai dengan rekomendasi platform-platform utama.
Mengapa memakai gambar placeholder?
Placeholder memesan ruang persis yang akan ditempati gambar sebelum gambar aslinya ada. Dengan begitu desainer dan developer dapat memeriksa tata letak, menguji breakpoint responsif, atau menunjukkan kepada klien letak visual tanpa harus mencari foto stok. Mencetak dimensi pada gambar memperjelas ukuran yang diharapkan tiap slot, dan abu-abu netral menjaga perhatian tetap pada tata letak, bukan isinya.
Karena alat ini membuat file sungguhan, Anda bisa memakainya secara offline, menyimpannya di repositori, atau menjatuhkannya ke alat desain, tanpa bergantung pada layanan placeholder eksternal yang bisa mati atau melacak pengunjung.
Pertanyaan yang sering diajukan
Bagaimana cara mendapatkan placeholder tanpa teks?
Ketik satu spasi di Teks. Gambar akan berupa persegi panjang polos berwarna latar.
Bisakah saya memakai gambar ini di proyek komersial?
Bisa. Gambar dibuat di perangkat Anda dari pengaturan Anda sendiri; tidak ada yang perlu dilisensikan atau dikreditkan.
Apa arti “×” pada teks bawaan?
Itu tanda kali yang dipakai untuk menulis dimensi, lebar lebih dulu: “1200×630” berarti lebar 1.200 piksel dan tinggi 630 piksel.
Mengapa ukuran font otomatis berubah mengikuti teks?
Ukuran dihitung agar teks membentang sekitar 80% dari lebar tanpa melebihi 30% dari tinggi. Teks pendek pada banner lebar dibatasi oleh tinggi; teks panjang pada gambar sempit dibatasi oleh lebar.
Apakah ada yang diunggah?
Tidak. Gambar dan file ZIP dibuat sepenuhnya di browser Anda.
Alat terkait
- SVG ke PNG Konversi SVG ke PNG, JPG, atau WebP di browser dengan lebar, tinggi, skala, atau DPI bebas, latar transparan atau berwarna. Banyak file dan ZIP, tanpa unggah.
- Pengubah Ukuran Gambar Media Sosial Ubah ukuran foto ke ukuran Instagram, Facebook, LinkedIn, X, YouTube, dan Pinterest sekaligus, dengan pangkas berdasarkan titik fokus atau latar buram.
- Generator Lorem Ipsum Buat teks placeholder Lorem ipsum per paragraf, kalimat, kata, atau item daftar, sebagai teks biasa atau HTML, dengan pilihan teks pengisi bahasa Prancis.
- Ubah Ukuran Gambar Ubah ukuran gambar JPG, PNG, dan WebP menurut piksel atau persentase, rasio aspek terjaga, banyak foto sekaligus, langsung di browser Anda.