Lompati ke konten

HEIC ke WebP: Foto iPhone untuk Web

Mengonversi HEIC ke JPEG lalu ke WebP menurunkan kualitas dua kali. Mengonversi langsung ke WebP melewati satu generasi dan menghasilkan ukuran lebih kecil.

Konversikan HEIC langsung ke WebP ketika foto-foto iPhone akan dimasukkan ke dalam situs web, karena rute langsung ini melakukan dekode sekali dan enkode sekali alih-alih kehilangan satu generasi kualitas melalui JPEG. Hasilnya biasanya berukuran 25 hingga 35 persen lebih kecil daripada JPEG yang setara pada kualitas visual yang sama.

Setiap enkode ulang yang lossy membuang sedikit lebih banyak detail. Mengonversi High Efficiency Image Container (HEIC) ke JPEG lalu JPEG ke WebP memakan biaya 2 generasi kualitas padahal 1 saja sudah cukup, dan JPEG perantara tersebut tidak memiliki tujuan apa pun setelah file WebP terbentuk.

Mengapa rute langsung lebih baik

Setiap enkode lossy membuang detail secara permanen, dan akumulasi kehilangan tersebut terjadi di setiap langkah. Konversi 2 langkah menerapkan kerusakan kompresi dua kali, lalu mengompresi kerusakan itu sendiri pada langkah kedua.

Langkah kedua adalah langkah yang sia-sia. Kompresi JPEG memunculkan artefak kecil di sekitar tepi gambar, dan enkoder WebP kemudian menghabiskan bit untuk mendeskripsikan artefak tersebut secara akurat, karena enkoder tidak dapat membedakan antara kerusakan gambar dan detail asli. Melewati JPEG berarti enkoder WebP bekerja dari piksel asli dan mengalokasikan kapasitasnya untuk foto itu sendiri.

Seberapa jauh lebih kecil ukuran WebP sebenarnya

File WebP berukuran 25 hingga 35 persen lebih kecil daripada JPEG pada kualitas visual yang setara, dan mendekati ukuran HEIC asli. Penghematan terbesar terjadi pada foto dengan area halus seperti langit, dinding, dan kulit.

Foto sumberSebagai HEICSebagai JPEG kualitas 85Sebagai WebP kualitas 85
Potret, latar belakang polos1.4 MB2.8 MB1.9 MB
Lanskap dengan langit2.1 MB4.2 MB2.7 MB
Pemandangan dalam ruangan, detail beragam2.6 MB5.1 MB3.6 MB
Tangkapan layar atau grafis datar0.4 MB0.9 MB0.3 MB

Baris terakhir menunjukkan kasus di mana WebP mengalahkan HEIC sepenuhnya. WebP menyertakan mode lossless yang cocok untuk warna datar dan tepi yang tajam, itulah sebabnya tangkapan layar dan grafis terkompresi lebih baik dalam format WebP dibandingkan dengan kedua format foto lainnya.

Kapan harus menggunakan WebP dan kapan harus menggunakan JPG

Gunakan WebP untuk apa pun yang ditampilkan di halaman web, dan JPG untuk apa pun yang diunggah ke formulir, dikirim melalui email, atau diserahkan ke percetakan. Pembagian ini mengikuti kemampuan dekode dari masing-masing tujuan.

  • Situs web dan sistem konten. WebP, didukung oleh setiap browser modern saat ini di desktop dan seluler.
  • Toko online dan marketplace. WebP jika diterima, karena bobot halaman memengaruhi tingkat konversi.
  • Portal pemerintah dan ujian. JPG, karena validasi unggahan menolak WebP.
  • Buletin email. JPG, karena dukungan WebP di berbagai aplikasi email masih belum merata.
  • Perangkat lunak cetak dan desain. JPG atau HEIC asli, karena alur kerja cetak jarang menerima WebP.

Cara mengonversi HEIC ke WebP

Untuk mengonversi satu folder foto iPhone untuk situs web, ikuti 6 langkah ini.

  1. Salin foto dari ponsel menggunakan kabel, atau unduh dari iCloud sebagai arsip ZIP.
  2. Buka konverter HEIC ke WebP di browser modern mana pun.
  3. Seret seluruh pilihan foto atau arsip ZIP ke area peletakan.
  4. Ubah ukuran sebelum mengonversi jika foto akan ditampilkan pada lebar tetap, karena gambar berukuran 4000 piksel dalam slot 800 piksel akan membuang sebagian besar ukuran file secara sia-sia.
  5. Atur kualitas ke 80 untuk penggunaan web, yang merupakan titik di mana ukuran file menjadi kecil dan penurunan kualitas tetap tidak terlihat.
  6. Unduh hasilnya sebagai satu file ZIP dan unggah ke situs web.

Mengubah ukuran sebelum mengonversi lebih penting daripada pengaturan kualitas. Dimensi mengontrol sebagian besar ukuran file, sehingga foto yang dikurangi ke lebar tampilannya sudah menyelesaikan sebagian besar langkah menuju halaman yang cepat.

Transparansi dan animasi tetap dipertahankan

WebP mendukung transparansi dan animasi, sehingga tidak ada yang hilang seperti halnya jika dikonversi ke JPEG yang akan membuangnya. JPEG tidak memiliki saluran transparansi sama sekali, yang memaksa latar belakang transparan menjadi putih pekat selama konversi.

