Simpanan

WebP dan AVIF otomatis

Tambahkan f-auto ke link, dan setiap pengunjung menerima format terkecil yang didukung browser-nya. Anda tetap mengunggah JPG atau PNG seperti biasa.

Cara f-auto memilih format

Setiap browser memberi tahu server format gambar apa saja yang bisa ia tampilkan. Simpanan membaca informasi itu pada setiap permintaan, lalu memilih:

  1. AVIF jika browser mendukungnya. Biasanya ukuran terkecil untuk foto.
  2. WebP jika browser tidak mendukung AVIF tetapi mendukung WebP.
  3. Format asli untuk browser lama yang tidak mendukung keduanya.
https://cdn.simpananawan.com/tr:w-800,f-auto/u/anda/foto.jpg

Link-nya tetap satu. Anda tidak perlu menyiapkan beberapa file atau menulis tag <picture> yang panjang.

Kenapa ini penting

Menurut pengujian Google, gambar WebP lossy rata-rata 25 sampai 34 persen lebih kecil dari JPEG dengan kualitas setara, dan WebP lossless sekitar 26 persen lebih kecil dari PNG. AVIF sering kali lebih kecil lagi untuk foto. File yang lebih kecil berarti halaman lebih cepat tampil, terutama di koneksi seluler.

Hasil pastinya berbeda untuk setiap gambar. Cara termudah untuk mengetahuinya adalah mencoba sendiri di demo di beranda, yang menampilkan ukuran asli dan hasilnya.

GIF animasi tetap bergerak

Simpanan tidak membuat AVIF animasi, jadi f-auto tidak pernah mengubah GIF atau WebP menjadi AVIF. GIF animasi dikirim dalam bentuk aslinya agar tetap bergerak, sedangkan GIF diam diubah ke WebP seperti gambar lain.

Memilih format sendiri

Jika Anda butuh format tertentu, tulis langsung di link:

OpsiHasil
f-autoAVIF, WebP, atau format asli sesuai browser.
f-webpSelalu WebP.
f-avifSelalu AVIF (jika server tidak bisa membuat AVIF, format asli dikirim).
f-jpgJPG. Bagian transparan diberi latar putih.
f-pngPNG, menjaga transparansi.

Kualitas bisa diatur dengan q- dari 1 sampai 100 (bawaan 80). Transparansi pada PNG tetap terjaga saat diubah ke WebP atau AVIF.

Aman untuk cache

Karena satu link bisa menghasilkan beberapa format, hasil f-auto hanya disimpan di browser masing-masing pengunjung, bukan di cache bersama seperti proxy atau CDN lain. Setiap format tetap disimpan di cache Simpanan sendiri, jadi tetap cepat, dan pengunjung dengan browser lama tidak pernah menerima AVIF secara keliru.