Menggunakan imej WebP dalam WordPress, Shopify dan Wix

Oleh Jenna, Reka bentuk web, Ikonik Digital · Kemas kini terakhir 2026-10-03

Imej WebP lebih kecil daripada JPG dan PNG pada kualiti yang sama, dan setiap pelayar semasa memaparkannya. Sama ada anda perlu menukar imej sendiri bergantung pada platform, kerana sesetengahnya sudah melakukannya untuk anda. Panduan ini menggambarkan cara platform berfungsi pada masa penulisan; platform berubah, jadi semak halaman bantuan semasa mereka jika ada sesuatu yang kelihatan berbeza.

WordPress

WordPress telah menerima muat naik WebP ke pustaka media sejak versi 5.8, pada hos yang pustaka imej pelayannya menyokong WebP. Selepas dimuat naik, WebP berfungsi seperti imej lain dalam catatan, halaman dan kebanyakan tema. WordPress tidak menukar muat naik JPG anda kepada WebP dengan sendirinya; itu dilakukan oleh pemalam pengoptimuman imej atau oleh hos anda.

Tukar sendiri apabila: anda mahukan fail yang lebih kecil tanpa menambah pemalam, atau anda memuat naik sekumpulan imej baharu. Proses imej melalui JPG ke WebP sebelum memuat naik. Kekalkan PNG untuk logo hanya jika tema anda memaparkan ketelusan WebP dengan buruk, yang jarang berlaku.

Shopify

CDN imej Shopify menyajikan imej dalam format moden seperti WebP secara automatik kepada pelayar yang menyokongnya, tanpa mengira format yang anda muat naik. Format muat naik kurang penting berbanding saiz muat naik: foto produk 5 MB tetap diproses daripada 5 MB. Shopify juga menerima muat naik WebP secara terus.

Tukar sendiri apabila: jarang sekali atas sebab format. Sebaliknya, ubah saiz foto produk kepada sekitar 2000 hingga 2048 piksel pada sisi terpanjang sebelum memuat naik, yang mengekalkan zum yang tajam tanpa membazir ruang.

Wix

Wix mengoptimumkan imej yang dimuat naik dan menyajikan WebP kepada pelayar yang menyokongnya secara automatik. Seperti Shopify, dimensi muat naik yang munasabah lebih penting daripada menukar sendiri.

Tukar sendiri apabila: anda memerlukan fail WebP untuk kegunaan di luar Wix, atau pengoptimuman editor laman itu sendiri tidak mencukupi untuk halaman yang sangat banyak imej.

Tempat lain WebP muncul

• Squarespace, Webflow dan kebanyakan pembina laman moden menerima muat naik WebP, dan banyak juga yang menukar secara automatik.
• Surat berita e-mel ialah pengecualian: sokongan WebP dalam aplikasi e-mel masih tidak sekata. Gunakan JPG dan PNG dalam e-mel.
• Pasaran dalam talian dan borang muat naik sering menolak WebP. Simpan versi JPG bagi apa sahaja yang anda senaraikan di tempat lain.

Apabila WebP tidak dapat dibuka

Kadangkala masalahnya berlaku sebaliknya: anda memuat turun WebP daripada laman web dan program lama, kedai cetak atau borang tidak menerimanya. Tukar semula dengan WebP ke JPG, atau WebP ke PNG jika imej itu mempunyai ketelusan.

Aliran kerja mudah untuk mana-mana platform

1. Ubah saiz imej kepada saiz terbesar yang akan dipaparkan.
2. Jika platform tidak menukar secara automatik, tukar kepada WebP pada kualiti 80.
3. Simpan fail asal dalam folder, supaya anda boleh mengeksport semula jika platform atau tema berubah.