3 Elemen Penting Mengenai Grafik Dalam Pembangunan Web

Yang Terpopular

Yang Terbaru

Laman Utama cheap cigarettes

3 Elemen Penting Mengenai Grafik Dalam Pembangunan Web

Written by code7

Friday, 29 May 2009

Sepanjang 9 tahun saya dalam arena web development, ada segelintir client dan customer saya amat mementingkan penampilan gaya grafik yang hebat-hebat dalam web mereka. Sehingga mahukan yang terlalu besar dan colourful serta heavy untuk di'loading' dalam website. Namun dengan dek kepakaran dan pengalaman terbaik saya memberi alternatif penyelesaian yang relevan sesuai dengan keperluan & situasi internet hari ini.

Kalo boleh dalam website kita tu tak perlu terlalu 'heavy graphic' dan sepatutnya mempunyai focus yang tersusun, bercorak user-friendly dan mudah dilayari. Sepertimana saya bangunkan website ACC-Council salah satu client luar negara saya menggunakan konsep clean design dan manakala website autodownline JomBuatDuit juga menerapkan konsep yang sama sebagai menepati saranan user-friendly. Dalam banyak-banyak website saya x mahu menjadikan grafik yang terlalu berat sebaliknya kene pandai optimize dengan mengetahui 3 elemen asas grafik di dalam website seperti :

Quality & Size
Semakin besar kualiti imej semakin besarlah size imej tersebut. Sekiranya anda memilih sebarang gambar foto jpeg pastikan memilih range 65% quality sebagai setting compression terbaik untuk loading paling praktikal dalam website. Jangan pilih sehingga 100% quality yg mmg menyebabkan grafik lambat loading.
Image Optimization Tools
Setakat ini paling mudah dengan menggunakan Adobe Photoshop sebagai optimization tools yang bagus. Anda boleh click pada menu File > Save for Web atau keyboard shortcut (Alt + Shift + Ctrl + S) untuk memilih jenis format grafik yang sesuai untuk disimpan dan membuat perbandingan quality serta compression yang boleh dilakukan terhadap imej grafik anda.
Types of Image Files
Setakat ini ada 3 jenis format imej grafik yang sesuai untuk website iaitu jpeg, gif dan png. Saya tak galakkan anda gunakan format bmp, tiff atau lain-lain yang imej yang belum dicompress kerana ia lambat loading bagi pengguna Internet biasa.

JPEG
Format jpeg ini sesuai untuk compress image file pada kualiti standard seperti gambar foto. Biasanya gambar foto ini banyak pixel dan perlukan format jpeg sebagai penyelesaian terbaik di dalam website. Saya selalu guna setting 65% ke atas untuk optimize gambar foto agar dapat cepat loading di dalam mana-mana web.

GIF
Format gif biasanya untuk vector graphic atau animated graphic. Misalnya vector seperti logo, text, button, divider & illustration cartoon. Lebih mudah gunakan format gif bagi vector graphic yang ada sharp corners, edges or text untuk kualiti yang baik berbanding foto jpeg. Format gif juga membolehkan anda membuat background transparent terutamanya bagi imej button & logo. Anda boleh manfaatkan format gif untuk tujuan tersebut.

PNG
Ini adalah format imej grafik yang flexible.. umpama JPEG + GIF = PNG... ia support kedua-duanya untuk loading dalam web. Tapi file PNG kekadang besar juga, dan kene pandai optimize ikut keadaan. Jika anda gabungkan gambar foto dengan banyak vector grafik di dalamnya maka PNG adalah format yang sesuai untuk digunakan. Buat masa sekarang sudah banyak web browser support pengunaan PNG dalam website. Tapi untuk langkah terbaik saya sarankan anda membuat eksperimen terhadap pengunjung anda yang menggunakan browser jenis apa dan line yang sesuai. PNG adalah solution terbaru dan perlukan pemerhatian yang lebih menyeluruh.

Ok setakat ini dulu 3 elemen asas grafik di dalam pembangunan website yang mesti diketahui oleh semua webmaster, blogger, graphic designer maupun multi-designer. Dengan memahami asas ini membolehkan anda membangunkan website yang baik dan user-friendly. Selamat mencuba dan selamat maju jaya !

Add as favourites (108) |

Quote this article on your site | Views: 1936

Comments (1)

1. JPG, PNG, GIF, APNG
Written by This e-mail address is being protected from spam bots, you need JavaScript enabled to view it , on 24-02-2010 13:53 , IP: 115.134.24.239
bagi saya png merupakan pilihan terakhir kerana beratnya. dan jika dilihat kualiti ternyata
jpg g
dan sekaligus memberi kesan kepada kelajuan :D

kesimpulan, grafik memang penting tetapi pemilihan grafik yang betul menjadikan post tersebut lebih seronok dibaca

Write Comment
Please keep the topic of messages relevant to the subject of the article. Personal verbal attacks will be deleted. Please don't use comments to plug your web site. Such material will be removed. Just ensure to Refresh your browser for a new security code to be displayed prior to clicking on the 'Send' button. Keep in mind that the above process only applies if you simply entered the wrong security code.
Name:
E-mail
Homepage
Title:
BBCode:
Comment:
Code:*
	I wish to be contacted by email regarding additional comments

Did you enjoy this article? Please bookmark it onto:

< Prev		Next >

Menu Utama

Login Ahli

Ebook Percuma 30 Rahsia Tools Usahawan Internet

Ahli Terbaru

	azrul.ahmadi (2010-05-01 17:38:26)
	abemogi (2010-05-01 17:05:46)
	rouke (2010-05-01 15:52:21)
	ayasofya79 (2010-05-01 15:51:56)
	Azizeil (2010-05-01 15:31:13)
	ethumb (2010-05-01 13:38:22)
	roziemalek (2010-05-01 04:54:09)
	silvia (2010-05-01 00:07:55)
	tumi (2010-04-30 23:16:23)
	havoc (2010-04-30 18:17:25)
	ciklulu (2010-04-30 16:42:24)
	sepak_perot4 (2010-04-30 09:08:05)
	md.affendi (2010-04-30 04:35:43)