Bagaimana cara mencipta imej pemegang tempat dengan saiz yang tepat?

Taip Lebar (px) dan Tinggi (px), pilih warna atau tema Warna, kemudian klik Muat turun PNG, Muat turun JPG atau Muat turun SVG. Secara lalai imej menunjukkan dimensinya, seperti 800 x 600, sebagai label.

Apakah imej pemegang tempat terbesar yang boleh saya jana?

Lebar dan tinggi masing-masing mesti berada di antara 1 dan 4000 piksel. Nilai di luar julat itu menunjukkan ralat Lebar dan tinggi harus berada di antara 1 dan 4000 px.

Bagaimana cara meletakkan imej pemegang tempat terus dalam HTML tanpa fail?

Klik Salin sebagai data URL dan tampalkannya ke dalam tag img sebagai nilai src. Anda juga boleh menggunakan Salin cebisan HTML atau Salin latar belakang CSS. Tiada hos imej luaran diperlukan.

Bolehkah saya menjana saiz standard media sosial atau web?

Ya. Saiz pratetap termasuk Siaran Instagram, Cerita Instagram, Kad Twitter, Buka Graf, Imej kecil YouTube, Penutup Facebook dan Pengepala e-mel. Muat turun semua pratetap (ZIP) menyimpan kesemua sebelas sebagai fail PNG.

Bagaimana cara meletakkan teks saya sendiri atau garisan pepenjuru pada pemegang tempat?

Taip label dalam Teks tersuai, contohnya Imej wira, dan bukannya menunjukkan dimensi. Tandakan Tunjukkan garisan pepenjuru (X) untuk melukis pepenjuru samar. Teks panjang mengecil secara automatik agar muat dengan lebar.

Adakah ia benar-benar percuma?

Ya. Setiap alat adalah percuma untuk digunakan, tanpa akaun dan tanpa kad kredit. Kerja dijalankan pada peranti anda dan bukannya pada pelayan kami, itulah yang menjadikannya percuma untuk dijalankan.

Adakah ia berfungsi pada peranti mudah alih?

Ya. Ia berjalan dalam pelayar mudah alih semasa di iOS dan Android, tanpa apa-apa untuk dipasang.

🖼️

Penjana Imej Pemegang Tempat percuma

Jana imej pemegang tempat berwarna dengan dimensi, teks, dan warna tersuai. Saiz standard untuk media sosial, mockup, dan comp reka bentuk.

Berjalan dalam pelayar andaTiada daftar, tiada tetingkap timbulTiada log masuk diperlukanPercuma selama-lamanya

Lebar (px)

Tinggi (px)

Saiz pratetap

Tema warna

Latar belakang

Teks / garisan

Teks tersuai (kosongkan untuk dimensi)

Tunjukkan dimensi jika tiada teks tersuaiTunjukkan garisan pepenjuru (X)

💡 Untuk olok-olok HTML: gunakan pilihan „Salin sebagai data URL" dan tampal ke dalam <img src=\"...\"> untuk pemegang tempat sebaris. Untuk reka bentuk Figma / Sketch, muat turun PNG dan seret masuk.

Kegunaan biasa

Gambar Pemegang Tempat untuk Mockup Reka BentukHasilkan kotak berwarna saiz untuk digunakan dalam Figma, Sketch atau mockup reka bentuk web sebelum gambar nyata siap.
Pemegang Tempat Tertanam untuk Prototaip HTMLGunakan Salin sebagai Data-URL untuk menyematkan gambar pemegang tempat terus ke HTML untuk prototaip pantas.
Pemegang Tempat untuk Slot Kandungan CMSApabila menunjukkan templat CMS, gunakan gambar pemegang tempat dan bukannya kandungan nyata untuk pratonton sensitif.
Templat Gambar Media SosialHasilkan pemegang tempat saiz yang betul untuk templat siaran Instagram, Facebook, Twitter, LinkedIn.
Gambar Ujian Susun Atur CSSHasilkan gambar pada nisbah aspek ekstrem untuk ujian tekanan susun atur CSS responsif.

Cara ia berfungsi

Segalanya berlaku dalam pelayar anda menggunakan HTML Canvas API dan markup SVG tulisan tangan — tiada pelayan, tiada muat naik, tiada perkhidmatan pihak ketiga. Anda tetapkan dimensi, warna, dan teks label, dan alat ini mengecat imej terus ke atas elemen kanvas secara masa nyata, kemudian mensiriskannya kepada PNG, JPEG, atau SVG mengikut permintaan.

1
Konfigurasi dimensi dan warna
Taip lebar dan tinggi (1–4000 px setiap satu), atau pilih satu daripada sebelas prasetel meliputi saiz media sosial dan reka bentuk biasa. Pilih warna latar belakang dan teks daripada tema terbina dalam atau masukkan sebarang nilai heks terus; pemilih warna asli dan medan teks disahkan kekal segerak.
2
Canvas API memaparkan pratonton serta-merta
Kesan React memanggil drawPlaceholder() pada setiap perubahan. Fungsi ini menggunakan CanvasRenderingContext2D untuk mengisi segi empat dengan warna latar belakang, secara pilihan melukis garis silang-diagonal pudar pada kelegapan 15%, kemudian mengukur dan menjajar-tengah teks label anda — mengecilkan-auto fon sehingga ia muat dalam 90% lebar kanvas.
3
Eksport sebagai PNG, JPEG, atau SVG
Muat turun PNG dan JPEG memanggil canvas.toDataURL(), menukar hasil base64 kepada Blob dalam memori, dan mencetuskan muat turun — kesemuanya secara segerak di dalam gerak isyarat pengguna supaya peraturan muat turun iOS Safari dipatuhi. Eksport SVG membina rentetan SVG berdikari dengan rect sepadan, garis diagonal pilihan, dan elemen teks, kemudian menyimpannya sebagai fail .svg.
4
Eksport kelompok dan pintasan salin
Butang 'Muat turun semua prasetel' secara dinamik mengimport JSZip, memaparkan semula setiap sebelas saiz prasetel ke atas kanvas luar-skrin menggunakan fungsi lukis yang sama, dan membungkus semua PNG ke dalam satu ZIP. Butang salin menghasilkan URL data PNG, tag img SVG sebaris, atau pengisytiharan CSS background-image untuk tampal segera ke dalam kod.