Materi
Adobe membagi gambar digital menjadi dua jenis. Gambar raster, disebut juga bitmap, tersusun dari kisi piksel; tiap piksel punya letak dan nilai warna sendiri. Raster cocok untuk foto dan lukisan digital karena menyimpan gradasi halus, tetapi jumlah pikselnya tetap, sehingga saat diperbesar gambarnya kehilangan mutu. Gambar vektor disusun dari persamaan matematis, sehingga tetap tajam saat diubah ukurannya. Adobe menyebut logo sebagai contoh karya yang dipakai di banyak ukuran dan media, dan menyebut SVG, AI, EPS, serta PDF sebagai format vektor.
Format berkas menentukan cara gambar dikompresi. Panduan format gambar MDN menjelaskan: JPEG memakai kompresi lossy, yaitu membuang sebagian data, dan cocok untuk foto, tetapi hasilnya kurang memuaskan pada gambar tajam seperti diagram. PNG memakai kompresi lossless, tidak membuang data, dan mendukung transparansi alfa penuh. SVG adalah format vektor berbasis XML untuk ikon dan diagram yang harus tampil tepat di berbagai ukuran. WebP mendukung kompresi lossy dan lossless, transparansi, dan animasi. GIF memakai palet 8 bit, jadi paling banyak 256 warna.
| Format | Jenis | Kompresi | Transparansi |
|---|---|---|---|
| JPEG | Raster | Lossy | Tidak |
| PNG | Raster | Lossless | Ya, alfa penuh |
| WebP | Raster | Lossy atau lossless | Ya |
| SVG | Vektor | Teks XML | Ya |
Contoh: denah lokasi acara berupa garis dan teks akan tampak kabur di tepinya bila disimpan sebagai JPEG, tetapi tetap tajam sebagai PNG atau SVG.
