Lompati ke konten

Format Gambar yang Didukung Setiap Platform

Apakah Shopify mendukung WebP? Apakah Etsy menerima AVIF? Panduan referensi untuk format yang diterima setiap platform dan apa yang mereka enkode ulang secara diam-diam.

Platform perdagangan modern menerima WebP dan semakin banyak yang menerima AVIF, alur kerja cetak dan hukum tidak menerima keduanya, dan klien email berada di antaranya. JPEG dan PNG tetap menjadi satu-satunya 2 format yang diterima di mana saja tanpa catatan khusus.

Menerima format dan mempertahankannya adalah dua hal yang berbeda. Beberapa platform menerima file WebP Anda dan mengodekannya kembali ke JPEG di balik layar, yang berarti Anda menanggung risiko kompatibilitas tanpa mendapatkan manfaat ukuran. Mengetahui platform mana yang melakukan ini akan mengubah apa yang sebaiknya Anda unggah.

Dukungan format berdasarkan platform

Periksa kolom terakhir sebelum memilih format unggahan, karena platform yang mengodekan ulang semuanya membuat pilihan format Anda tidak relevan. Dukungan berubah seiring waktu, jadi konfirmasikan dengan dokumentasi saat ini sebelum melakukan migrasi besar.

PlatformWebPAVIFMengodekan ulang unggahan
ShopifyDiterimaParsialYa, menyajikan variannya sendiri
WordPressDiterimaParsialMenghasilkan ukuran thumbnail
AmazonTidak diterimaTidak diterimaYa
EtsyTidak diterimaTidak diterimaYa
eBayCampuranTidak diterimaYa
Social networksCampuranJarangYa, selalu
Email clientsTidak andalTidak didukungTidak
Government portalsDitolakDitolakTidak
Print servicesDitolakDitolakTidak

Pola dalam tabel tersebut konsisten. Sistem yang baru-baru ini dibangun untuk web menerima format modern, sedangkan sistem yang dibangun untuk cetak, kepatuhan, atau kompatibilitas warisan tidak menerimanya. Usia sistem memprediksi dukungan format lebih baik daripada ukuran perusahaan yang menjalankannya.

Browser tidak lagi menjadi masalah

Setiap browser saat ini mendukung WebP, termasuk Chrome, Firefox, Safari, dan Edge di desktop dan seluler. Safari menambahkan dukungan pada tahun 2020, yang mengakhiri argumen kompatibilitas serius terakhir terhadap format tersebut.

AVIF berada satu langkah di belakang, dengan dukungan di semua browser utama tetapi perilakunya kurang konsisten pada versi lama dan beberapa penampil bawaan. Untuk situs web publik, WebP aman digunakan tanpa cadangan dan AVIF aman dengan cadangan. Masalah yang tersisa sepenuhnya berada di luar browser.

Mengapa platform mengodekan ulang unggahan Anda

Platform mengodekan ulang untuk mengontrol biaya pengiriman mereka sendiri dan untuk menyajikan ukuran yang tepat ke setiap perangkat. Marketplace yang menampilkan gambar dalam 6 tata letak berbeda membutuhkan 6 varian, dan menghasilkannya dari satu unggahan lebih sederhana daripada meminta penjual menyediakannya.

Pengodean ulang memiliki konsekuensi yang perlu dipahami. Mengunggah file yang dikompresi secara berlebihan memberikan sumber yang rusak bagi platform untuk bekerja, dan kerusakan tersebut terbawa ke setiap varian. Di mana platform mengodekan ulang, unggahlah file berkualitas tinggi dengan dimensi yang benar dan biarkan platform menangani kompresinya, daripada melakukan kompresi dua kali.

Di mana WebP benar-benar membantu

WebP paling membantu pada situs yang Anda kontrol, di mana file yang Anda unggah adalah file yang diunduh pengunjung. Situs web Anda sendiri, toko yang di-host sendiri, dan situs dokumentasi semuanya termasuk dalam kategori tersebut.

  • Situs web Anda sendiri. Manfaat penuh, karena tidak ada yang mengodekan ulang file tersebut.
  • Toko yang di-host sendiri. Manfaat penuh, dan kecepatan halaman memengaruhi konversi secara langsung.
  • Sistem konten yang menghasilkan varian. Manfaat parsial, karena platform yang menentukan hasilnya.
  • Marketplaces. Tidak ada manfaat, karena unggahan dikodekan ulang terlepas dari apa yang Anda kirim.
  • Social networks. Tidak ada manfaat, karena setiap jaringan mengonversi ke formatnya sendiri.

Di mana WebP menyebabkan masalah

Hindari WebP di mana pun seseorang akan mengunduh file dan membukanya di perangkat lunak di luar browser. Alat desain, perangkat lunak perkantoran, dan alur kerja cetak masih menangani format ini dengan buruk.

Kegagalan yang paling umum adalah pada press kit atau paket media. Seorang jurnalis yang mengunduh logo WebP mungkin tidak dapat memasukkannya ke dalam perangkat lunak tata letak mereka, dan permintaan tersebut akhirnya diabaikan daripada dikembalikan. Formulir unggahan pemerintah adalah kegagalan umum kedua, di mana validasi menolak format tersebut secara langsung dengan kesalahan yang jarang menyebutkan penyebabnya.

Cara memutuskan format mana yang akan diunggah

