Gambar placeholder dengan ukuran yang persis Anda butuhkan
Ketik lebar dan tinggi, lalu dapatkan gambar polos berukuran itu dengan dimensinya tertulis di tengah — pengganti sementara yang dibutuhkan layout sebelum foto aslinya tersedia. Ubah warnanya, tulis teks sendiri, lalu unduh sebagai PNG, JPEG, WebP atau SVG, atau salin sebagai data URI untuk ditempel langsung ke HTML atau CSS. Semuanya digambar di browser Anda.
Cara membuat gambar placeholder
- 1Masukkan lebar dan tinggi dalam piksel, atau pilih ukuran umum seperti 300 × 250 atau 1920 × 1080.
- 2Biarkan teks kosong untuk menampilkan dimensi, atau ketik teks sendiri — baris baru memulai baris teks kedua.
- 3Pilih warna latar dan warna teks, font, serta ukuran teks.
- 4Unduh sebagai PNG, JPEG, WebP atau SVG, salin gambarnya, atau salin data URI SVG untuk
<img src>.
Raster atau vektor
- PNG, JPEG, WebP
- Bitmap dengan lebar dan tinggi persis seperti yang Anda masukkan, untuk formulir upload, file desain, dan apa pun yang membutuhkan file gambar sungguhan.
- SVG
- Beberapa ratus byte markup yang bisa diperbesar ke ukuran apa pun tanpa buram. Tempel langsung secara inline, atau gunakan data URI agar placeholder sama sekali tidak butuh file.
Teks yang selalu pas
Ukuran teks menyesuaikan gambar secara otomatis: besar di banner lebar, kecil di iklan leaderboard, dan tidak pernah keluar dari tepi. Slider ukuran teks mengatur skalanya dari situ.
Teks SVG digambar dengan font di perangkat yang menampilkannya, jadi tampilannya bisa sedikit berbeda di komputer lain; format bitmap terlihat sama di mana saja.
Tanpa layanan placeholder
Layanan placeholder online bisa down atau memperlambat halaman dengan request tambahan. File yang diunduh atau data URI tetap berfungsi offline dan tidak pernah berubah.
Untuk menyesuaikan ukuran foto asli bagi suatu platform, gunakan pengubah ukuran gambar media sosial; untuk mengisi layout dengan teks placeholder, gunakan generator lorem ipsum.
Pertanyaan yang sering diajukan
- Seberapa besar placeholder yang bisa saya buat?
- Hingga 8000 piksel di setiap sisi. Bitmap yang sangat besar bisa melebihi batas canvas di sebagian browser; SVG tidak punya batas seperti itu.
- Bisakah saya mengubah teks pada gambar?
- Bisa. Ketik apa saja di kotak teks; biarkan kosong untuk menampilkan dimensi. Tekan Enter untuk baris kedua.
- Bagaimana cara memakai placeholder tanpa file?
- Salin data URI dan gunakan sebagai src gambar atau sebagai url() pada background-image CSS. Seluruh gambar ada di dalam teks tersebut.
- Apakah ada yang diunggah?
- Tidak. Gambar digambar di browser Anda dan tidak pernah meninggalkan perangkat Anda.