Buat gambar placeholder langsung di browser Anda

Generator Gambar Placeholder

Buat gambar placeholder dengan ukuran apa pun lengkap dengan warna, gaya, dan teks kustom. Pratinjau langsung, unduh PNG/JPG/WebP/SVG, atau salin URL hotlink dari Next BConvert, Lorem Picsum, Placehold.co, atau DummyImage beserta snippet siap tempel.

Gambar placeholder untuk mockup, wireframe, dan pengembangan front-end

Buat gambar placeholder hingga 4000px per sisi dengan latar polos, gradien, atau kotak-kotak serta warna dan teks pilihan Anda. Pratinjau diperbarui secara instan, dan Anda dapat mengunduh PNG, JPG, WebP, atau SVG, atau menyalin URL hotlink dari Next BConvert, Lorem Picsum, Placehold.co, atau DummyImage beserta kode siap tempel.

Cara membuat gambar placeholder

  1. 1.Masukkan lebar dan tinggi dalam piksel, atau pilih preset seperti Avatar, Card, Hero, Twitter Card, atau thumbnail YouTube.
  2. 2.Pilih latar polos, gradien, atau kotak-kotak, atur warnanya, dan opsional ketik teks kustom — kosongkan untuk menampilkan ukuran secara otomatis.
  3. 3.Perhatikan pratinjau langsung diperbarui di setiap perubahan. Tidak ada yang diunggah; gambar digambar secara lokal di kanvas.
  4. 4.Unduh placeholder sebagai PNG, JPG, WebP, atau SVG, atau salin URL hotlink — Next BConvert, Lorem Picsum, Placehold.co, atau DummyImage — beserta snippet HTML, Markdown, JSX, CSS, atau BBCode siap tempel.
  5. 5.Klik Retina 1×/2×/3× untuk mengunduh tiga salinan placeholder yang sama untuk srcset pada layar beresolusi tinggi.

Yang didukung generator placeholder ini

Buat placeholder dari 1×1 hingga 4000×4000 piksel, dengan preset sekali klik untuk ukuran kartu, hero, sosial, dan perangkat yang umum.

Pilih warna polos, gradien dua warna, atau latar kotak-kotak, dengan warna independen untuk latar dan teks.

Pratinjau kanvas digambar ulang setiap kali Anda mengetik, sehingga Anda melihat hasil persis sebelum mengunduh atau menyalin apa pun.

Unduh sebagai PNG, JPG, WebP, atau SVG, atau salin gambar sebagai data URL base64.

Buat URL hotlink dengan ukuran persis dari empat layanan: Next BConvert melayani dari domain Anda sendiri, Lorem Picsum mengembalikan foto asli acak, dan Placehold.co atau DummyImage melayani placeholder warna polos eksternal.

Salin snippet HTML, Markdown, JSX, CSS, atau BBCode siap tempel yang membawa dimensi persis yang Anda atur.

Semuanya berjalan di browser. Ukuran, warna, dan teks Anda tidak pernah meninggalkan perangkat.

FAQ generator gambar placeholder

Ukuran apa saja yang bisa saya buat?

Ukuran apa pun dari 1×1 hingga 4000×4000 piksel per sisi. Gunakan kolom lebar dan tinggi untuk dimensi persis, atau pilih preset seperti Avatar (200×200), Card (400×300), Hero 16:9 (1920×1080), Twitter Card (1200×630), atau Instagram (1080×1080).

Apa fungsi kunci rasio?

Menyalakan Kunci rasio menjaga perbandingan lebar-tinggi tetap: ubah satu sisi dan sisi lainnya menyesuaikan. Berguna saat Anda membutuhkan rangkaian responsif dari potongan yang sama, seperti versi 1×, 2×, dan 3× untuk srcset.

Gaya latar apa saja yang tersedia?

Polos mengisi gambar dengan satu warna. Gradien memadukan warna latar dan sekunder secara diagonal. Kotak-kotak menggambar papan catur dua warna yang membantu memperkirakan tampilan transparansi pada desain yang menumpuk gambar.

Bisakah saya menambahkan teks kustom ke placeholder?

Ya. Ketik hingga 80 karakter dan teks digambar di tengah, mengecil otomatis agar muat di lebar placeholder. Kosongkan kolom untuk menampilkan ukuran (misalnya 600 × 400).

Format apa saja yang bisa diunduh?

PNG mempertahankan transparansi, JPG dan WebP menghasilkan file lebih kecil untuk web, dan SVG tetap tajam di ukuran tampilan apa pun. Anda juga dapat menyalin gambar sebagai data URL base64 untuk ditempel langsung ke HTML atau CSS.

Apa fungsi tombol Retina 1×/2×/3×?

Tombol ini mengunduh tiga salinan PNG placeholder saat ini pada skala 1×, 2×, dan 3×, dengan nama seperti placeholder-600x400.png dan placeholder-600x400@2x.png, siap digunakan dalam srcset untuk layar beresolusi tinggi.

Apa perbedaan Next BConvert, Lorem Picsum, Placehold.co, dan DummyImage?

Next BConvert melayani placeholder dari endpoint /api/placeholder di nextbconvert.com, sehingga sama persis dengan pratinjau dan tetap di domain Anda sendiri. Lorem Picsum mengembalikan foto asli acak sesuai dimensi yang diminta, cocok untuk mockup realistis. Placehold.co dan DummyImage melayani persegi panjang warna polos eksternal dengan ukuran tercetak di tengah, cocok untuk wireframe. Pilih sesuai tempat gambar akan digunakan.

Apakah data placeholder saya diunggah?

Tidak. Gambar digambar sepenuhnya di browser Anda di atas kanvas. Tidak ada langkah unggah, dan ukuran, warna, serta teks Anda tidak dikirim ke server mana pun.