Format gambar AVIF untuk website meningkatkan SEO, PageSpeed, & User Experience

Kurang dari 0,1 persen dari semua situs web menggunakan format AVIF dan memanfaatkan kesempatan terbaik bagi format gambar untuk meningkatkan kecepatan situs web secara terukur, pengalaman pengguna, dan visibilitas online di Google. Semua pemilik situs web lainnya belum memanfaatkan potensi yang ditawarkan oleh AVIF sebagai format gambar. Artikel ini bertujuan untuk memberikan solusi dan mendorong Anda untuk serius mempertimbangkan format AVIF dan sebaiknya juga menggunakannya untuk gambar di situs web Anda.

Sudah pernahkah Anda menguji URL situs web Anda di Google PageSpeed Insights untuk mengetahui seberapa baik performa situs web Anda? Jika belum, lakukan pengujian segera dengan situs web Anda sendiri.

Saya tebak, saat ini mungkin Anda belum melihat nilai tersebut di situs web Anda, bukan?

Semakin rendah nilai Anda, semakin banyak optimisasi yang diperlukan di situs web Anda untuk meningkatkan PageSpeed Anda. Jika Anda melihat rekomendasi Google untuk meningkatkan PageSpeed saat melakukan pengujian di bawah pada halaman alat uji, mungkin salah satunya adalah memperbarui ke format gambar modern - terutama jika Anda masih menggunakan format berkas JPG atau PNG untuk gambar Anda.

Ini adalah salah satu alasan mengapa Anda belum mencapai nilai tertinggi di PageSpeed Insights dengan situs web Anda dan kemungkinan juga tidak lulus Core Web Vitals.

Baik gambar di situs web agen kami 4eck-media.de maupun di TutKit.com sendiri dimuat dalam format berkas AVIF - sangat cepat, sangat kecil dengan kualitas yang meyakinkan. AVIF membantu kami mencapai nilai PageSpeed yang tertinggi.

Format berkas gambar web yang relatif baru ini hampir tidak dikenal oleh siapa pun, oleh karena itu sudah waktunya untuk memperkenalkan format gambar modern AVIF untuk situs web dengan semua keuntungannya untuk SEO, PageSpeed, dan Pengalaman Pengguna.

Daftar isi artikel AVIF:

Apa itu format gambar AVIF?

AVIF adalah format gambar baru yang dirilis pada tahun 2020 oleh Alliance for Open Media (AOMedia). Format ini didasarkan pada algoritma kompresi AV1 yang bebas kerugian dan menawarkan sejumlah keuntungan dibandingkan dengan format gambar standar lainnya seperti JPEG dan PNG serta format web WebP.

Gambar AVIF jauh lebih kecil dari gambar JPEG dengan kualitas gambar yang sama. Hal ini disebabkan oleh AV1 yang menawarkan kompresi yang lebih efisien secara signifikan. Sehingga sebuah gambar AVIF dengan kualitas yang sama dengan gambar JPEG sering kali bisa menjadi hingga 50% lebih kecil.

Gambar AVIF juga menawarkan kedalaman warna yang lebih tinggi dibandingkan dengan gambar JPEG. Sehingga gambar AVIF dapat menyimpan kedalaman warna hingga 12 bit, sementara gambar JPEG hanya mendukung 8 bit kedalaman warna. Hal ini menghasilkan jangkauan warna yang lebih besar dan warna yang lebih realistis dalam gambar AVIF.

Selain itu, gambar AVIF mampu menyimpan saluran alpha. Saluran alpha digunakan untuk mendefinisikan transparansi gambar. Hal ini membuat gambar AVIF ideal untuk digunakan dalam aplikasi grafis di mana transparansi diperlukan.

AVIF adalah format sumber terbuka dan didukung oleh berbagai penyedia perangkat lunak dan keras. Sebagian besar program pengeditan gambar dan browser umum sudah mendukung gambar AVIF. Maka sudah waktunya format gambar modern ini menyebar!

Berikut adalah beberapa keuntungan AVIF dibandingkan dengan format gambar standar lainnya:

