PNG

Halo lagiii :)

Pada kali ini akan membahas tentang format file PNG.. Nanti akan membandingkan dengan format GIF juga loh.. Apa sih PNG itu?? Yuk mari ki' ...

     PNG yang merupakan singkatan dari Portable Network Graphics yang dikembangkan pada tahun 1955, adalah jenis format bertipe raster atau bitmap yang biasa digunakan untuk grafis internet. PNG diciptakan sebagai pengganti alternatif format GIF.

    PNG memiliki tekhnik loseless compression sehingga tidak ada data yang hilang jika ingin diolah serta tidak mengganggu kualitas dari gambar citra. PNG mampu mengompresi dengan baik, serta menghasilkan ukuran file yang cukup kecil.

     PNG mampu menampilkan gambar dengan kedalaman hingga 24bit, serta didukung oleh alpha channel atau transparansi latar belakang, dan dipengaruhi oleh gamma (ketajaman / brightness) serta progresif display (fitur interlacing 2 dimensi). PNG juga mendukung kelas 8-bit. Format PNG merupakan truecolor hingga 48bit per pixel dan greyscale hingga 16 bit per pixel. PNG tidak didukung oleh warna CMYK sebab lebih digunakan untuk citra web, bukan dikhususkan untuk grafik profesional.

     Dua jenis format PNG yang sering digunakan adalah PNG 8bit yang biasa digunakan dalam membuat gambar kartun atau logo,  dan PNG 24bit yang lebih bagus jika digunakan untuk gambar berupa foto atau yang memerlukan latar belakang transparan.

     Namun, PNG tidak dapat menyimpan animasi. Format PNG cocok untuk menyimpan gambar berkombinasi warna yang lebih banyak misalnya teks atau blok warna. PNG dapat mengompresi gambar hasil fotografi tanpa banyak mengurangi kualitas citra. Hasil PNG juga tidak pecah-pecah.

     PNG diharapkan mampu dikenal sistem operasi dan aplikasi pengolah gambar, merupakan network friendly dan gratis penggunaannya. Sekarang PNG sudah didukung oleh beberapa web browser, meski tidak sepopuler gif.

Apa perbandingan PNG dan GIF ?

    Format PNG dilahirkan sebagai alternatif lain bagi format gif (Graphic Interchange Format) . Keduanya merupakan format yang sering digunakan dalam pengolahan citra grafis web. Mengapa diciptakan png? Selain karena .gif menggunakan kompresi LZW yang memiliki hak lisensi paten yang dilindungi, GIF juga memiliki index warna yang terbatas, yaitu kombinasi 8bit per pixel atau hanya mampu menampilkan sebanyak 256 warna. Misalnya dalam Ms Paint saat menggambar dalam format gif, jika sudah menggunakan banyak warna maka akan menghasilkan gambar rusak dan berubah warna. Dengan kata lain, PNG memiliki kelebihan dalam warna dibanding GIF serta pemakaian gratis. Namun pada 2003, paten unutk format gif sudah berakhir, sehingga gif juga menjadi bebas royalti.

    Keduanya menggunakan teknik loseless compression sehingga tidak menghilangkan informasi tertentu serta memperkecil ukuran file. Meski PNG memiliki warna yang lebih banyak, namun tidak selalu file gambar yang dihasilkan besar, tergantung dari kualitas yang diinginkan. Apabila file gambar PNG disimpan dalam 256 warna saja seperti GIF, maka file yang dihasilkan sering kali lebih kecil jika dibandingkan dengan gif pada kualitas gambar yang sama.

    Keduanya didukung oleh transparansi. Namun sepertinya gambar GIF hanya mendukung piksel sepenuhnya buram atau sepenuhnya transparan, sedangkan PNG mampu menampilkan dari buram ke transparan.

    Teknologi Interlacing 2 dimensi atau metode progresif display yang lebih baik jika dibandingkan dengan interlacing milik GIF. Interlacing membuat sebuah file diload lebih cepat dengan kualitas yang ditampilkan secara bertahap oleh browser.

    Selain itu, format PNG memiliki teknik kompresi 5%-25% lebih baik  dibandingkan dengan GIF. Dibanding PNG, GIF lebih banyak didukung oleh web.  

    Berbeda dengan PNG yang mampu menampilkan gambar dengan warna yang lebih beragam, GIF lebih cocok menampilkan gambar dengan jumlah warna lebih sedikit, GIF juga mampu menampilkan animasi sederhana, digunakan dalam pembuatan logo, iklan, kartun, banner, gambar sederhana, dll. Namun, GIF tidak cocok dalam menampilkan gambar yang realisitis, menampilkan format foto maupun warna bergradien.

         

     

