Generator gambar placeholder
Buat gambar placeholder polos dengan ukuran persis yang Anda butuhkan, lengkap dengan tulisan ukurannya, untuk mock-up, tata letak, dan pengujian.
Berjalan sepenuhnya di browser Anda
Kosongkan untuk menampilkan ukuran.
Lebar dan tinggi 1 sampai 8000 piksel, total maksimal 100 megapiksel. Teks berupa satu baris, ukurannya disesuaikan agar muat.
Cara membuat gambar placeholder
- Ketik lebar dan tinggi, atau tekan preset seperti 1200 × 630 untuk kartu media sosial atau 300 × 250 untuk iklan.
- Pilih warna latar dan warna teks. Kosongkan teks untuk menampilkan ukuran, atau tulis label Anda sendiri.
- Pilih PNG, JPEG, WebP, atau SVG lalu tekan Unduh, atau salin gambar sebagai data URI.
Memilih ukuran placeholder
Generator gambar placeholder ini membuat gambar dummy gratis dalam ukuran apa pun. Placeholder menggantikan gambar asli selama Anda membangun halaman, jadi yang penting adalah bentuknya tepat. Tata letak lebih sering rusak karena rasio aspek daripada resolusi: gambar hero 16:9 berperilaku berbeda dari avatar persegi meskipun keduanya kecil. Dengan menuliskan ukuran pada gambar, siapa pun yang melihat mock-up bisa tahu slot mana yang butuh dimensi berapa.
Preset mencakup ukuran yang sering dipakai: 1200 × 630 adalah bentuk yang dipakai sebagian besar media sosial untuk pratinjau tautan, 1080 × 1080 untuk postingan persegi, 1920 × 1080 dan 1280 × 720 untuk bingkai video umum, 300 × 250 dan 728 × 90 untuk dua slot iklan standar, dan 150 × 150 untuk avatar pada umumnya.
Untuk pemakaian nyata, ingat bahwa placeholder berisi warna datar. PNG dan SVG menyimpannya hampir tanpa biaya ukuran, sedangkan JPEG berukuran besar menambahkan keburaman di sekitar teks. Jika Anda menempelkan gambar ke kode sebagai data URI, buat tetap kecil: setiap byte gambar ikut terulang di halaman Anda.
Tips
- Butuh gambar asli dalam ukuran itu? Ubah ukuran gambar dan Potong gambar membuat foto pas dengan slotnya.
- Untuk menyematkan gambar jadi sebagai teks, gunakan Gambar ke Base64.
- Pilih warna yang serasi dengan Konverter warna dan kontras.
Pertanyaan umum
Apakah ada yang keluar dari perangkat saya?
Tidak. Apa pun yang Anda ketik tidak dikirim ke mana pun. Gambar dibuat oleh browser Anda, dan file unduhannya dibuat di perangkat Anda.
Format mana yang sebaiknya saya pilih?
SVG hanya beberapa ratus byte dan tetap tajam di ukuran apa pun, jadi cocok untuk tata letak web. PNG persis dan lossless untuk warna datar. JPEG dan WebP menghasilkan file lebih kecil untuk ukuran besar, dan JPEG sedikit buram di sekitar teks. Beberapa tempat unggahan, seperti banyak kolom CMS, hanya menerima gambar raster, jadi gunakan PNG di sana.
Bagaimana ukuran teks ditentukan?
Secara otomatis. Teks dibuat sebesar mungkin dalam satu baris, di dalam sekitar 80 persen lebar dan 40 persen tinggi, sehingga banner lebar seperti 728 × 90 maupun banner tinggi seperti 160 × 600 sama-sama terlihat pas.
Untuk apa data URI?
Data URI adalah gambar yang ditulis sebagai teks, jadi Anda bisa menempelkannya langsung ke tag img HTML atau background CSS tanpa file terpisah. Cara ini cocok untuk gambar kecil. PNG yang besar menjadi string panjang yang membebani halaman Anda, jadi alat ini memperingatkan Anda jika hasilnya lebih besar dari yang wajar, dan menolak menyalin apa pun di atas 1 MB.
Apakah SVG-nya membutuhkan font khusus?
Tidak. SVG memakai font sans-serif sistem, jadi tampilannya sedikit berbeda di setiap perangkat tetapi selalu muat, dan teksnya di-escape sehingga karakter seperti & dan < aman.
Berapa batas ukurannya?
Setiap sisi bisa 1 sampai 8000 piksel dan totalnya hingga 100 megapiksel. Gambar yang lebih besar butuh waktu lebih lama untuk dibuat dan mungkin tidak bisa dibuka di beberapa program.