Format Atlas

Panduan

Memilih format gambar transparan

Untuk transparansi, tentukan apakah perlu opasitas sebagian, detail foto, atau gambar vektor yang bisa diperbesar; periksa dukungan tujuan.

Format mana yang sebaiknya dipilih?

Pilih berdasarkan peran setiap berkas dalam alur kerja.

  • Ilustrasi transparan umum → PNG
  • Transparansi web dengan ukuran lebih hemat → WebP
  • Logo dan bentuk yang dapat diperbesar → SVG

Bedakan opasitas parsial dari gambar vektor

Menghapus latar hanya satu kebutuhan. Bedakan tepi semitransparan, materi foto, dan bentuk vektor yang dapat diperbesar sebelum memilih.

Format yang disarankan

PNG

Cocok untuk: Ilustrasi dan aset antarmuka yang mempertahankan transparansi

Kurang cocok untuk: Distribusi foto berukuran ringan

WebP

Cocok untuk: Gambar transparan untuk web

Kurang cocok untuk: Pemakaian tanpa memeriksa dukungan tujuan

SVG

Cocok untuk: Logo, ikon, dan bentuk geometris

Kurang cocok untuk: Foto raster

GIF

Cocok untuk: Animasi sederhana saat kompatibilitas penting

Kurang cocok untuk: Efek semitransparan yang halus

Periksa sebelum mengekspor

  • Mengubah PNG menjadi JPEG tidak mempertahankan transparansi.
  • Periksa penanganan latar dan kanal alfa di tujuan.

Perbandingan terkait

JPEG vs PNGJPEG biasanya memakai kompresi lossy dan cocok untuk banyak foto, sedangkan PNG mempertahankan nilai piksel tanpa kehilangan serta mendukung transparansi. Pilihan bergantung pada isi gambar, kebutuhan penyuntingan, dan tujuan penggunaan.PNG vs WebPPNG dan WebP sama-sama dapat mendukung transparansi. PNG adalah format lossless yang didukung luas; WebP dapat mengoptimalkan pengiriman web dan juga mendukung animasi. Bandingkan aset nyata dan browser sasaran.AVIF vs WebPAVIF dan WebP sama-sama ditujukan untuk gambar web serta mendukung opsi lossy, lossless, dan transparansi. Bandingkan kualitas, ukuran, kecepatan enkode, dan dukungan dengan gambar yang sama; menyajikan beberapa format juga dapat sesuai.

Panduan

Memilih format gambar webTentukan jenis gambar dan browser serta alat yang harus mendukungnya sebelum memilih format web.Memilih format file fotoUntuk foto, pilihan bergantung pada prioritas berbagi, ukuran file web, atau kebutuhan produksi dan penyuntingan.

Referensi dan spesifikasi