Cara Mengurangkan Saiz Imej Tanpa Kehilangan Kualiti yang Kelihatan

Laman web anda mengambil masa enam saat untuk dimuatkan. E-mel anda melantun balik kerana lampiran terlalu besar. Siaran media sosial anda kelihatan bagus tetapi mengambil masa terlalu lama untuk dimuat naik. Dalam hampir setiap kes, puncanya adalah sama: imej yang jauh lebih besar dari yang diperlukan.

Berita baiknya adalah anda boleh mengurangkan saiz fail imej secara dramatik, sering sebanyak 70% atau lebih, tanpa sebarang perbezaan kualiti yang kelihatan. Kuncinya adalah memahami apa yang membuat imej menjadi besar pada mulanya.

Resolusi vs. Saiz Fail: Perbezaan Utama

Ramai orang mengelirukan resolusi imej dengan saiz fail. Ia berkaitan tetapi perkara yang berasingan.

Resolusi adalah bilangan piksel dalam imej, diukur sebagai lebar x tinggi. Imej 4000 x 3000 piksel mempunyai 12 juta piksel (12 megapiksel). Resolusi menentukan seberapa besar imej boleh dipaparkan sambil masih kelihatan tajam.

Saiz fail adalah berapa bait yang imej duduki di cakera. Ia bergantung pada resolusi, tetapi juga pada format, tahap pemampatan, dan kandungan imej.

Inilah sebab perbezaan ini penting: imej 4000 x 3000 yang dipaparkan pada 800 x 600 di laman web membuang lebih 90% pikselnya. Pelayar perlu memuat turun semua 12 juta piksel, kemudian membuang sebahagian besarnya untuk memaparkan imej pada saiz yang lebih kecil. Mengubah saiz imej ke dimensi paparan sebenar sebelum memuat naik boleh mengurangkan saiz fail sebanyak 80% atau lebih, tanpa sebarang perbezaan kelihatan.

Memahami Format Imej

Format yang anda pilih memberi kesan besar terhadap saiz fail.

JPG (JPEG)

Standard universal untuk fotografi. JPG menggunakan pemampatan lossy, bermakna ia membuang beberapa data imej yang mata manusia tidak mungkin perasan. Pada kualiti 80-85%, imej JPG kelihatan sama dengan asal tetapi sebahagian kecil dari saiznya.

Terbaik untuk: Foto, imej dengan kecerunan, imej realistik.

PNG

PNG menggunakan pemampatan lossless: tiada data dibuang. Ini menjadikannya ideal untuk imej yang memerlukan pembiakan piksel yang tepat, seperti logo, tangkapan skrin, dan grafik dengan teks. Walau bagaimanapun, fail PNG adalah jauh lebih besar dari JPG untuk kandungan fotografi.

Terbaik untuk: Logo, tangkapan skrin, grafik dengan teks, imej yang memerlukan ketelusan.

WebP

Dibangunkan oleh Google, WebP menawarkan pemampatan lossy dan lossless. Ia menghasilkan fail 25-35% lebih kecil daripada JPG pada kualiti yang setanding dan menyokong ketelusan (tidak seperti JPG). Semua pelayar moden menyokong WebP.

Terbaik untuk: Imej web dari mana-mana jenis. Format web tujuan umum terbaik yang tersedia hari ini.

Cara Pemampatan Imej Berfungsi

Semua pemampatan imej mengeksploitasi prinsip asas yang sama: mata manusia tidak dapat melihat setiap butiran yang ditangkap kamera. Algoritma pemampatan mengenal pasti dan mengalih keluar maklumat yang tidak akan anda perasan hilang.

Khususnya, pemampatan lossy mengambil kesempatan daripada:

• Kepekaan warna. Mata manusia lebih peka terhadap perubahan kecerahan daripada perubahan warna. Pemampatan mengurangkan ketepatan warna dengan lebih agresif.
• Butiran frekuensi tinggi. Tekstur halus dan kecerunan yang halus boleh dipermudahkan tanpa kesan yang ketara.
• Lebihan. Kawasan warna yang serupa (langit biru, dinding putih) boleh diwakili dengan lebih cekap.

