Lewati ke konten

Generator gambar placeholder

Buat gambar placeholder dengan ukuran, warna latar belakang, dan teks label apa pun, lalu unduh sebagai PNG, JPEG, atau SVG. Tidak ada yang diunggah.

px
px

1 hingga 4.096 piksel per sisi.

Ukuran umum
Tampilan
#
#
px

Gambar placeholder

Dimensi
800 x 600
Format
PNG
Ukuran file
-

Cara kerja

Generator gambar placeholder menggambar persegi panjang polos dengan ukuran dan warna yang dipilih, beserta labelnya, sehingga desainer dan pengembang memiliki gambar pengganti sebelum gambar asli siap, tanpa memerlukan layanan placeholder atau permintaan jaringan.

  1. Atur ukuran

    Ketik lebar dan tinggi, atau pilih prasetel umum seperti gambar OG atau postingan Instagram.

  2. Pilih warna dan label

    Pratinjau diperbarui saat Anda mengetik. Biarkan label kosong untuk menampilkan ukuran piksel sebagai gantinya.

  3. Unduh atau salin

    Simpan file, atau salin URI data atau tag <img> yang siap tempel.

PNG, JPEG, atau SVG

Ketiga format dihasilkan secara lokal di peramban Anda dengan API Canvas dan SVG; tidak ada gambar yang dikirim ke server.

  • PNG: lossless, mendukung warna datar tanpa transparansi dengan rapi, dan merupakan pilihan baku paling aman untuk maket.
  • JPEG: biasanya menghasilkan file lebih kecil untuk gambar seperti foto, tetapi persegi panjang gambar penampung sementara memiliki tingkat kompresi yang hampir sama pada kedua format. Karena itu, PNG biasanya menjadi pilihan yang lebih baik di sini.
  • SVG: markah independen resolusi yang dapat diskalakan ke ukuran apa pun tanpa kehilangan kualitas dan tanpa batas piksel, ideal ketika placeholder yang sama perlu berfungsi pada beberapa ukuran.

Tidak ada data yang meninggalkan perangkat Anda

Gambar dibuat sepenuhnya di kanvas HTML atau dibangun sebagai teks SVG di peramban Anda. Mengunduh, menyalin URI data, dan menyalin tag <img> semuanya berfungsi secara luring setelah halaman dimuat.

Pertanyaan yang sering diajukan

Bagaimana cara membuat gambar placeholder untuk wireframe atau maket?

Masukkan lebar dan tinggi, atau klik prasetel, lalu pilih warna latar belakang dan teks serta label opsional. Pratinjau dan unduhan diperbarui secara langsung saat Anda mengubah bidang apa pun. Klik Unduh untuk mendapatkan file, atau Salin untuk URI data yang ditampilkan di bawah pratinjau.

Bagaimana cara menggunakan gambar placeholder secara inline dalam HTML tanpa file terpisah?

Klik Salin untuk menyalin URI data dari kotak keluaran, atau klik Salin tag <img> untuk mendapatkan elemen siap tempel seperti <img src="data:image/png;base64,..." width="800" height="600" alt="Placeholder">. Tempelkan langsung ke HTML Anda; tidak diperlukan server atau referensi file.

Prasetel ukuran umum apa saja yang tersedia?

Gambar OG (1200x630), postingan Instagram (1080x1080), gambar mini YouTube (1920x1080), tajuk Twitter (1500x500), layar ponsel (375x812), tangkapan layar App Store (1290x2796), iPad (768x1024), dan cerita Instagram (1080x1920). Klik prasetelan mana saja untuk menerapkan dimensi tersebut, lalu sesuaikan warna dan teks.

Dapatkah saya membuat placeholder SVG alih-alih gambar raster?

Ya. Pilih SVG dari daftar format file. Keluarannya adalah elemen <svg> kecil yang telah di-escape dengan benar, berisi persegi panjang latar belakang, garis panduan diagonal opsional, dan label teks. SVG tidak bergantung pada resolusi dan tidak memiliki batas ukuran piksel, berbeda dengan PNG atau JPEG.

Berapa ukuran gambar maksimum yang dapat dibuat oleh alat ini?

Lebar dan tinggi masing-masing dibatasi hingga 4.096 px untuk PNG dan JPEG, karena kanvas yang sangat besar dapat menghabiskan memori tekstur GPU pada perangkat kelas bawah dan menghasilkan keluaran kosong. Untuk placeholder yang lebih besar dari sekitar 2.048 px per sisi, gunakan format SVG yang tidak memiliki batas resolusi piksel.