Nah itu dia sekilas tentang format PNG.. Dan beberapa perbandingannya dengan GIF.. Kalau ada yang kurang atau kurang tepat, maaf ya :)

Semoga bermanfaat, kawan \(^~^)/

Perbedaan Grafik Vektor dan Raster

Temen-temen, aku sedang belajar nih apa sih itu Vektor dan Raster pada Grafik Komputer..  Yuk mari share apa yang sudah diketahui, hitung-hitung belajar bersama.. ^^




Dalam grafik komputer, presentasi gambar dapat melalui raster dan vektor. Apa sih grafis raster dan vektor?  Mari ki' ....


RASTER

Gambar Raster atau biasa disebut bitmap merupakan tiruan persis dari bentuk dan warna natural dalam bentuk gambar digital. Grafis desain bitmap disusun oleh sejumlah titik piksel atau point / titik koordinat yang ditempatkan pada lokasi tertentu dengan nilai warna sehingga membentuk pola tertentu. Masing-masing piksel memiliki informasi warna. Jumlah kemungkinan warna yang dapat ditampilkan oleh suatu piksel tergantung pada satuan bit yang dimiliki gambar bitmap tersebut. Bitmap bersifat resolution dependent atau dipengaruhi resolusi. Artinya ketika kita mengubah ukurannya, sulit untuk mengendalikan kualitasnya. Jika kita mengecilkan ukurannya, berarti mempersempit sebagian pikselnya namun tidak menyebabkan perubahan kualitas. Sebaliknya ketika diperbesar ukurannya akan terjadi penambahan piksel diantara ruang piksel yang teregang atau kerapatan warna menjadi berkurang. Piksel - piksel tambahan akan dikalkulasi agar mirip warnanya dengan piksel disekitarnya. Pembesaran gambar melebihi kemampuan pikselnya akan mengekibatkan efek garis bergerigi(jagged) pada pinggiran objek, gambar akan terlihat blur, pecah, dan rusak.  Resolusi pada layar memiliki satuan dpi (dots per inch) ataupun ppi (pixel per inch). Semakin tinggi dpi, semakin baik resolusi. File gambar dengan resolusi lebih jernih maka memiliki ukuran file yang jauh lebih besar, namun kebutuhan memori relatif kecil. Pada grafis bitmap, penyimpanan relatif kecil, serta Digunakan untuk gambar kompleks, berupa ragam warna dan bentuk yang beraneka, seperti foto dari hasil bidikan kamera. Gambar kategori bitmap lebih jernih dan lebih realistis dibanding gambar vektor.

Format-format yang mendukung Raster Graphic misalnya : 
BMP (Windows Bitmap), PCX (Paintbrush), TIFF (Tag Interleave Format), JPEG (Joint Photographics Expert Group), GIF (Graphics Interchange Format), PNG (Portable Network Graphic), PSD (Adobe Photoshop), CPT (Corel Photopaint)...

Vektor

