Format Imej yang Diterima Setiap Platform

Platform perdagangan moden menerima WebP dan semakin banyak menerima AVIF, manakala aliran kerja cetakan dan undang-undang tidak menerima kedua-duanya, dan klien e-mel berada di antaranya. JPEG dan PNG kekal sebagai 2 format sahaja yang diterima di mana-mana tanpa sebarang syarat.

Menerima sesuatu format dan mengekalkannya adalah dua perkara yang berbeza. Beberapa platform menerima fail WebP anda dan mengkodkannya semula kepada JPEG di sebalik tabir, yang bermaksud anda menanggung risiko keserasian tanpa mendapat faedah pengurangan saiz. Mengetahui platform mana yang melakukan ini akan mengubah jenis fail yang patut anda muat naik.

Sokongan format mengikut platform

Semak lajur terakhir sebelum memilih format muat naik, kerana platform yang mengkod semula segala-galanya menjadikan pilihan format anda tidak relevan. Sokongan berubah mengikut peredaran masa, jadi sahkan dengan dokumentasi semasa sebelum melakukan migrasi yang besar.

Corak dalam jadual tersebut adalah konsisten. Sistem yang dibina baru-baru ini untuk web menerima format moden, manakala sistem yang dibina untuk cetakan, pematuhan atau keserasian warisan tidak menerimanya. Usia sistem meramalkan sokongan format dengan lebih baik berbanding saiz syarikat yang mengendalikannya.

Pelayar web bukan lagi masalah

Setiap pelayar web semasa menyokong WebP, termasuk Chrome, Firefox, Safari dan Edge pada desktop dan mudah alih. Safari menambah sokongan pada tahun 2020, yang mengakhiri hujah keserasian serius yang terakhir terhadap format tersebut.

AVIF berada setapak di belakang, dengan sokongan dalam semua pelayar web utama tetapi menunjukkan tingkah laku yang kurang konsisten pada versi lama dan beberapa pemapar terbina dalam. Untuk tapak web awam, WebP adalah selamat digunakan tanpa sandaran (fallback) dan AVIF adalah selamat jika digunakan bersama sandaran. Masalah yang berbaki adalah di luar pelayar web sepenuhnya.

Mengapa platform mengkod semula muat naik anda

Platform mengkod semula untuk mengawal kos penghantaran mereka sendiri dan untuk menyediakan saiz yang betul bagi setiap peranti. Pasaran yang memaparkan imej dalam 6 reka letak berbeza memerlukan 6 varian, dan menjananya daripada satu muat naik adalah lebih mudah daripada meminta penjual menyediakannya sendiri.

Pengkodan semula mempunyai kesan yang perlu difahami. Memuat naik fail yang telah dimampatkan secara berlebihan memberikan platform sumber yang rosak untuk diproses, dan kerosakan itu akan dibawa ke dalam setiap varian. Apabila platform mengkod semula, muat naik fail berkualiti tinggi dengan dimensi yang betul dan biarkan platform mengendalikan pemampatan, daripada memampatkannya sebanyak dua kali.

Di mana WebP benar-benar membantu

WebP paling banyak membantu pada tapak web yang anda kawal sendiri, di mana fail yang anda muat naik adalah fail yang dimuat turun oleh pelawat. Tapak web anda sendiri, kedai hos sendiri (self-hosted) dan tapak dokumentasi semuanya termasuk dalam kategori tersebut.

• Tapak web anda sendiri. Manfaat penuh, memandangkan tiada apa-apa yang mengkod semula fail tersebut.
• Kedai hos sendiri. Manfaat penuh, dan kelajuan halaman mempengaruhi kadar penukaran (conversion) secara langsung.
• Sistem kandungan yang menjana varian. Manfaat separa, kerana platform yang menentukan hasil output.
• Pasaran (Marketplaces). Tiada manfaat, memandangkan muat naik dikodkan semula tanpa mengira apa yang anda hantar.
• Rangkaian sosial. Tiada manfaat, kerana setiap rangkaian menukar imej kepada format mereka sendiri.

Di mana WebP menimbulkan masalah

Elakkan WebP di mana-mana sahaja fail tersebut akan dimuat turun oleh manusia dan dibuka dalam perisian di luar pelayar web. Alat reka bentuk, perisian pejabat dan aliran kerja cetakan masih kurang baik dalam mengendalikan format ini.

Kegagalan yang paling biasa berlaku adalah pada kit akhbar atau pek media. Seorang wartawan yang memuat turun logo WebP mungkin tidak dapat meletakkannya dalam perisian reka letak mereka, dan permintaan itu akhirnya diabaikan tanpa maklum balas. Borang muat naik kerajaan adalah kegagalan biasa yang kedua, di mana pengesahan menolak format tersebut secara terus dengan ralat yang jarang menyatakan punca sebenarnya.

Bagaimana untuk memutuskan format yang perlu dimuat naik

Untuk memilih dengan betul, jawab 4 soalan ini mengikut urutan.

1. Adakah fail tersebut akan dimuat turun dan dibuka di luar pelayar web? Jika ya, gunakan JPG atau PNG.
2. Adakah platform mengkod semula muat naik? Jika ya, muat naik JPG atau PNG berkualiti tinggi dan biarkan platform menentukannya.
3. Adakah anda mengawal penghantaran fail tersebut? Jika ya, gunakan WebP, dengan AVIF pada imej anda yang paling berat.
4. Adakah imej tersebut memerlukan ketelusan (transparency)? Jika ya, gunakan PNG atau WebP, memandangkan JPEG tidak mempunyai saluran ketelusan.

