PENDHULUAN

Kualitas foto dan gambar ilustrasi yang digunakan pada situs web, percaya atau tidak dapat membuat banyak perbedaan. Anda dapat rnenggunakan gambar yang paling baik atau yang biasa-biasa saja, atau menggunakan tools capture profesional untuk mengeditnya, tetapi kebutuhan dasarnya tetaplah sama output gambar harus tajam dan ukuran file yang dalam batas yang wajar. Sekarang, J !, "! atau !#$ adalah tiga format foto%gambar paling populer di web%blog. &entu saja ada format lain disebut '( tetapi jarang sekali digunakan. &eks ) *lipart Jika Anda ingin capturing te+t ,seperti mem-blok kode surnber atau halarnan pencarian di search engine !oogle atau menu na-igasi., selalu gunakan format !#$ atau "! karena screenshot akan lebih jelas dan ukuran file yang tetap kecil.

Perbedaan format file antara JPG/JPEG, GIF dan PNG

1. JPG/JPEG (Joint Photo ra!hi" E#!ert$ Gro%!&

&ipe file J ! sangat sering digunakan untuk web atau blog. $ile J ! menggunakan teknik kompresi yang menyebabkan kualitas gambar turun ,lossy compression.. Setiap kali menyimpan ke tipe J ! dari tipe lain, ukuran gambar biasanya mengecil, tetapi kualitasnya turun dan tidak dapat dikembalikan lagi. /kuran file '( dapat turun menjadi sepersepuluhnya setelah dikon-ersi menjadi J !. (eskipun dengan penurunan kualitas gambar, pada gambar-gambar tertentu ,misalnya pemandangan., penurunan kualitas gambar hampir tidak terlihat mata.

File JPG "o"o' di %na'an %nt%'( gambar yang memiliki banyak warna, misalnya foto wajah dan pemandangan. gambar yang memiliki gradien, misalnya perubahan warna yang perlahan-lahan dari merah ke biru.

).