• Rasio Kompresi Lebih Baik: Gambar AVIF jauh lebih kecil dibandingkan dengan gambar JPEG dan PNG dengan kualitas gambar yang sama.
• Kedalaman Warna Lebih Tinggi: Gambar AVIF mendukung hingga 12 bit kedalaman warna, sementara gambar JPEG dan PNG hanya mendukung 8 bit kedalaman warna.
• Penyokongan Saluran Alpha: Gambar AVIF dapat menyimpan transparansi, menggantikan alasan mengapa PNG atau WebP masih digunakan dalam situs web.
• Format Sumber Terbuka: AVIF adalah format sumber terbuka dan didukung oleh berbagai penyedia perangkat keras dan lunak.
• AVIF adalah format gambar yang menarik untuk situs web yang memiliki banyak keuntungan dibandingkan dengan format standar lainnya (termasuk WEBP).

Dapat diprediksi bahwa AVIF akan semakin berperan penting di masa depan dalam penyimpanan dan tampilan gambar di situs web - terutama karena Google telah menyertakan penggunaan langsung dalam rekomendasi hasil PageSpeed Insights dan saat ini semua browser populer di versi terbaru mendukung AVIF. 

Oleh karena itu, sudah saatnya mulai menggunakan format ini di situs web Anda untuk memanfaatkan keuntungan SEO, PageSpeed, dan pengalaman pengguna.

Mengapa AVIF Memberikan Keuntungan untuk SEO, PageSpeed, dan Pengalaman Pengguna?

Keuntungan terbesar akan terlihat paling jelas saat kita membandingkan gambar dalam tampilan. Sebagai contoh, saya telah menghasilkan gambar tentang Midjourney dari sekelompok ikan badut dalam resolusi 1024x1024 dalam format PNG.

• Original-PNG: 1,43 MB
• Dioptimalkan oleh TinyPNG: 393 KB - 73 % disimpan

Saya kemudian mengonversi file PNG asli melalui squoosh.app dengan hasil:

• Dioptimalkan oleh Squoosh sebagai WebP: 84 kb - 94 persen disimpan
• Dioptimalkan oleh Squoosh sebagai AVIF: 42 kb - 97 persen disimpan

Hasilnya, gambar AVIF setengah dari ukuran gambar WebP dengan kualitas optik yang sama. Dalam banyak uji coba lainnya, sudah terbukti bahwa artefak kompresi, seperti yang terjadi pada file JPG yang dikompresi terlalu tinggi, baru akan sedikit terlihat ketika kualitas diturunkan di bawah 30 menuju 20 atau lebih rendah. Pada kualitas 30, bahkan elemen teks di grafik piksel tetap tajam tanpa artefak kompresi.

Penghematan semacam ini pada situs web yang banyak mengandalkan gambar tidak bisa dihargai cukup tinggi.

AVIF untuk nilai SEO yang lebih baik, PageSpeed, dan Pengalaman Pengguna

Pada tahun 2021, Google telah meningkatkan Core Web Vitals sebagai faktor peringkat situs web. Hal ini termasuk kecepatan pemuatan, yaitu seberapa cepat konten utama untuk pengguna Anda dibangun. Google menetapkan waktu hingga 2,5 detik sebagai nilai yang baik yang harus dipertimbangkan oleh pemilik situs web untuk pengguna mereka.

Data gambar yang lebih besar menyebabkan waktu pemuatan yang lebih lama. Core Web Vitals dianggap tidak lulus.

Selain itu, ada juga permasalahan kedua. Jika data gambar yang lebih besar, misalnya berbasis PNG atau JPEG, ditempatkan di situs web, dapat terjadi bahwa konten teks sudah dimuat, sementara gambar membangun dengan lambat. Hal ini dapat mengakibatkan perubahan tata letak kumulatif, yaitu pergeseran kecil yang mendorong bagian bawah situs web lebih ke bawah, tempat yang seharusnya. Google tidak menyukai perubahan tata letak kumulatif ini dan menganggapnya sebagai kesalahan CLS, yang menyebabkan Core Web Vitals juga tidak lulus.

Selain itu, bagi setiap pengunjung situs web, sangat menyenangkan jika halaman sudah siap dan kontennya langsung hadir dengan sekali klik. Anda juga dapat menempatkan gambar dalam kualitas yang lebih baik di situs web tanpa mengompresinya terlalu jauh sehingga artefak kompresi mulai muncul. Ukuran file juga tetap kecil bahkan setelah konversi tanpa kehilangan kualitas atau kompresi normal dibandingkan dengan PNG atau JPEG. Format AVIF oleh karena itu meningkatkan Pengalaman Pengguna dari beberapa aspek untuk setiap pengguna. Google memaksa kita dengan lulusnya Core Web Vitals, untuk melakukan sesuatu untuk pengunjung kita agar mereka tidak frustasi saat mengunjungi situs web kita.