Triknya adalah mencari tahap pemampatan yang betul. Terlalu sedikit pemampatan membazirkan lebar jalur. Terlalu banyak pemampatan memperkenalkan artifak yang kelihatan: kabur, pita, dan kawasan berkotak.

Peraturan Praktikal untuk Kes Penggunaan Berbeza

Untuk Laman Web

• Lebar maksimum: 1920 piksel untuk imej hero lebar penuh, 800-1200 piksel untuk imej kandungan
• Format: WebP dengan fallback JPG
• Kualiti: 75-85%
• Saiz sasaran: Di bawah 200 KB setiap imej, di bawah 100 KB untuk lakaran kecil

Untuk Lampiran E-mel

• Lebar maksimum: 1200-1600 piksel
• Format: JPG (keserasian universal)
• Kualiti: 80-85%
• Saiz sasaran: Di bawah 500 KB setiap imej, jumlah lampiran di bawah 10 MB

Untuk Media Sosial

Setiap platform mempunyai dimensi optimumnya sendiri, tetapi sebagai peraturan umum:

• Instagram: 1080 x 1080 (segi empat), 1080 x 1350 (potret)
• Facebook: 1200 x 630 untuk pratonton pautan
• LinkedIn: 1200 x 627
• Format: JPG atau PNG
• Kualiti: 85-90% (platform memampatkan semula imej anda, jadi bermula dengan kualiti yang sedikit lebih tinggi adalah bijak)

Kesilapan Terbesar yang Dilakukan Orang

1. Memuat Naik Fail Asal Kamera

Foto mentah dari telefon pintar moden adalah 3-8 MB. Fail mentah DSLR boleh menjadi 25-50 MB. Memuat naik ini terus ke laman web adalah punca paling biasa tunggal halaman yang memuatkan lambat.

2. Menggunakan PNG untuk Foto

PNG adalah format yang salah untuk fotografi. Foto yang disimpan sebagai PNG boleh menjadi 5-10x lebih besar daripada foto yang sama yang disimpan sebagai JPG pada kualiti 85%, tanpa perbezaan kelihatan.

3. Tidak Mengubah Saiz Sebelum Memampatkan

Memampatkan imej lebar 4000 piksel ke bawah ke 200 KB adalah jauh kurang berkesan daripada terlebih dahulu mengubah saiznya ke 1200 piksel lebar dan kemudian memampatkannya. Ubah saiz dahulu, mampat kemudian.

4. Memampatkan Berkali-kali

Setiap kali anda membuka JPG, mengeditnya, dan menyimpannya semula, ia dimampatkan semula. Dalam beberapa kitaran edit-simpan, kualiti merosot dengan ketara. Sentiasa bekerja dari asal dan mampat hanya versi akhir.

Kesan Pengoptimuman Imej

Mengoptimumkan imej bukan sahaja tentang kemudahan. Untuk laman web, ia secara langsung mempengaruhi:

• Kelajuan muatan halaman. Halaman yang lebih pantas mendapat kedudukan lebih tinggi dalam hasil carian Google.
• Pengalaman pengguna. 53% pengguna mudah alih meninggalkan halaman yang mengambil masa lebih dari 3 saat untuk dimuatkan.
• Kos lebar jalur. Untuk tapak dengan trafik tinggi, pengoptimuman imej boleh menjimatkan kos pengehosan yang ketara.
• Kebolehaksesan. Pengguna pada sambungan perlahan atau pelan data terhad mendapat manfaat yang besar.

Bersedia untuk mengoptimumkan imej anda? Ikuti panduan langkah demi langkah kami: Cara Memampatkan Imej. Ia percuma, berfungsi dalam pelayar anda, dan membolehkan anda melihat perbezaan kualiti sebelum memuat turun.