Kompres Imej Online Percuma Tanpa Rosakkan Kualiti

Pada banyak laman, imej menyumbang kira-kira 40% berat halaman. Apabila muatan mudah alih melepasi 3 saat, 53% lawatan boleh pergi, dan hanya 48% laman mudah alih yang lulus Core Web Vitals.

Mengapa pemampatan imej penting

• Kelajuan halaman masih boleh mengubah penukaran sekitar 3% bagi setiap saat.
• Carian imej boleh menyumbang 22.6% trafik penemuan.
• Walaupun Korea Selatan mempunyai indeks terkini sekitar 385 Mbps mudah alih dan 317 Mbps jalur lebar, imej besar masih melambatkan sesi sebenar.

Bagaimana pemampatan mempengaruhi LCP, INP dan CLS

Sasaran ialah LCP tidak melebihi 2.5 saat, INP tidak melebihi 200 ms dan CLS tidak melebihi 0.1. Dalam Web Almanac 2025, 85.3% elemen LCP desktop ialah imej. Ini selalunya membantu memperbaiki LCP dan menjadikan CLS lebih stabil.

• Jangan lazy load hero image atau imej LCP.
• Lazy loading pada hero image dikaitkan dengan penurunan sekitar 27 mata peratusan pada kadar lulus LCP yang baik.
• Kompres imej utama dahulu, kemudian tetapkan dimensi untuk elak peralihan susun atur.

Cara memilih JPEG, PNG, WebP dan AVIF

Bagi banyak foto, WebP atau AVIF selalunya lebih jimat berbanding JPEG. PNG lebih sesuai apabila anda perlukan latar lutsinar atau tepi grafik yang tegas. Uji pada halaman penting dan pilih format paling ringan yang masih kelihatan bersih. WebP sesuai sebagai pilihan lalai yang selamat, manakala AVIF sesuai jika anda mahu fail yang lebih kecil. WebP biasanya 25% hingga 34% lebih kecil daripada JPEG dan disokong sekitar 95% pelayar. AVIF pula sering 20% hingga 30% lebih kecil daripada WebP atau sekitar 50% lebih kecil daripada JPEG dengan sokongan sekitar 94%.

Pemampatan imej dan keterlihatan carian

Fail imej yang lebih kecil membantu halaman dipaparkan lebih cepat, mengurangkan pengguna yang keluar, dan memunculkan kandungan penting lebih awal. Penambahbaikan pengalaman ini biasanya membantu keterlihatan carian kerana halaman yang pantas lebih mudah digunakan dan lebih mudah dirayapi dengan cekap.

Senarai semak pemampatan imej

• Laraskan saiz imej kepada saiz terbesar yang benar-benar akan dipaparkan
• Gunakan WebP atau AVIF untuk kebanyakan foto
• Kekalkan PNG hanya apabila perlu latar lutsinar atau grafik yang sangat tajam
• Mampatkan imej besar yang muncul dahulu dengan lebih cermat berbanding imej hiasan kecil
• Tetapkan lebar dan tinggi supaya susun atur tidak berganjak
• Gunakan srcset dan sizes supaya setiap skrin menerima fail yang sesuai

Kesilapan biasa semasa memampatkan imej

• Memuat naik fail asal daripada kamera terus ke halaman
• Menggunakan tahap pemampatan yang sama untuk semua imej
• Menyimpan foto sebagai PNG tanpa sebab yang jelas
• Menghantar imej terlalu besar untuk komputer ke telefon
• Tidak menetapkan lebar dan tinggi hingga susun atur beralih
• Terus mengecilkan fail selepas kemerosotan visual sudah jelas

Keadaan terbaik untuk memampatkan imej

Rakuten 24 mendapati bahawa LCP yang baik berkait dengan peningkatan penukaran sehingga 61.13%, dan ujian optimasi Core Web Vitals mereka menghasilkan peningkatan penukaran 33.13% serta revenue per visitor 53.37%. Hasilnya, halaman terasa lebih pantas dan lebih meyakinkan.

• Vodafone memperbaiki LCP sebanyak 31% lalu melihat jualan naik 8%, lead naik 15%, dan lawatan troli naik 11%.
• Tokopedia menaikkan CTR 35% dan penukaran 8% selepas fokus pada prestasi.
• Penanda aras e-dagang yang lebih luas menunjukkan laman terpantas boleh menukar sehingga 302% lebih baik daripada laman paling perlahan.

Soalan lazim

Q1. Adakah pemampatan imej sentiasa menurunkan kualiti? A. Tidak semestinya. Pemampatan sederhana sering mengurangkan saiz fail dengan banyak sebelum kebanyakan pengguna nampak perbezaan yang jelas.

Q2. Perlukah semua imej menggunakan WebP atau AVIF? A. Untuk kebanyakan foto, ya. Namun PNG masih sesuai jika anda memerlukan latar lutsinar atau grafik ringkas yang mesti kekal sangat tajam.

Q3. Adakah ubah saiz berbeza daripada mampatan? A. Ya. Ubah saiz menukar dimensi imej, manakala mampatan mengurangkan berat fail dalam dimensi tersebut.

Q4. Sejauh mana imej utama di bahagian atas halaman patut dimampatkan? A. Buang saiz yang membazir, tetapi berhenti sebelum wajah, teks atau tepi produk mula kelihatan lembut.

Q5. Bolehkah pemampatan imej membantu prestasi pada telefon? A. Ya. Fail yang lebih ringan dimuat turun lebih cepat pada rangkaian perlahan dan memberi beban yang lebih rendah pada peranti kecil.

Q6. Mana lebih penting, format atau dimensi? A. Kedua-duanya penting. Mulakan dengan dimensi yang betul, kemudian pilih format dan tahap mampatan yang sesuai.