Dengan demikian, Anda dapat melakukan sesuatu untuk meningkatkan Pengalaman Pengguna, PageSpeed, dan kualitas teknis situs web Anda, yang ketiganya akan berdampak positif pada visibilitas online Anda.

Dukungan Browser untuk Gambar AVIF

Khususnya ketika menyangkut teknologi terbaru, setiap pemilik situs web agak ragu-ragu dan lebih suka menunggu beberapa bulan. Di satu sisi, tidak ingin menjadi beta tester untuk perilisan mayor sistem perbelanjaan atau CMS, di sisi lain, tidak pernah pasti bahwa tidak akan ada masalah dengan browser atau perangkat tertentu.

Pada format gambar AVIF, faktor penentu sebenarnya adalah apakah browser-brower umum sudah mendukung format tersebut. Situs web caniuse.com memberi informasi tentang hal ini: https://caniuse.com/avif

Sedikitnya 85 persen dari pengguna browser global telah mendukung AVIF. Di Jerman, pada 2 September sebanyak 80,33% ... ya, Jerman memang, di mana kekurangan jaringan seluler masih menjadi hal yang umum terjadi dan beberapa wilayah masih menderita internet lambat (termasuk daerah tempat saya tinggal: sementara saya bekerja di kantor dengan kecepatan Gigabit, hanya ada 9 MBit/detik di Home Office).

Jadi, Anda dapat melihat bahwa AVIF telah didukung oleh browser-brower terpenting dalam beberapa waktu terakhir.

Berapa Banyak Situs Web yang Sudah Menggunakan Format AVIF?

Sama seperti caniuse.com, w3tech.com memberikan informasi statistik tentang penggunaan teknologi tertentu. Demikian juga untuk format gambar yang digunakan di situs web.

Jadi persentase dari semua situs web (pada September 2023): 

• PNG: 82,1%
• JPEG: 78%
• SVG: 55,2%
• GIF: 21,7%
• WebP: 9,2%
• ICO dan BMP: masing-masing 0,2%
• AVIF: 0,1% (dibulatkan)
  

Jadi saat ini kurang dari 0,07 persen dari semua situs web menggunakan format AVIF. Whaaat? Itu masih sangat sedikit. Tapi hei, ini adalah kesempatan bagimu untuk menjadi pelopor teknologi dalam penggunaan format gambar modern. Garis di gambar kanan membuat jelas bahwa penggunaannya meningkat setiap bulan ... masih dalam sektor permil. Ini pasti akan segera mempercepat.

Menariknya, kurang dari 10 persen dari semua situs web mengikuti rekomendasi Google untuk format web modern. Semua yang lain mengorbankan PageSpeed dan Pengalaman Pengguna dan kemungkinan juga Core Web Vitals, yang secara negatif mempengaruhi visibilitas online.

AVIF vs. WebP - mana yang lebih baik untuk situs web Anda?

Mari kita lakukan tes langsung untuk mengilustrasikan. Gambar di sebelah kanan dari kepala halaman TutKit.com sebelum dikonversi ke AVIF sebagai file PNG berukuran lebih dari 600 KB karena transparansi.

Sekarang gambar tersebut disajikan secara sistemik sebagai file WebP berukuran 159 KB (solusi cadangan kami!). Meskipun gambar ini dioptimalkan melalui alat seperti TINYPNG yang dapat mengurangi ukuran file WebP, tetap berukuran 128 KB. Paling tidak, tetap terjadi pengurangan sebesar 20 persen.

Sebagai file AVIF, yang secara default ditampilkan oleh kami, gambar tersebut hanya memiliki ukuran 94 KB, atau hanya sekitar 59 persen dari ukuran WebP cadangan. Dalam semua tes, AVIF berhasil mengungguli format WebP dalam hal ukuran file dengan kualitas optik yang sama.

Apa alasan untuk memilih AVIF daripada WebP?

