Format Gambar dan Desain Web: JPG GIF PNG dan SVG

JPEG

Format gambar JPEG dikembangkan oleh Kelompok Pakar Fotografer Bersama pada awal 90-an. Gambar JPEG paling sering diakhiri dengan ekstensi file .jpg; meskipun .jpeg, .JPEG, .JPG, .jpg, .jpe, .jfif, dan .jfi juga digunakan. JPEG adalah algoritma kompresi bitmap lossy yang dimaksudkan terutama untuk foto digital. Lossy berarti bahwa ketika gambar JPEG disimpan, mereka dikompresi menjadi lebih kecil dari ukuran aslinya, tetapi ini memiliki kerugian dalam kualitas. Umumnya ketika menyimpan JPEG, kompresi didefinisikan dalam persentase, dengan 100% menjadi kualitas tertinggi tetapi ukuran file terbesar. Sebagai panduan kasar, 95% hingga 85% bagus untuk logo dan gambar yang digunakan dalam pemformatan. Gambar orang atau lanskap bisa turun hingga serendah 65% tanpa artefak jelas terlihat pada gambar.

Untuk desainer web, JPEG menghemat ruang dan waktu muat, dan menawarkan format gambar umum yang baik untuk foto digital dan beberapa logo. Saat menggunakan JPEG, Anda harus berhati-hati untuk menghindari degradasi gambar. Jika JPEG diedit dan kemudian disimpan lagi sebagai JPEG, gambar Anda akan memburuk dalam kualitas karena telah dikompresi dua kali. Terkadang hanya dalam dua atau tiga generasi ini dapat membuat gambar tidak dapat digunakan. Itu selalu terbaik untuk menyimpan gambar Anda dalam format lossless, seperti .png, .tiff, .raw, atau .xcf, dan kemudian, bila diperlukan, menyimpan file sebagai JPEG. JPEG secara luas kompatibel pada semua browser modern dan merupakan format gambar yang paling banyak digunakan di web.

GIF

Format GIF, atau Graphics Interchange Format, diperkenalkan pada tahun 1987 oleh CompuServe dan dapat dikenali oleh ekstensi file .gif. Ini adalah format kompresi bitmap lossless untuk gambar warna dan animasi yang memungkinkan penggunaan 256 warna dari palet 16 juta. Lossless berarti bahwa semua informasi dalam gambar asli disimpan di GIF yang tersimpan, meskipun, GIF hanya mendukung 256 warna itu tidak benar-benar reproduksi sempurna untuk pemirsa.

Hari ini, GIF digunakan untuk menampilkan hal-hal seperti tombol dan animasi rendah / berkualitas di situs web. GIF tidak disarankan untuk digunakan dengan foto karena keterbatasan 256 warna, meskipun ada beberapa solusi. Tombol-tombol animasi GIF dan sejenisnya pernah populer, sekarang mereka memudar dari penggunaan, terutama karena Flash dan rasa yang lebih baik. Khususnya, GIF mendukung transparansi, memungkinkan penggunaan atau menonaktifkan efek "tembus pandang" dengan gambar. Saat ini, PNG dan MNG sedang dalam proses menggantikan format gambar GIF.

PNG

PNG adalah format gambar bitmap dengan kompresi gambar lossless dan menggunakan ekstensi file .png atau .PNG. PNG dikembangkan sebagai pengganti bebas lisensi untuk GIF, meskipun tanpa dukungan animasi. MNG, sepupu PNG, dikembangkan untuk mensukseskan fitur animasi GIF. PNG memiliki opsi transparansi yang lebih canggih daripada GIF, memungkinkan berbagai transparansi seperti yang ditunjukkan pada gambar di bawah ini. Namun, Internet Explorer 6 tidak mendukung transparansi alpha-channel asli, namun, di Windows Internet Explorer 7 ini diperbaiki. Sampai sekarang PNG kurang didukung dengan baik daripada GIF oleh browser modern.

Untuk perancang web, PNG berguna untuk gambar dengan transparansi dan tangkapan layar beragam. Namun, ukuran file PNG sering besar yang mengawali dari penggunaan sebagai format fotografi digital di web. Mereka mungkin tidak muncul dengan benar di beberapa browser.

SVG

SVG, atau Scalable Vector Graphics, adalah salah satu format gambar yang paling menarik, dan berpotensi bermanfaat saat ini. Berbeda dengan format lain di sini, SVG adalah bahasa mark-up XML untuk grafik vektor. Grafis vektor, menurut Wikipedia, adalah penggunaan primitif geometris seperti titik, garis, kurva, dan poligon untuk mewakili gambar dalam grafik komputer. Alih-alih memiliki semua informasi untuk setiap piksel dalam suatu gambar, seperti semua format gambar sebelumnya, SVG mendefinisikan hal-hal dalam primitif geometris ini. Ini berarti, ketika Anda meningkatkan ukuran gambar SVG, itu selalu tetap tajam, dan tidak pernah menjadi mabuk. Ini bisa sangat berguna untuk logo dan grafik sederhana lainnya, memungkinkan banyak ukuran gambar yang berbeda untuk digunakan tanpa kehilangan kualitas. Selain itu, gambar SVG biasanya memiliki ukuran file yang sangat kecil. Seperti yang terlihat pada gambar, grafik SVG tidak foto-realistis. Mereka juga membutuhkan keterampilan yang berbeda dan, umumnya, program yang berbeda untuk menciptakannya.

Adapun desain web, file SVG adalah impian untuk kualitas gambar; Sayangnya, Internet Explorer 6 dan Safari keduanya memerlukan plug-in untuk melihat file SVG. Namun, gambar SVG dapat digunakan sebagai gambar lossless yang digunakan sebagai versi arsip, kemudian diubah menjadi file JPEG atau PNG untuk digunakan di web.