4 soalan tersebut menyelesaikan hampir setiap kes tanpa memerlukan jadual keserasian. Prinsip asasnya adalah mudah: format moden sesuai digunakan di mana anda mengawal saluran paip (pipeline) tersebut, dan format universal sesuai digunakan di tempat lain.

Menyediakan format moden dengan selamat pada tapak web anda sendiri

Gunakan elemen picture yang menyenaraikan AVIF terlebih dahulu, WebP kedua dan sandaran JPEG dalam tag img. Pelayar web akan mengambil format pertama yang difahaminya, jadi pelayar web yang lebih baharu mendapat fail yang kecil dan pelayar web yang lebih lama masih mendapat imej.

Penandaan (markup) ini hanya memerlukan beberapa baris kod bagi setiap imej dan menghapuskan risiko keserasian sepenuhnya. Kebanyakan sistem kandungan dan pembina tapak web kini menjana corak ini secara automatik semasa muat naik, jadi semak apa yang telah dilakukan oleh platform anda sebelum menulisnya secara manual. Menukar imej hanya mengambil masa beberapa minit, manakala menulis penandaan biasanya mengambil masa lebih lama.

Bagaimana untuk menyemak apa yang benar-benar diterima oleh platform

Muat naik satu fail ujian dan periksa apa yang disediakan semula oleh platform, memandangkan dokumentasi kerap kali lapuk. Jawapannya mengambil masa 2 minit dan lebih boleh dipercayai daripada mana-mana senarai yang diterbitkan.

Muat naik imej WebP, lihat halaman yang diterbitkan, klik kanan pada imej dan buka imej tersebut dalam tab baharu. Sambungan fail (file extension) dalam bar alamat menunjukkan format sebenar yang disediakan oleh platform. Sambungan .jpg bermaksud fail WebP anda telah ditukar, manakala sambungan .webp bermaksud ia telah dikekalkan. Ulangi ujian ini selepas sebarang kemas kini platform yang besar.

Format yang hilang secara senyap

BMP, TIFF dan GIF animasi masih berfungsi hampir di mana-mana dan merupakan pilihan yang salah dalam hampir setiap kes. Setiap satu daripadanya bertahan kerana perisian lama menghasilkannya, bukannya kerana ia berfungsi dengan baik.

BMP menyimpan imej dengan hampir tiada pemampatan, jadi tangkapan skrin boleh bersaiz 20 kali ganda berbanding PNG yang setara dengannya. TIFF kekal sebagai standard dalam percetakan dan pengimbasan serta tidak boleh digunakan di web. GIF animasi terhad kepada 256 warna dan kerap kali bersaiz lebih besar daripada video pendek bagi klip yang sama. Menukar 3 format ini semasa diterima, dan bukannya menyimpannya, dapat mengelakkan beban saiz fail sepanjang aliran kerja.

Merancang migrasi format

Tukar salinan perpustakaan imej dan bukannya fail asal, dan simpan fail asal sehingga fail baharu disiarkan secara langsung dan disahkan. Migrasi format adalah salah satu daripada beberapa tugas imej yang boleh menyebabkan kehilangan hasil kerja secara kekal.

Lakukan dalam 4 peringkat. Audit imej mana yang sebenarnya digunakan, memandangkan kebanyakan perpustakaan menyimpan fail yang tidak dirujuk oleh mana-mana halaman. Tukar salinan kepada format sasaran pada dimensi yang betul. Terbitkan fail baharu bersama-sama sandaran supaya tiada apa-apa yang rosak semasa peralihan. Hanya padam fail asal setelah halaman disemak pada telefon, pelayar desktop dan mana-mana sistem klien yang menggunakan imej tersebut.

Bagaimana dengan AVIF

AVIF memampatkan kira-kira 20 hingga 30 peratus lebih kuat daripada WebP pada foto besar dan mengekod dengan jauh lebih perlahan. Format ini berbaloi dengan usaha tambahan pada imej utama (hero images) dan halaman yang padat dengan fotografi.

Di bawah saiz kira-kira 10 KB, fail WebP selalunya lebih kecil, kerana AVIF membawa lebih banyak overhed bekas (container overhead) berbanding apa yang boleh dijustifikasikan oleh imej kecil. Gunakan AVIF pada imej terbesar anda, WebP di tempat lain di tapak web, dan simpan sandaran JPEG untuk kedua-duanya. Sokongan platform di luar pelayar web masih tipis, jadi AVIF sesuai untuk tapak web yang anda kawal sendiri berbanding fail yang anda serahkan kepada orang lain.

Menukar perpustakaan imej untuk destinasi tertentu

Tukar sekali sahaja kepada format yang sebenarnya digunakan oleh destinasi tersebut, bukannya menukar berulang kali antara format. Setiap penukaran yang hilang data (lossy) membuang butiran imej, jadi fail yang telah melalui 3 format akan membawa 3 generasi kehilangan kualiti.

Tentukan destinasi terlebih dahulu, kemudian tukar terus daripada fail asal. Penukar kami mengendalikan setiap gandingan biasa, termasuk HEIC, PNG, JPG, WebP, AVIF, GIF dan BMP dalam kedua-dua arah, jadi tidak perlu menghantar fail melalui format perantara. Kumpulan sehingga 500 fail boleh diproses sekali gus, sepenuhnya di dalam pelayar web anda, yang bermaksud keseluruhan perpustakaan imej boleh disediakan untuk migrasi tanpa satu fail pun keluar dari mesin anda.