Generator Gambar Placeholder
Sederhana dan Cepat
Buat gambar placeholder yang indah untuk desain Anda
Pratinjau
300x200
Penggunaan
https://ph.loremipsums.org/300x200/CCCCCC/333333/svg<img src="https://ph.loremipsums.org/300x200/CCCCCC/333333/svg" alt="Placeholder" />Cara Menggunakan
- Atur Ukuran
- Pilih Warna
- Pilih Font
- Dapatkan Kode
🚀 Mulai Cepat
Mulai dengan gambar placeholder dalam tiga langkah sederhana:
- Masukkan dimensi yang diinginkan (mis., 300x200)
- Klik "Buat Gambar" untuk mendapatkan URL
- Salin dan gunakan URL yang dibuat dalam proyek Anda
Contoh: https://ph.loremipsums.org/300x200
⚙️ Opsi Lanjutan
| Fitur | Deskripsi | Contoh |
|---|---|---|
| Warna Kustom | Tambahkan warna latar/teks menggunakan kode hex | /300x200/CCCCCC/333333 |
| Teks Kustom | Tambahkan teks Anda sendiri ke placeholder | &text=Halo+Dunia |
| Pilihan Font | Pilih dari berbagai font web dan Google Fonts | &font=Inter |
💡 Tips dan Trik
Gunakan ukuran preset untuk dimensi umum
Hapus # dari kode warna hex di URL
Gunakan + sebagai pengganti spasi dalam teks kustom
Pratinjau diperbarui secara real-time
Pertanyaan yang Sering Diajukan
📦 Format Gambar yang Didukung
Kami mendukung format gambar berikut:
- SVG - Format vektor, sempurna untuk desain responsif (default)
- PNG - Kompresi lossless dengan dukungan transparansi
- JPG - Kompresi efisien dengan kehilangan untuk foto
- WebP - Format modern dengan kompresi superior
- GIF - Format dasar dengan palet warna terbatas
🎨 Opsi Kustomisasi
Anda dapat menyesuaikan gambar placeholder Anda dengan:
- Dimensi - Lebar dan tinggi apa pun hingga 2000px
- Warna - Warna latar belakang dan teks kustom menggunakan kode hex
- Teks - Pesan teks kustom Anda sendiri
- Font - Pilih dari font Google yang populer
- Transparansi - Latar belakang transparan opsional
🔗 Struktur URL
Struktur URL mengikuti pola ini:
https://ph.loremipsums.org/[ukuran]/[warna-latar]/[warna-teks]/[format]?text=[teks]&font=[font]
Format ukuran:
- Persegi:
/300(300x300) - Persegi panjang:
/300x200(lebar x tinggi)
Contoh:
- Persegi:
/300/FF0000/FFFFFF - Persegi panjang:
/300x200/FF0000/FFFFFF - Transparan:
/300/transparent/000000 - Teks dan font kustom:
/300?text=Halo&font=Lato
💡 Tips Penggunaan
- Gunakan SVG untuk skalabilitas - Sempurna untuk desain responsif
- Pilih WebP untuk foto - Kompresi lebih baik dari JPG/PNG
- Aktifkan transparansi - Ketika perlu menyesuaikan dengan berbagai latar belakang
- Buat teks tetap singkat - Untuk keterbacaan yang lebih baik pada gambar kecil
- Cache gambar - URL stabil dan dapat di-cache
⚠️ Keterbatasan
- Dimensi gambar maksimum: 2000x2000 piksel
- Panjang teks secara otomatis mempengaruhi ukuran font
- Beberapa font mungkin tidak mendukung semua karakter
- Nilai warna harus berupa kode hex yang valid
- Waktu pembuatan gambar dapat bervariasi berdasarkan ukuran dan format