Pengantar Gambar Vektor

Grafik vektor adalah teknik yang digunakan dalam grafik komputer untuk menggambarkan gambar. Gambar yang digambarkan dengan grafik vektor disebut gambar vektor. Dalam gambar grafik vektor dijelaskan oleh satu set primitif geometris yang menentukan titik, garis, kurva dan poligon yang dapat dikaitkan warna dan juga warna. Ini sangat berbeda dari gambar grafis raster, yang digambarkan sebagai grid piksel yang tepat.

Keuntungan

Keuntungan utama dari grafik vektor adalah sebagai berikut:

  • Kemungkinan untuk mengekspresikan data dalam bentuk yang langsung dapat dipahami oleh manusia (misalnya SVG standar);

  • Peluang untuk mengekspresikan data dalam format yang menggunakan ruang yang sangat sedikit;

  • Kemungkinan untuk memperbesar gambar secara sewenang-wenang, tanpa mempengaruhi resolusinya.

Seperti sistem deskripsi informasi grafis juga memiliki keuntungan yang tidak diragukan dari kompresi data yang lebih besar: dalam prakteknya gambar vektor akan menempati ruang yang lebih rendah daripada raster yang sesuai. Ini juga lebih mudah dikelola dan diubah. Inilah sebabnya, gambar vektor cocok untuk menangani sejumlah besar data seperti pemetaan yang biasanya dikelola dalam mode vektor.

Kualitas gambar

Ketika gambar vektor ditampilkan pada perangkat dengan resolusi yang lebih tinggi, itu tidak akan kehilangan definisinya. Garis yang berjalan melintang, jika layar diwakili menggunakan grafik raster, disimpan sebagai urutan piksel warna yang disusun untuk membentuk garis. Jika kita mencoba untuk memperbesar bagian dari garis, kita akan melihat masing-masing piksel yang membentuk garis. Jika garis yang sama disimpan dalam mode vektor, garis akan disimpan sebagai persamaan yang dimulai dari titik, diidentifikasi dengan awal yang terkoordinasi dan berakhir di titik lain yang ditentukan dengan koordinat akhir.

Memperbesar bagian dari garis semacam itu tidak menghasilkan artefak visual atau tampilan piksel individual yang membentuk gambar, karena garis akan selalu ditampilkan dengan resolusi tertinggi yang diizinkan oleh monitor. Misalnya, jika Anda mengambil gambar vektor 2×24 piksel dan meningkatkan resolusinya menjadi 1024×768 piksel, definisi gambar yang dihasilkan tidak akan berubah. Dengan demikian, gambar vektor selalu berkualitas tinggi.

Menggunakan

Grafika vektor memiliki banyak digunakan dalam bidang penerbitan, arsitektur, teknik dan grafik komputer. Semua program grafis tiga dimensi menghemat pekerjaan dengan mendefinisikan objek sebagai agregat matematika primitif. Di komputer pribadi penggunaan yang paling jelas adalah definisi font. Hampir semua font yang digunakan oleh komputer pribadi dibuat dalam mode vektor, memungkinkan pengguna untuk mengubah ukuran font tanpa kehilangan definisi. Dengan demikian, kita dapat melihat bahwa gambar vektor memiliki berbagai aplikasi dan sangat membantu karena mereka menempati ruang yang lebih rendah.

 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.