PixRinseTangkapan skrin menunjukkan apl bahasa Inggeris. Nama dan kawalan pratetap juga tersedia dalam bahasa apl anda.
Titik permulaan anda
Gunakan Web Responsif dalam PixRinse, kemudian semak tetapan ini terhadap destinasi sebenar anda.
| Lebar | 320 / 640 / 1280 / 1920 px |
|---|---|
| Output | WebP, kualiti 80 |
| warna | sRGB |
| Sumber kecil | Varian yang lebih besar dilangkau |
Bagaimana untuk melakukannya
Mulakan dengan aset asal
Gunakan sumber yang cukup luas untuk varian terbesar yang anda perlukan. Setiap derivatif dijana daripada asal dan bukannya diubah saiznya berulang kali.
Pilih Web Responsif
Semak empat lebar terbina dalam dan nama fail. Varian yang lebih luas daripada sumber dilangkau, jadi periksa kiraan keluaran yang dirancang.
Eksport set imej
Semak semua output. Berbilang output setiap sumber memerlukan Pro; peringkat percuma masih boleh digunakan untuk menguji aliran kerja bersaiz tunggal.
Tambahkan imej pada halaman anda
Gunakan deskriptor lebar dalam srcset dan tetapkan sizes untuk memadankan reka letak sebenar. Sertakan lebar tepat, ketinggian dan teks alternatif pada elemen imej.
<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"
>FAIL DARI JALAN RAYA INI
Apa yang dihasilkan oleh contoh ini
Sumber lebar 3072 px cukup besar untuk keempat-empat lebar pratetap. Setiap fail ialah WebP yang berasingan, dijana terus daripada sumber tersebut.
- Kualiti
- 80
- Profil warna
- sRGB
- Output daripada satu sumber
- 4
| Fail | Format | Piksel | Bait |
|---|---|---|---|
| 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 fail sampel yang ditunjukkan. Hasil anda bergantung pada asal dan tetapan anda. Gambar pasu seramik adalah sampel yang dijana AI. Tangkapan skrin aplikasi dan ukuran fail yang dieksport adalah nyata.
Beberapa soalan biasa
Apakah yang berlaku jika sumber saya hanya 1000 px lebar?
Templat melangkau varian 1280 dan 1920 px. Hanya fail rujukan yang sebenarnya dijana.
Adakah apl menjana HTML?
Aliran kerja ini menghasilkan imej. Tambahkan srcset dan sizes dalam kod tapak web atau sistem kandungan anda.
Letakkan aliran kerja berfungsi.
Buka PixRinse, tambahkan beberapa imej dan mulakan dengan tetapan di atas.
Muat turun untuk MacPercuma: sehingga 10 imej setiap kelompok dan satu output bagi setiap sumber. Output berbilang aliran kerja ini memerlukan Pro. Bandingkan Percuma & Pro.