Anda harus mengetahui beberapa faktor kunci ...
Pertama, ada dua jenis kompresi: Lossless dan Lossy .
- Lossless berarti gambar dibuat lebih kecil, tetapi tidak merugikan kualitasnya.
- Rugi berarti gambar dibuat (bahkan) lebih kecil, tetapi merugikan kualitas. Jika Anda menyimpan gambar dalam format Lossy berulang kali, kualitas gambar akan semakin buruk.
Ada juga kedalaman warna yang berbeda (palet): Warna yang diindeks dan warna langsung .
- Diindeks berarti gambar hanya dapat menyimpan sejumlah warna (biasanya 256), yang dikendalikan oleh penulis, dalam sesuatu yang disebut Peta Warna
- Langsung berarti Anda dapat menyimpan ribuan warna yang belum dipilih langsung oleh penulis
BMP - Lossless / Diindeks dan Langsung
Ini adalah format lama. Ini Lossless (tidak ada data gambar yang hilang pada save) tetapi ada juga sedikit atau tidak ada kompresi sama sekali, yang berarti menyimpan karena BMP menghasilkan ukuran file yang SANGAT besar. Ini dapat memiliki palet baik Indexed dan Direct, tapi itu sedikit menghibur. Ukuran file sangat besar sehingga tidak ada yang pernah benar-benar menggunakan format ini.
Baik untuk: Tidak ada yang benar-benar. Tidak ada apa pun yang unggul di BMP, atau tidak dilakukan dengan lebih baik oleh format lain.
GIF - Lossless / Indexed saja
GIF menggunakan kompresi lossless, artinya Anda dapat menyimpan gambar berulang kali dan tidak pernah kehilangan data apa pun. Ukuran file jauh lebih kecil daripada BMP, karena kompresi yang baik sebenarnya digunakan, tetapi hanya dapat menyimpan palet yang diindeks. Ini berarti bahwa untuk sebagian besar kasus penggunaan , hanya ada maksimal 256 warna berbeda dalam file. Itu terdengar seperti jumlah yang sangat kecil, dan memang begitu.
Gambar GIF juga dapat dianimasikan dan memiliki transparansi.
Baik untuk: Logo, gambar garis, dan gambar sederhana lainnya yang perlu kecil. Hanya benar-benar digunakan untuk situs web.
JPEG - Rugi / Langsung
Gambar JPEG dirancang untuk membuat gambar foto terperinci sekecil mungkin dengan menghapus informasi yang tidak dilihat oleh mata manusia. Sebagai hasilnya adalah format Lossy, dan menyimpan file yang sama berulang-ulang akan menghasilkan lebih banyak data yang hilang dari waktu ke waktu. Ini memiliki palet ribuan warna dan sangat bagus untuk foto, tetapi kompresi yang hilang berarti buruk untuk logo dan gambar garis: Tidak hanya akan terlihat kabur, tetapi gambar tersebut juga akan memiliki ukuran file yang lebih besar dibandingkan dengan GIF!
Baik untuk: Foto-foto. Juga, gradien.
PNG-8 - Lossless / Indexed
PNG adalah format yang lebih baru, dan PNG-8 (versi PNG yang diindeks) benar-benar merupakan pengganti yang baik untuk GIF. Sayangnya, ia memiliki beberapa kelemahan: Pertama tidak dapat mendukung animasi seperti GIF dapat (well it can, tetapi hanya Firefox yang tampaknya mendukungnya, tidak seperti animasi GIF yang didukung oleh setiap browser). Kedua, ia memiliki beberapa masalah dukungan dengan browser lama seperti IE6. Ketiga, perangkat lunak penting seperti Photoshop memiliki implementasi format yang sangat buruk. (Sialan Anda, Adobe!) PNG-8 hanya dapat menyimpan 256 warna, seperti GIF.
Baik untuk: Hal utama yang PNG-8 lakukan lebih baik daripada GIF adalah memiliki dukungan untuk Transparansi Alpha.
Catatan Penting: Photoshop tidak mendukung Alpha Transparency untuk file PNG-8. (Sialan kau, Photoshop!) Ada beberapa cara untuk mengonversi file Photoshop PNG-24 ke PNG-8 sambil tetap mempertahankan transparansi. Salah satu metode adalah PNGQuant , yang lain adalah menyimpan file Anda dengan Fireworks .
PNG-24 - Lossless / Langsung
PNG-24 adalah format hebat yang menggabungkan pengkodean Lossless dengan warna langsung (ribuan warna, seperti halnya JPEG). Ini sangat mirip BMP dalam hal itu, kecuali bahwa PNG benar-benar memampatkan gambar, sehingga menghasilkan file yang jauh lebih kecil. Sayangnya file PNG-24 masih akan jauh lebih besar dari JPEG, GIF dan PNG-8, jadi Anda masih perlu mempertimbangkan apakah Anda benar-benar ingin menggunakannya.
Meskipun PNG-24 memungkinkan ribuan warna saat memiliki kompresi, mereka tidak dimaksudkan untuk menggantikan gambar JPEG. Sebuah foto yang disimpan sebagai PNG-24 kemungkinan akan setidaknya 5 kali lebih besar dari gambar JPEG yang setara, dengan sedikit peningkatan kualitas yang terlihat. (Tentu saja, ini mungkin hasil yang diinginkan jika Anda tidak khawatir tentang filesize, dan ingin mendapatkan kualitas gambar terbaik yang Anda bisa.)
Sama seperti PNG-8, PNG-24 juga mendukung transparansi alpha.
SVG - Lossless / Vector
Jenis file yang saat ini semakin populer adalah SVG, yang berbeda dari semua yang di atas dalam format file vektor (di atas semua raster ). Ini berarti bahwa sebenarnya terdiri dari garis dan kurva bukan piksel. Saat Anda memperbesar gambar vektor, Anda masih melihat kurva atau garis. Ketika Anda memperbesar gambar raster, Anda akan melihat piksel.
Sebagai contoh:
Ini berarti SVG sangat cocok untuk logo dan ikon yang Anda ingin mempertahankan ketajaman pada layar Retina atau pada ukuran yang berbeda.
Selain itu, file SVG ditulis menggunakan XML, dan dengan demikian dapat dibuka dan diedit dalam editor teks, sehingga dapat dimanipulasi dengan cepat, jika Anda mau. Misalnya, Anda dapat menggunakan JavaScript untuk mengubah warna ikon SVG di situs web seperti halnya Anda menulis teks (mis. Tidak perlu untuk gambar kedua).
Saya harap itu membantu!
