PixRinseTangkapan layar menunjukkan aplikasi bahasa Inggris. Nama dan kontrol preset juga tersedia dalam bahasa aplikasi Anda.
Titik awal Anda
Gunakan Web Responsif di PixRinse, lalu tinjau pengaturan ini terhadap tujuan Anda sebenarnya.
| Lebar | 320 / 640 / 1280 / 1920 px |
|---|---|
| Keluaran | WebP, kualitas 80 |
| Warna | sRGB |
| Sumber kecil | Varian yang lebih besar dilewati |
Bagaimana cara melakukannya
Mulailah dengan aset asli
Gunakan sumber yang cukup luas untuk varian terbesar yang Anda perlukan. Setiap turunan dihasilkan dari aslinya, bukan diubah ukurannya berulang kali.
Pilih Web Responsif
Tinjau empat lebar bawaan dan nama file. Varian yang lebih lebar dari sumbernya dilewati, jadi periksa jumlah keluaran yang direncanakan.
Ekspor kumpulan gambar
Tinjau semua keluaran. Beberapa keluaran per sumber memerlukan Pro; tingkat gratis masih dapat digunakan untuk menguji alur kerja ukuran tunggal.
Tambahkan gambar ke halaman Anda
Gunakan deskriptor lebar di srcset dan atur sizes agar sesuai dengan tata letak sebenarnya. Sertakan lebar, tinggi, dan teks alternatif yang akurat pada elemen gambar.
<img
src="vase-1280w.webp"
srcset="vase-320w.webp 320w,
vase-640w.webp 640w,
vase-1280w.webp 1280w,
vase-1920w.webp 1920w"
sizes="(max-width: 720px) 100vw, 960px"
width="1280" height="853"
alt="A terracotta vase with an olive branch"
>FILE DARI WALKTHROUGH INI
Apa yang dihasilkan oleh contoh ini
Sumber dengan lebar 3072 px cukup besar untuk keempat lebar preset. Setiap file adalah WebP terpisah, dihasilkan langsung dari sumber tersebut.
- Kualitas
- 80
- Profil warna
- sRGB
- Keluaran dari satu sumber
- 4
| Mengajukan | Format | Piksel | Byte |
|---|---|---|---|
| vase-1280w.webp | WebP | 1280 × 853 | 35.214 |
| vase-1920w.webp | WebP | 1920 × 1280 | 64.108 |
| vase-320w.webp | WebP | 320 × 213 | 4.018 |
| vase-640w.webp | WebP | 640 × 427 | 11.594 |
Diukur pada file sampel yang ditampilkan. Hasil Anda bergantung pada dokumen asli dan pengaturan Anda. Foto vas keramik adalah sampel yang dihasilkan AI. Tangkapan layar aplikasi dan ukuran file yang diekspor adalah nyata.
Beberapa pertanyaan umum
Apa yang terjadi jika lebar sumber saya hanya 1000 px?
Templat melewatkan varian 1280 dan 1920 px. Hanya file referensi yang benar-benar dihasilkan.
Apakah aplikasi menghasilkan HTML?
Alur kerja ini menghasilkan gambar. Tambahkan srcset dan sizes di kode situs web atau sistem konten Anda.
Manfaatkan alur kerja.
Buka PixRinse, tambahkan beberapa gambar dan mulai dengan pengaturan di atas.
Unduh untuk MacGratis: hingga 10 gambar per kumpulan dan satu keluaran per sumber. Beberapa keluaran alur kerja ini memerlukan Pro. Bandingkan Gratis & Pro.