Gambar vektor merupakan gambar yang tersusun oleh sejumlah garis, kurva, dan shape tertentu dengan menggunakan instruksi matematis untuk menentukan panjang, posisi dan arahnya. Gambar vektor tidak dipengaruhi oleh resolusi gambar atau titik pixel (dpi) seperti pada gambar bitmap, melainkan kemampuan resolusi output device seperti monitor atau printer.Vektor bersifat resolution independent. Karena gambar jenis vektor bukan terdiri dari titik, maka apabila tampilan gambar ini diperbesar tetap tidak akan kehilangan detailnya sehingga kualitas gambarnya tetap baik, namun tetap dipengaruhi pada revolusi layar yang ada.Grafik vektor yang sifatnya terdiri dari line serta shape yang memiliki fill warna solid atau gradasi yang terbatas. Untuk membuat suatu gambar yang photo realistic, dibutuhkan banyak shape untuk mendapatkan banyak objek tone warna. Grafis vektor memiliki ukuran file yang kecil, namun kebutuhan memori relatif besar. Grafik Vektor cocok dalam pembuatan ilustrasi, logo, text, banner iklan, sebab vektor merupakan resolution-independent dan fleksibel terhadap berbagai ukuran tanpa merubah kualitas gambar.

Contoh format yang mendukung Grafis Vektor adalah AI (Adobe Ilustrator), CDR (Corel Draw), SVG (Scalable Vector Graphics), WMF (Windows Metafile), EPS (Encapsulated PostScript), PLT (Hewlett Packard Graphics Language Plot File).


Monitor menampilkan gambar dengan cara menggunakan jaringan titik, maka baik bitmap maupun vektor akan diperlihatkan sebagai pixel pada layar. Ketika kita hendak menampilkan gambar Vektor ke suatu halaman web, kita harus melakukan export gambar vektor tersebut ke format yang di dukung oleh browser.

Setelah membaca referensi lain, Nah uraian di atas sekiranya bermanfaat bagi temen-temen, terutama yang sedang mempelajari tentang raster dan vektor.. 
Semua manusia tak ada yang luput dari kesalahan, jadi kalau ada kesalahan dari uraian di atas, maaf ya.. Komentar Anda juga sangat membangun buat bagi yang sedang belajar, termasuk saya.. ^^
Terima Kasih :)

Komputer Grafis dan Warna

Komputer Grafik dan Warna.., sebenarnya apa sih?
Yuk mari kita bahas :)


Semua pasti sudah menyadari teknologi komputer grafik semakin canggih dewasa ini, bahkan tokoh ciptaan komputer pun terlihat seakan nyata dan sempurna. Padahal semua hanyalah rekayasa komputer grafik semata. 
Dalam komputer grafik, kita akan mempelajari cara menggambarkan permukaan bidang (geometri), mempelajari cara menggambarkan dan memanipulasi gerakan (animasi), mempelajari algoritma untuk menampilkan efek cahaya (Rendering), mempelajari cara pengambilan dan penyuntingan gambar (citra / imaging). Visualisasi terhadap dunia nyata ke dalam obyek grafis merupakan salah satu bentuk pemanfaatan teknologi komputer grafik. Grafika komputer memungkinkan kita untuk berkomunikasi lewat gambar-gambar, bagan-bagan, dan diagram-diagram.


Dalam Komputer Grafik sudah pasti kita akan menyinggung tentang warna. Nah apa itu warna? Warna merupakan spektrum yang terkandung dalam cahaya putih, yang mempunyai panjang gelombang elektromagnetik untuk menentukan identitasnya. Jadi tanpa cahaya, manusia tidak dapat melihat warna.