Foto iPhone biasa tidak memiliki transparansi, sehingga hal ini jarang menjadi masalah untuk gambar kamera. Ini penting untuk grafis yang diekspor, logo, dan tangkapan layar dengan sudut membulat, di mana konversi JPEG menghasilkan kotak putih yang tidak diinginkan oleh desainer. Mengarahkan file-file tersebut melalui WebP akan menjaga area transparan tetap utuh.

Menyajikan WebP dengan aman di situs web

Gunakan elemen picture dengan sumber WebP terlebih dahulu dan cadangan JPEG di tag img, maka browser akan memilih format pertama yang dipahaminya. Pola ini hanya memakan beberapa baris kode dan menghilangkan risiko kompatibilitas.

Browser modern akan mengambil file WebP, sementara browser yang lebih lama akan beralih ke JPEG. Sebagian besar sistem konten sekarang menangani hal ini secara otomatis saat pengunggahan, jadi periksalah apakah platform Anda sudah menghasilkan kode tersebut sebelum menulisnya secara manual. Mengunggah file WebP ke platform yang mengonversi ulang semuanya ke JPEG memberi Anda risiko kompatibilitas tanpa manfaat ukuran, yang patut diperiksa sekali untuk setiap platform.

Ubah ukuran sebelum Anda mengonversi

Kurangi foto ke ukuran terbesar yang akan pernah ditampilkannya, lalu konversikan, karena dimensi mengontrol ukuran file lebih kuat daripada pengaturan kualitas. Foto iPhone hadir dengan ukuran sekitar 3024 kali 4032 piksel, dan hampir tidak ada halaman web yang menampilkan gambar sebesar itu.

Foto yang ditampilkan dalam kolom selebar 800 piksel membutuhkan 1600 piksel agar terlihat tajam di layar dengan densitas tinggi, dan tidak memerlukan lebih dari itu. Mengubah ukuran dari 3024 ke 1600 menghapus sekitar 72 persen data piksel sebelum enkoder dimulai, yang biasanya menghemat lebih banyak ruang daripada keputusan kualitas apa pun. Ukur lebar rendering gambar yang paling lebar, kalikan dua, dan ubah ukuran pustaka foto ke angka tersebut.

Dukungan browser WebP di tahun 2026

Setiap browser saat ini mendukung WebP, termasuk Chrome, Firefox, Safari, dan Edge di desktop dan seluler. Keberatan lama terhadap format ini adalah kompatibilitas, dan argumen tersebut berakhir ketika Safari menambahkan dukungan pada tahun 2020.

Dukungan di luar browser masih belum merata, dan perbedaan inilah yang perlu diingat. Perangkat lunak desain, alur kerja cetak, aplikasi email, dan formulir unggahan tertinggal bertahun-tahun di belakang browser, sehingga file WebP yang ditampilkan dengan sempurna di halaman web mungkin ditolak oleh platform buletin atau portal pemerintah. Nilailah format ini berdasarkan tujuannya, bukan berdasarkan tabel browser.

Mempertahankan tanggal dan lokasi foto

Metadata EXIF membawa tanggal pengambilan, pengaturan kamera, dan lokasi, dan konverter yang mempertahankannya akan menjaga foto tetap terurut dengan benar. Pustaka foto mengurutkan gambar berdasarkan tanggal pengambilan, bukan tanggal file, sehingga kehilangan bidang tersebut akan mengacaukan urutan album.

Data lokasi adalah bidang yang perlu dipikirkan sebelum dipublikasikan. Koordinat yang terekam hingga akurasi beberapa meter sangat berguna dalam arsip pribadi tetapi tidak bijaksana untuk situs web publik, terutama untuk foto yang diambil di rumah. Tentukan perilaku mana yang Anda inginkan sebelum memproses batch berisi 500 file, karena mengubahnya setelah itu berarti memproses semuanya dari awal lagi.

Pengaturan kualitas apa yang harus dipilih

Kualitas 80 adalah pilihan default yang tepat untuk WebP di web, dan kualitas 90 cocok untuk foto yang akan dilihat dalam ukuran besar. WebP mempertahankan detail lebih baik daripada JPEG pada angka kualitas yang sama, sehingga file WebP pada kualitas 80 terlihat seperti JPEG pada kualitas 85 atau lebih tinggi.

Menurunkan kualitas di bawah 70 mulai terlihat pada wajah dan gradasi halus, terutama pada gambar hero yang besar. Di atas 90, ukuran file tumbuh cepat untuk perbedaan yang tidak terlihat oleh siapa pun di layar. Uji satu foto representatif pada 3 pengaturan sebelum memproses batch berisi 500 file, karena angka yang tepat bergantung pada jenis gambar yang Anda publikasikan.

Mengonversi seluruh pustaka foto

Masukkan arsip ZIP secara langsung, karena setiap gambar yang didukung di dalamnya akan diekstrak dan dikonversi secara otomatis. Unduhan iCloud atau cadangan ponsel biasanya sudah tiba dalam bentuk ZIP, yang menghilangkan kebutuhan untuk memilih ratusan file secara manual.

Batch hingga 500 file dapat berjalan sekaligus, dan semuanya diproses pada prosesor Anda sendiri, bukan di server. Tidak ada yang diunggah, sehingga foto yang belum dipublikasikan, pekerjaan klien, dan gambar pribadi tetap berada di mesin Anda. Untuk pembangunan ulang situs web, itu berarti seluruh pustaka gambar dapat dikonversi dalam beberapa menit tanpa ada satu pun file yang melintasi jaringan.

Kembali ke blog