• AVIF dapat menampilkan transparansi dan mempertahankan kualitas gambar yang lebih baik meskipun dikompres secara lebih tinggi dan memiliki ukuran file yang lebih kecil.
• Dukungan untuk AVIF sudah mencapai hampir 85% dalam semua browser umum. Kecenderungan terus meningkat.
• Situs web Anda akan memuat dengan lebih cepat berkat AVIF dibandingkan dengan WebP. Terutama pada situs web yang memuat banyak gambar seperti toko online dengan halaman kategori, di mana banyak gambar produk ditempatkan, ini adalah keuntungan. Demikian pula pada situs web yang memerlukan representasi gambar berkualitas tinggi (situs portofolio, referensi, dll.), Anda dapat memastikan kualitas optik tinggi dengan ukuran file yang lebih kecil.

Ada juga pernyataan di caniuse.com langsung di halaman WebP: "AVIF dan JPEG XL dirancang untuk menggantikan WebP." AVIF dan JPEG XL diharapkan menggantikan WebP. 

Sebelum Anda bertanya-tanya apakah Anda mungkin salah pilih dengan AVIF karena JPEG XL juga ikut dalam perlombaan, saya bisa membuat Anda tenang. Kompatibilitas browser dengan JPEG XL hampir tidak ada, hanya sekitar 0,08 persen.

Di Squoosh, Anda dapat mengonversi gambar ke format JPEG XL dan nilai yang dihasilkan "hanya" mirip dengan WebP (lihat gambar di bawah). 

AVIF tetap menjadi pemenang dalam format. Segera gunakan dan manfaatkan semua keunggulannya untuk situs web Anda!

Squoosh.app - alat terbaik untuk mengonversi JPG, PNG, WebP ke AVIF

Saat kami sebelumnya menggunakan TinyJPG atau TinyPNG sebagai alat online di tim untuk mengoptimalkan file JPG, PNG, atau WebP untuk digunakan di situs web, sekarang saya sangat menyukai Squoosh dari Google. 

Squoosh adalah konverter gambar gratis yang dikembangkan oleh Google. Alat ini dapat digunakan sebagai layanan online, tetapi juga lokal di komputer atau server Anda (node.js!). Alat ini dapat mengonversi gambar ke berbagai format, termasuk JPEG, PNG, GIF, dan WebP. Dan yang terbaik: Ini juga dapat mengonversi gambar Anda ke format AVIF.

Konverter gambar Squoosh menggunakan berbagai teknik untuk mengurangi ukuran gambar tanpa mengorbankan kualitas. Ini termasuk kompresi informasi warna, mengurangi resolusi, dan menghilangkan data yang redundant.

Cukup seret gambar dan atur format yang diinginkan. Dengan beberapa klik, gambar Anda siap dikonversi dan dioptimalkan.

Inilah tampilan saat Anda menyisipkan gambar WebP dan mengonversinya satu kali menjadi AVIF (kiri) dan JPEG XL (kanan) untuk konversi dan kompresi. Dengan penggeser, Anda dapat membandingkan level kualitas mana yang tepat untuk mempertahankan kualitas visual. Pengaturan default menunjukkan satu sisi sebagai file asli untuk dibandingkan. Jadi Anda memiliki kontrol penuh atas hasilnya.

Gunakan Squoosh untuk perawatan konten dan pengembangan web Anda, agar ukuran gambar Anda dapat dikurangi berkat format web modern seperti WebP atau AVIF dan untuk meningkatkan waktu muat situs web Anda. Anda juga dapat mengurangi ukuran file JPG Anda - seperti yang dilakukan TinyJPG - jika Anda ingin mengunggahnya ke media sosial misalnya. Keuntungan dibandingkan TinyJPG adalah bahwa Anda memiliki pengendalian penuh atas kompresi dan dapat bereksperimen dengan berbagai pengaturan optimisasi untuk mencapai kualitas terbaik dengan ukuran terkecil.

Berikut ini beberapa keuntungan Squoosh:

• Mendukung berbagai format gambar yang dapat dikonversi 
• Menggunakan berbagai teknik untuk mengurangi ukuran gambar
• Memungkinkan untuk melihat pratinjau gambar yang dikompresi
• Menyediakan berbagai pengaturan optimisasi
• Alat ini gratis dan mudah digunakan.

Satu-satunya kelemahan dari semua fitur positif ini: Saat ini, Squoosh hanya dapat memproses satu gambar pada satu waktu dan tidak mendukung pemrosesan batch. Saya harap fitur ini akan segera ditambahkan.

Konversi Batch Berbasis Server dalam Framework PHP dari Gambar JPG dan PNG ke AVIF dan WebP