Untuk memilih dengan benar, jawablah 4 pertanyaan ini secara berurutan.

  1. Apakah file tersebut akan diunduh dan dibuka di luar browser? Jika ya, gunakan JPG atau PNG.
  2. Apakah platform mengodekan ulang unggahan? Jika ya, unggah JPG atau PNG berkualitas tinggi dan biarkan platform yang menentukan.
  3. Apakah Anda mengontrol pengiriman file tersebut? Jika ya, gunakan WebP, dengan AVIF pada gambar terberat Anda.
  4. Apakah gambar membutuhkan transparansi? Jika ya, gunakan PNG atau WebP, karena JPEG tidak memiliki saluran transparansi.

Keempat pertanyaan tersebut menyelesaikan hampir setiap kasus tanpa memerlukan tabel kompatibilitas. Prinsip dasarnya sederhana: format modern digunakan di tempat Anda mengontrol jalurnya, dan format universal digunakan di tempat lainnya.

Menyajikan format modern dengan aman di situs Anda sendiri

Gunakan elemen picture yang mencantumkan AVIF terlebih dahulu, WebP kedua, dan cadangan JPEG di tag img. Browser akan mengambil format pertama yang dipahaminya, sehingga browser yang lebih baru mendapatkan file kecil dan browser yang lebih lama tetap mendapatkan gambar.

Markup ini hanya memakan beberapa baris per gambar dan menghilangkan risiko kompatibilitas sepenuhnya. Sebagian besar sistem konten dan pembuat situs sekarang menghasilkan pola ini secara otomatis saat unggah, jadi periksa apa yang sudah dilakukan platform Anda sebelum menulisnya secara manual. Mengonversi gambar hanya membutuhkan waktu beberapa menit, sedangkan menulis markup biasanya memakan waktu lebih lama.

Cara memeriksa apa yang sebenarnya diterima platform

Unggah satu file uji dan periksa apa yang disajikan kembali oleh platform, karena dokumentasi sering kali kedaluwarsa. Jawabannya hanya butuh waktu 2 menit dan lebih andal daripada daftar yang dipublikasikan mana pun.

Unggah gambar WebP, lihat halaman yang dipublikasikan, klik kanan gambar tersebut dan buka di tab baru. Ekstensi file di bilah alamat menunjukkan apa yang sebenarnya disajikan oleh platform. Ekstensi .jpg berarti file WebP Anda telah dikonversi, sedangkan ekstensi .webp berarti file tersebut dipertahankan. Ulangi pengujian ini setelah setiap pembaruan platform utama.

Format yang perlahan menghilang

BMP, TIFF, dan GIF animasi masih berfungsi hampir di mana saja dan merupakan pilihan yang salah di hampir setiap kasus. Masing-masing bertahan karena perangkat lunak lama menghasilkannya, bukan karena format tersebut melakukan sesuatu dengan baik.

BMP menyimpan gambar dengan hampir tanpa kompresi, sehingga tangkapan layar bisa berukuran 20 kali lipat dari setara PNG-nya. TIFF tetap menjadi standar dalam pencetakan dan pemindaian dan tidak dapat digunakan di web. GIF animasi terbatas pada 256 warna dan sering kali berukuran lebih besar daripada video pendek dari klip yang sama. Mengonversi ketiga format ini saat diterima, daripada menyimpannya, menghindari beban berat di seluruh alur kerja.

Merencanakan migrasi format

Konversikan salinan pustaka daripada file aslinya, dan simpan file asli sampai file baru aktif dan terverifikasi. Migrasi format adalah salah satu dari sedikit tugas gambar yang dapat menghilangkan pekerjaan secara permanen.

Bekerjalah dalam 4 tahap. Audit gambar mana yang benar-benar digunakan, karena sebagian besar pustaka menyimpan file yang tidak dirujuk oleh halaman mana pun. Konversikan salinan ke format target dengan dimensi yang benar. Publikasikan file baru bersama dengan cadangan agar tidak ada yang rusak selama peralihan. Hanya hapus file asli setelah halaman diperiksa di ponsel, browser desktop, dan sistem klien apa pun yang menggunakan gambar tersebut.

Bagaimana dengan AVIF

AVIF mengompresi sekitar 20 hingga 30 persen lebih kuat daripada WebP pada foto besar dan mengodekan jauh lebih lambat. Format ini sepadan dengan upaya ekstra pada gambar hero dan halaman yang padat fotografi.

Di bawah sekitar 10 KB, file WebP sering kali lebih kecil, karena AVIF membawa lebih banyak overhead kontainer daripada yang dapat dibenarkan oleh gambar kecil. Gunakan AVIF pada gambar terbesar Anda, WebP di tempat lain di situs, dan simpan cadangan JPEG untuk keduanya. Dukungan platform di luar browser masih tipis, jadi AVIF lebih cocok untuk situs yang Anda kontrol daripada untuk file yang Anda serahkan kepada orang lain.

Mengonversi pustaka untuk tujuan tertentu

Konversikan sekali ke format yang sebenarnya digunakan oleh tujuan daripada mengonversi berulang kali antarformat. Setiap konversi lossy membuang detail, sehingga file yang telah melewati 3 format membawa 3 generasi penurunan kualitas.

Tentukan tujuannya terlebih dahulu, lalu konversikan langsung dari aslinya. Konverter kami menangani setiap pasangan umum, termasuk HEIC, PNG, JPG, WebP, AVIF, GIF, dan BMP ke kedua arah, sehingga tidak perlu mengarahkan file melalui format perantara. Batch hingga 500 file berjalan sekaligus, sepenuhnya di dalam browser Anda, yang berarti seluruh pustaka gambar dapat disiapkan untuk migrasi tanpa ada satu file pun yang meninggalkan mesin Anda.

Kembali ke blog