Warna RGB adalah warna yang terbentuk dari cahaya. Warna dasarnya adalah merah hijau dan biru. RGB adalah additive color mode / model warna pencahayaan yang dipakai untuk input devices seperti scanner maupun output devices seperti display monitor, warna-warna primernya (Red, Blue, Green) tergantung pada teknologi alat yang dipakai seperti  PMT pada scanner atau digital camera, CRT atau LCD pada display monitor.  Jika dari ketiga warna dasar tersebut disatukan maka akan membentuk cahaya putih. Model warna RGB disebut juga warna additive.Warna additive adalah warna yang berasal dari cahaya dan disebut spectrum. Spectrum merupakan panjang gelombang cahaya yang menentukan identitas suatu warna.
Warna CMYK merupakan warna pigment atau subtractive color model. CMY atau CMYK adalah model warna penintaan (substractive color mode), warna-warna dasarnya (Cyan, Magenta, Yellow, blacK) tergantung pada pigment pada tinta & substrate yang dicetak. Printer dan cetakan hanya merupakan output devices. Warna subtractive adalah warna yang berasal dari bahan dan disebut pigmen. Sedangkan Pigmen merupakan zat yang terdapat di permukaan suatu benda sehingga bila disinari dengan cahaya putih sempurna akan memberikan sensasi warna tertentu yang mampu ditangkap mata. Warna pigment merupakan warna yang dihasilkan dari benda berupa zat pewarna, cat warna dan lain sebagainya. Campuran dari semua warna dasar CMYK menghasilkan warna hitam.
Kini yang banyak dipergunakan dalam industri media visual cetak adalah CMYK atau Process Color System yang membagi warna dasarnya menjadi Cyan, Magenta, Yellow dan Black. Sedangkan RGB Color System dipergunakan dalam industri media visual elektronika.


RGB dan CMY kurang cocok untuk mendeskripsikan colors berdasarkan interpretasi manusia. RGB tergantung pada kapasitas teknologi peralatan yang dipakai, sedangkan CMYK tergantung pada proses cetak, pigment, substrate. Model Warna terdiri dari tiga komponen yaitu Hue (spektrum warna), Saturation (kadar warna Hue) dan Value/Brightness (kadar cahaya). Hue adalah istilah yang digunakan untuk menunjukkan nama dari suatu warna, seperti merah, biru, hijau dsb. Skala pengukuran nilai Hue berdasar pada derajat numerik lingkaran penuh 360 derajat. Value adalah dimensi kedua atau mengenai terang gelapnya warna. Contohnya adalah tingkatan warna dari putih hingga hitam. Value (brightness/lightness) adalah nilai gelap terang warna yang biasanya dinilai dengan ukuran persen, dimana 0% = hitam dan 100% = putih. Saturation, seringkali disebut dengan chroma, adalah dimensi yang berhubungan dengan cerah atau suramnya warna. Saturation dapat diartikan dengan tingkat kemurnian warna.


Nah.. ini dia sekilas pembahasan saya tentang komputer grafik dan warna, serta beberapa referensi yang saya dapat.. Jika ada kesalahan, mohon maaf...  Semoga bermanfaat ya.. :)

Tugas1 ~ Komputer Grafis dan Warna

Agan-agann yang terkasihi, Komputer grafis dan Warna itu apa sih??

Coretan pertama gann~ Welcome :)

Haiii semuaa.. :)


Ini blog pertama gue  *mau sok-sokan pake bahasa jakarta gitu, padahal gleter doang, makassar abis hahaha..
koq gue buat blog ini ya?
koq namanya godelgode?
koq gak keren amat?
koq polos cupu amat?
koq isinya belum ada?
eh koq gue maki blog guee sendiri ya? haha..
Okayy~~ blog ini usianya masih baby gann..  masih murni dan lugu.. Gue juga masih belajar buat blog hehe.. Sebenarnya bikin blog ini hanya untuk posting tugas.. Aku juga punya web, nih godelgode.co.cc :) Dosen yang suruh buat, weleh weleh.. Semester4 ini banyakk tugasss aargh... *kok gue curhat yak.. hahaha
Udah ah tulisan pertamanya.. Soalne masih kaku gan.. ;p

>> GOD says, "You think that you can't do anything, but you can do a lot of things with Me" <<