Kami sendiri di TutKit.com telah mengonversi gambar kita, yang telah disematkan dalam portal sebagai file JPG dan PNG - sebanyak lebih dari 14.000 file individual - ke format AVIF secara server-side dengan tambahan WebP sebagai cadangan untuk browser yang lebih tua. Kami juga membuat sistem ini sedemikian rupa sehingga pengguna kami masih dapat mengunggah gambar dalam format JPG atau PNG seperti biasa oleh desainer kami dan menambahkan meta-data di portal. Sistem tersebut secara otomatis menyediakan gambar dalam format AVIF saat keluaran dan sebagai cadangan untuk semua browser yang lebih lama (atau tidak mendukung) tersedia dalam format WebP.

Untuk melakukan ini secara server-side, gunakan versi perangkat lunak terbaru. Fungsi baru imagecreatefromavif dan imageavif untuk format AVIF hanya tersedia pada PHP 8.1+ dan jika ekstensi GD dibangun dengan dukungan AVIF. Diperlukan libavif versi 0.8.2 atau lebih tinggi.

Perhatikan pula kompatibilitas dengan sistem operasi. AVIF disediakan dengan paket libavif-dev/libavif-devel di repositori:

• pada Ubuntu 21.04  
• pada Debian 11 
• pada Alpine 3.13 
• pada Fedora 34

Di bawah ini adalah evaluasi PageSpeed untuk tampilan seluler TutKit.com. Meskipun untuk tampilan desktop nilai di atas 90 masih bisa dicapai dengan relatif mudah, namun untuk tampilan seluler ini benar-benar menantang. Kami terus berupaya meningkatkan nilai ini menuju 100, karena kami sadar: PageSpeed baik untuk pengalaman pengguna dan juga berdampak pada kesuksesan SEO kami.

Meskipun terdengar mudah dengan penyertaan AVIF di dalam PHP-Framework Laravel kami di sini, namun akhirnya kami harus menyelesaikan lebih dari 60 tiket di perangkat JIRA kami yang terkait dengan konversi dan penyertaan (termasuk riset, pengembangan, perbaikan bug, pengujian). Jika plugin dapat mengurangi waktu kerja dalam CMS klasik seperti WordPress, untuk pengembangan individual yang luas seperti kami, bisa diperlukan waktu tiga minggu seperti yang terjadi. Namun keuntungan dari penggunaan AVIF ini jelas sebanding dengan usaha yang dikeluarkan! 

Ngomong-ngomong: Mungkin suatu saat nanti saya juga akan menulis artikel mengapa kami di platform seperti TutKit.com lebih memilih menggunakan framework PHP daripada WordPress atau CMS lain.

Plugin untuk Menggunakan AVIF di WordPress

CMS WordPress saat ini belum mendukung pengunggahan gambar AVIF secara langsung hingga September 2023 - berbeda dengan CMS Contao, yang sudah mendukung AVIF sejak versi 5.0.0. Oleh karena itu, saat ini Anda masih perlu dua langkah tambahan saat menggunakan WordPress untuk menampilkan gambar Anda dalam format AVIF.

1. Membuat dukungan AVIF untuk WordPress
2. Mengkonversi gambar dari JPG/PNG/WEBP ke AVIF

Terdapat sejumlah plugin WordPress yang memungkinkan penggunaan gambar AVIF di situs WordPress. Berikut tiga plugin yang dapat Anda pertimbangkan: 

• Dukungan AVIF: Plugin ini memungkinkan Anda mengunggah dan menampilkan gambar AVIF di situs WordPress. Plugin ini juga mendukung konversi otomatis dari gambar JPEG dan PNG ke gambar AVIF.
• Konverter untuk Media: Plugin ini mengkonversi semua gambar dalam perpustakaan media WordPress Anda menjadi gambar AVIF. Plugin ini juga menawarkan serangkaian opsi untuk menyesuaikan kualitas gambar dan tingkat kompresi.
• Pengoptimal Gambar ShortPixel: Plugin ini mengoptimalkan gambar dalam perpustakaan media WordPress Anda, termasuk konversi ke gambar AVIF. Plugin ini juga menawarkan berbagai fitur lainnya untuk meningkatkan kualitas dan performa gambar.

Plugin-plugin ini merupakan cara yang baik untuk memanfaatkan keuntungan dari gambar AVIF di situs WordPress.

Ini adalah Plugin Dukungan AVIF - saat ini hanya memiliki 1.956 unduhan dan kurang dari 800 instalasi - terlihat bahwa AVIF masih benar-benar tidak dikenal oleh pengguna WordPress.

