Generator Gambar Placeholder untuk Mockup dan Tata Letak Web
Generator gambar placeholder ini membuat gambar dummy dalam ukuran berapa pun yang Anda atur, lengkap dengan warna latar, teks, dan font Anda sendiri. Dibuat untuk developer, desainer, dan kreator konten yang butuh gambar pengganti cepat untuk mockup, wireframe, prototipe, dan uji coba tata letak.
Alih-alih mengandalkan layanan placeholder umum, Anda membuat persis yang Anda butuhkan di sini. Mulai dari preset untuk media sosial, banner web, atau layar perangkat, atau masukkan dimensi kustom hingga 4096 × 4096 piksel, lalu ekspor ke PNG, JPG, WebP, atau SVG.
Cara Membuat Gambar Placeholder
Pilih ukuran
Pilih preset dari tab Umum, Media Sosial, Web, atau Perangkat, atau ketik Lebar dan Tinggi sendiri. Nyalakan Kunci Rasio Aspek agar proporsi tetap saat Anda mengubah ukuran.
Sesuaikan tampilan
Atur warna Latar Belakang dengan pemilih warna atau kode hex, dan tambahkan Teks Anda sendiri. Kosongkan teks untuk menampilkan dimensi (misalnya 800 × 600). Dengan kontras Otomatis aktif, warna teks dipilih otomatis agar tetap mudah dibaca.
Atur font
Sesuaikan Otomatis mengatur ukuran teks ke kanvas secara bawaan. Matikan untuk menetapkan Ukuran Font yang pasti, dan pilih Ketebalan Font Normal, Semi Tebal, atau Tebal.
Ekspor gambar
Pilih Format — PNG untuk kualitas tanpa kehilangan data, JPG atau WebP untuk berkas lebih kecil (dengan penggeser Kualitas), atau SVG untuk keluaran vektor yang skalabel — lalu klik Unduh. Untuk menghasilkan banyak ukuran, klik Tambah guna menyusun batch dan Unduh ZIP setelah selesai.
Fitur
Pustaka Ukuran Preset
Empat tab ukuran siap pakai — Umum (1080p, 720p, VGA, thumbnail), Media Sosial (Facebook, Instagram, Twitter), Web (leaderboard, hero, header blog), dan Perangkat (iPhone, iPad, Desktop FHD/QHD/4K).
Dimensi Kustom
Masukkan lebar dan tinggi apa pun hingga 4096 × 4096 piksel, dengan kunci opsional untuk mempertahankan rasio aspek saat mengubah ukuran.
Kustomisasi Warna
Atur warna latar dan teks dengan pemilih warna visual atau kode hex untuk kontrol tampilan yang presisi.
Kontras Otomatis
Kontras otomatis membaca kecerahan latar dan memilih warna teks yang mudah dibaca, sehingga label tetap terlihat di atas isian terang maupun gelap.
Teks dan Font Fleksibel
Tampilkan teks kustom atau label dimensi bawaan, sesuaikan font ke kanvas secara otomatis atau atur manual, dan pilih ketebalan Normal, Semi Tebal, atau Tebal.
Banyak Format Ekspor
Unduh sebagai PNG, JPG, WebP, atau SVG, dengan penggeser kualitas yang dapat diatur untuk format JPG dan WebP.
Pembuatan Massal
Tambahkan beberapa placeholder dengan ukuran, warna, dan teksnya masing-masing, lalu unduh semuanya sekaligus sebagai satu arsip ZIP.
Pratinjau Kanvas Langsung
Kanvas diperbarui seketika saat Anda mengubah ukuran, warna, teks, dan font, sehingga Anda melihat gambar akhir sebelum mengunduhnya.
Pertanyaan yang Sering Diajukan
Apa itu gambar placeholder?
Gambar placeholder adalah pengganti sementara yang mengisi slot gambar sebelum karya asli tersedia. Biasanya menampilkan dimensinya atau label singkat, sehingga desainer dan developer dapat menyusun mockup, wireframe, dan templat selagi gambar akhir masih disiapkan.
Bagaimana cara membuat gambar placeholder dengan ukuran kustom?
Ketik lebar dan tinggi yang Anda inginkan, atau pilih preset lalu sesuaikan dari sana. Anda bisa membuat gambar hingga 4096 × 4096 piksel, yang mencakup semuanya mulai dari thumbnail kecil hingga layar 4K dan tata letak cetak besar.
Bagaimana cara menambahkan teks ke gambar placeholder?
Ketik apa saja di kolom Teks dan teks itu muncul di tengah gambar. Jika kolom dikosongkan, dimensi ditampilkan secara bawaan (misalnya 800 × 600). Anda mengatur ukuran, ketebalan, dan warna font, atau biarkan sesuaikan otomatis dan kontras otomatis yang menanganinya.
Apa fungsi kontras Otomatis?
Kontras otomatis melihat kecerahan warna latar Anda dan memilih warna teks yang terbaca jelas di atasnya — teks lebih gelap di latar terang dan teks lebih terang di latar gelap. Matikan untuk memilih warna teks sendiri.
Format apa saja yang bisa diunduh, termasuk PNG dan SVG?
Anda bisa mengekspor sebagai PNG, JPG, WebP, atau SVG. Gunakan PNG untuk gambar tajam tanpa kehilangan data, JPG atau WebP untuk berkas lebih kecil dengan penggeser kualitas yang dapat diatur, dan SVG saat Anda butuh vektor skalabel yang tetap tajam di ukuran berapa pun.
Bagaimana cara kerja pembuatan massal?
Siapkan sebuah placeholder, klik Tambah untuk memasukkannya ke daftar batch, lalu ulangi untuk setiap ukuran yang Anda butuhkan — setiap item mempertahankan warna dan teksnya sendiri. Saat siap, klik Unduh ZIP untuk mendapatkan semuanya dalam satu arsip.
Apakah gambar saya diunggah ke server?
Tidak. Setiap gambar dibuat sepenuhnya di browser Anda menggunakan HTML Canvas API. Tidak ada yang diunggah atau disimpan di server mana pun, dan tidak ada data penggunaan yang dikumpulkan.
Belum ada komentar. Jadilah yang pertama berkomentar!