GIF (Gra!hi"$ Inter"han e Format&

!#$, sama seperti J !, adalah format gambar lawas, dan salah satu yang umum dipakai di internet, berkebalikan dengan fotografi. !#$ adalah kepanjangan dari !raphics #nterchange $ormat dan sama-

sama memiliki kompresi seperti format gambar &#$$. &eknologi ini pernah kontro-ersial karena isu pemaksaan hak paten tapi akhirnya beres juga karena semua paten yang didaftarkan sudah habis masa aktifnya. Kayak pulsa telpon seluler saja ya.. [heading id="" align="aligncenter" width="312" heading="8-bit GIF"][/heading] !#$ secara alami adalah gambar dengan 0-bit warna, berarti mereka dibatasi oleh palet sebanyak 123 jenis warna, yang dapat dipilih dari model 4!' dan disimpan ke *olor 5ook /p &ablet ,*5/&., atau sederhananya 6*olor &able6. (ereka itu sejatinya adalah palet warna standar, seperti palet 67eb Safe6. *atatan penting 8 gambar !rayscale memiliki palet 0-bit juga, jadi sah-sah saja%sebaiknya disimpan dalam format !#$. Jauh dari dukungan transparency, !#$ ternyata mendukung animasi gambar, yang membatasi tiap form nya pada 123 warna standar. 9an karena sifatnya yang tidak pecah-pecah, !#$ bisa digunakan untuk menjaga baris dalam tipografi tetap rapi, dan juga bentuk-bentuk geometri, tapi sebaiknya menggunakan format yang memang diperuntukkan bagi -ektor grafis seperti S:! atau A# ,Adobe #llustrator.. !#$ tidak cocok untuk digunakan dalam fotografi modern, atau untuk penyimpanan data gambar yang terbatas. ada ukuran kecil dengan tabel warna yang sangat terbatas, gambar !#$ dapat berukuran lebih kecil daripada J !. &api dalam ukuran yang umum, gambar dengan format J ! dapat berukuran lebih kecil dibanding !#$. Jadi sebaiknya menggunakan J ! saja. &ipe file !#$ memungkinkan penambahan warna transparan dan dapat digunakan untuk membuat animasi sederhana, tetapi saat ini standar !#$ hanya maksimal 123 warna saja. $ile ini menggunakan kompresi yang tidak menghilangkan data ,lossles compression. tetapi penurunan jumlah warna menjadi 123 sering membuat gambar yang kaya warna seperti pemandangan menjadi tidak realistis. ada program (S aint, tidak ada fasilitas penyesuaian warna yang digunakan ,color table. sehingga menyimpan file !#$ di (S aint seringkali menghasilkan gambar yang terlihat rusak atau berubah warna. ada program pengolah gambar yang lebih baik, seperti Adobe hotoshop, color table bisa diatur otomatis atau manual sehingga gambar tidak berubah warna atau rusak.

File GIF "o"o' di %na'an %nt%'( gambar dengan jumlah warna sedikit ,dibawah 123.. gambar yang memerlukan perbedaan warna yang tegas seperti logo tanpa gradien. gambar animasi sederhana seperti banner-banner iklan, header, dan sebagainya.

print shoot ,hasil dari print screen. dari program-program simple dengan jumlah warna sedikit. $ile !#$ tidak cocok digunakan untuk8 gambar yang memiliki banyak warna seperti pemandangan. gambar yang didalamnya terdapat warna gradien atau semburat.

*.

PNG (Portable Net+or' Gra!hi"$& 9ikembangkan sebagai alternatif lain untuk !#$, yang menggunakan paten dari 5<7algoritma kompresi. "! adalah format gambar yang sangat baik untuk grafis internet, karena mendukung transparansi didalam perambah ,browser. dan memiliki keindahan tersendiri yang tidak bisa diberikan !#$ atau bahkan J !. (au bukti= !ambar dibawah ini adalah satu gambar dengan latar belakang transparan. Klik kanan saja untuk melihatnya. &api, saya memberikan sentuhan warna pada latar belakangnya untuk membedakan. &ipe file "! merupakan solusi kompresi yang powerfull dengan warna yang lebih banyak ,1> bit 4!' ? alpha.. 'erbeda dengan J ! yang menggunakan teknik kompresi yang menghilangkan data, file "! menggunakan kompresi yang tidak menghilangkan data ,lossles compression.. Kelebihan file "! adalah adanya warna transparan dan alpha. 7arna alpha memungkinkan sebuah gambar transparan, tetapi gambar tersebut masih dapat dilihat mata seperti samar-samar atau bening. $ile "! dapat diatur jumlah warnanya 3> bit ,true color ? alpha. sampai inde+ed color @ bit. 9engan jumlah warna yang sama, kompresi file "! lebih baik daripada !#$, tetapi memiliki ukuran file yang lebih besar daripada J !. Kekurangan tipe "! adalah belum populer sehingga sebagian browser tidak mendukungnya.

"! adalah kepanjangan dari ortable "etwork !raphics atau bisa diplesetkan menjadi 6 "!-";t-!#$6.

Karena sifat transparannya yang tidak pecah-pecah,

"! yang masuk kelas 1>-bit ini cocok untuk

membuat skrinsyut. #a bisa mereproduksi gambar desktop dari tiap piksel ke piksel secara detil. "! juga mendukung kelas 0-bit seperti !#$, sekaligus 1>-bit seperti J !. #a juga tidak pecah-pecah, bisa mengkompresi gambar dari proses fotografi tanpa banyak mengurangi kualitas gambarnya. "amun "! cukup besar ukurannya diantara ketiga format gambar yang saya bahas kali ini, serta tidak didukung oleh perambah lawas.

File PNG "o"o' di %na'an %nt%'( gambar yang memiliki warna banyak. gambar yang mau diedit ulang tanpa menurunkan kualitas. $ile "! tidak cocok digunakan untuk8 gambar yang jika dikompress dengan J ! hampir-hampir tidak terlihat penurunan kualitasnya.

,e$im!%lan ( "! adalah pilihan baik untuk gambar yang memiliki bagian transparan, juga tidak pecah-pecah, dan ukurannya cukup kecil. /ntuk ukuran yang lebih besar, jika anda menginginkan kualitas yang lebih. !#$ pada umumnya digunakan untuk gambar animasi dan dapat memproduksi gambar 0-bit yang kecil.