Pembaruan 05.04.2024: Dengan WordPress 6.5, WordPress akhirnya juga mendukung AVIF! Oleh karena itu, Plugin Dukungan hanya diperlukan untuk versi WordPress yang lebih lama. Semakin berharga untuk memperbarui ke WordPress 6.5 dan yang lebih tinggi.

Plugin Local Image Sharp untuk Situs Strapi

Kami juga menggunakan AVIF di situs web agen kami, 4eck-media.de, yang menggunakan CMS Strapi berbasis node.js. Plugin Local Image Sharp untuk Strapi memungkinkan penggunaan gambar AVIF di situs Strapi. Plugin ini menggunakan toolkit pemrosesan gambar tajam untuk mengonversi gambar ke gambar AVIF.

Plugin Local Image Sharp menawarkan serangkaian fitur, termasuk:

• Konversi otomatis gambar ke gambar AVIF
• Pengaturan kualitas gambar dan tingkat kompresi
• Mendukung berbagai format gambar

Untuk menginstal plugin, unduh dari Toko Plugin Strapi dan pasang seperti menginstal plugin Strapi lainnya.

Kami mengatur agar kami tetap mengunggah gambar ke dalam sistem Strapi sebagai JPG atau PNG. Sistem tersebut mengonversi gambar menjadi AVIF dan WEBP dalam enam resolusi berbeda, untuk menampilkan gambar dengan dimensi yang tepat di perangkat (Desktop, Tablet, Mobile) sebagai AVIF di browser. Untuk browser yang lebih lama, kami juga memiliki solusi cadangan dengan gambar WebP yang ditampilkan.

Lepas-tag <picture>-Tag, yang kemudian berisi tag <source>- dan <img>-Tag, untuk menampilkan gambar Anda dalam dimensi yang tepat dan dua format AVIF dan WebP dengan sumber JPEG atau PNG.

Gambar dalam format web modern telah menjadi salah satu pendorong kinerja terbesar situs web agen kami, selain dari caching:

Catatan tentang Meta-Thumbnail dan data terstruktur

Hingga saat ini, Google Images masih belum mendukung format AVIF, kami menetapkan "gambar" pada Markup Skema: selalu menyertakan file JPG yang sesuai. Demikian juga dengan Meta-Thumbnail, yang kami sediakan untuk setiap halaman produk, untuk menawarkan Google gambar pratinjau untuk cuplikan pencarian, masih berisi format JPG.

Lebih baik aman daripada menyesal. Dalam forum, ada laporan bahwa setelah beralih ke AVIF, visibilitas online gambar telah hilang. Pengalaman ini tidak dapat kami konfirmasi. Visibilitas online kami tetap konsisten, namun permintaan pengindeksan Google untuk gambar meningkat. Secara menarik, kami melihat bahwa Googlebot mengindeks gambar WebP yang tersedia sebagai cadangan untuk browser lama. Google sepertinya saat ini mengindeks gambar WebP untuk index.

Oleh karena itu, rekomendasi saya adalah untuk tetap menggunakan sumber JPG dalam meta-data untuk thumbnail dan data terstruktur.

Tools dan Perangkat Lunak untuk Pengeditan Gambar AVIF

Gambar sering diedit, oleh karena itu kompatibilitas dengan format AVIF tentu diinginkan dalam program pengeditan gambar yang umum digunakan. Kadang-kadang kita mengunduh gambar yang ada di situs web untuk melakukan perubahan. Itu bagus jika program pengeditan gambar favorit Anda dapat membukanya, yang merupakan fungsi utama dalam mengadopsi kompatibilitas AVIF. Meskipun kemudian disimpan dalam format yang berbeda, gambar dapat dikonversi kembali ke format AVIF melalui Squoosh atau alat lainnya.

Berikut adalah daftar perangkat lunak pengeditan gambar untuk kompatibilitas AVIF (per September 2023):

• Gimp: Dapat mengimpor, mengedit, dan mengekspor AVIF sejak Versi 2.10.22.
• Photopea: dapat mengimpor dan mengedit AVIF, tetapi tidak dapat mengekspor. Penyimpanan kemudian dapat dilakukan dalam format file yang berbeda.
• Affinity Photo: tidak mendukung AVIF
• Photoshop: tidak mendukung, tetapi ada plugin yang membantu dalam mendukung kompatibilitas.

Plugin AVIF untuk Photoshop

Di sini Anda dapat menemukan plugin yang memungkinkan Anda membuka file AVIF di Photoshop.
https://github.com/0xC0000054/avif-format

Unduhan tersedia di tab Rilis pada halaman tersebut.

Jika Anda sudah mengunduh ZIP, tambahkan Av1Image.8bi ke folder di mana Photoshop mencari plugin. Biasanya folder instalasi standar adalah:
C:\Program Files\Common Files\Adobe\Plug-ins\CC

Atau folder ini: C:\Program Files\Adobe\Photoshop [versi]\Plug-ins

Photoshop harus ditutup. Kemudian mulai Photoshop agar plug-in dapat dimuat. Setelah itu, kamu dapat membuka file AVIF langsung melalui Drag & Drop atau dialog Buka di Photoshop.

Menampilkan Gambar AVIF di Windows

Ketika saya mengunduh gambar dari situs web, karena ingin mengeditnya atau membutuhkannya untuk keperluan lain, tentu saya ingin file browser juga dapat membuka dan menampilkannya.

Mulai dari Windows 10, penggunaan Extension diperlukan untuk ini. Ketika kamu mengklik file AVIF, pertama kali akan muncul pesan kesalahan. 

Pesan kesalahan tersebut berisi tautan. Saat kamu mengkliknya, kamu akan diarahkan ke Microsoft Store untuk mendownload Extension AVIF. Unduhlah extension tersebut. Ukurannya hanya 1,61 MB.

Setelah itu, gambar dalam format AVIF juga dapat dibuka dan ditampilkan di file browser Windows.

Lebih Banyak Menyisipkan Animasi AVIF daripada Animasi GIF di Situs Web

Di sini terdapat Konverter Online untuk mengubah animasi GIF menjadi animasi AVIF. https://mconverter.eu/convert/gif/avif/

Sementara GIF tes saya memiliki ukuran 787 KB, animasi saat diubah menjadi AVIF berukuran 411 KB.

Kesimpulan Pribadi Saya

Menurut pendapat saya, AVIF adalah pilihan terbaik saat ini untuk menyisipkan format gambar modern ke dalam situs web. Keunggulan dalam kompresi dan kualitas gambar sungguh meyakinkan. Tidak ada format gambar lain yang menggabungkan sifat-sifat ini dan meningkatkan begitu banyak kecepatan pemuatan. Saat ini, masih sedikit pemilik situs web yang menggunakan format AVIF, meskipun dukungan browser sudah melebihi 85% dan secara teknis tidak ada hambatan untuk terus menggunakan WebP sebagai cadangan. SEO sedang berubah. AVIF tidak cukup sendirian untuk mencapai nilai unggul dalam PageSpeed-Insights; masih diperlukan faktor teknis lainnya. Ketika menyangkut penanaman format gambar modern, menggunakan AVIF akan menghasilkan nilai yang lebih baik dibandingkan dengan WebP.

Konten yang dioptimalkan kata kunci saja tidak akan cukup, karena dengan adanya KI, internet seakan-akan dibanjiri dengan konten, sehingga banyak situs web bersaing mendapatkan visibilitas online dengan persaingan konten yang tinggi, sehingga banyak situs web dengan standar konten yang setara bersaing untuk mendapatkan visibilitas online. SEO Teknikal dan khususnya Pencapaian Core Web Vitals menjadi semakin penting sebagai faktor peringkat, karena Google ingin memberikan pengalaman pengguna terbaik. AVIF - bersama dengan faktor-faktor lainnya - merupakan bagian dari solusi untuk mempercepat waktu pemuatan, meningkatkan pengalaman pengguna, dan potensial untuk memperbaiki visibilitas online.

Pelajari Lebih Lanjut tentang SEO, Pengalaman Pengguna, Desain, dan Trend Teknologi

Jika topik-topik ini secara umum menarik bagi Anda - seperti topik SEO, Pengalaman Pengguna, Tools KI, dan Teknologi Web baru - Anda dapat mempelajari lebih lanjut dalam pelatihan kami dan artikel tambahan di Blog kami.

Sekarang Giliran Anda

Jika postingan ini bermanfaat bagi Anda, silakan beri kami ulasan di Google. Setiap ulasan membantu kami. Jika Anda memerlukan bantuan dalam menggunakan AVIF dalam proyek web Anda, jangan ragu untuk menghubungi kami melalui situs agen kami.