Mengoptimalkan grafis situs web melibatkan menemukan keseimbangan antara kualitas gambar dan ukuran gambar. Untuk mengoptimalkan gambar website Anda ikuti tiga langkah.
- Mengubah ukuran gambar
- Mengurangi warna yang digunakan dalam gambar
- Menyimpan gambar dalam format file terkompresi
Gunakan program editing gambar untuk mengubah ukuran foto Anda atau gambar dengan ukuran yang tepat yang Anda perlukan untuk website Anda. Sebagai contoh, jika Anda memiliki foto yang 7 "lebar 5" tinggi atau 504 x 360 piksel, namun ingin untuk muncul di website Anda pada 150 x 107 piksel tidak menempatkan gambar yang lebih besar di website Anda dan mengubah ukurannya dengan menggunakan Anda membangun perangkat lunak web. Gambar masih akan memuat (perlahan-lahan) pada ukuran piksel penuh dan memaksa browser untuk mengubah ukurannya 150 x 107 setelah gambar telah dimuat.
Selalu sertakan atribut tinggi dan lebar. Ini akan memberitahu browser apa ukuran gambar akan menjadi dan memungkinkan untuk beban halaman lebih cepat.
Langkah 2 - Mengurangi warna yang digunakan dalam gambar
Menghilangkan warna yang tidak perlu adalah cara lain untuk mengurangi ukuran gambar Anda. Sebuah grafis disimpan dengan 2 warna secara logis akan menjadi lebih kecil dari satu disimpan menggunakan 256 warna. Memanfaatkan perangkat lunak editing gambar Anda untuk bereksperimen dengan pilihan yang berbeda untuk menemukan keseimbangan optimal dalam kualitas gambar dan ukuran.
Ketika jumlah warna yang digunakan dalam gambar secara dramatis berkurang maka akan mengakibatkan warna banding. Gradasi di daerah di mana warna telah dieliminasi yang diisi dengan band-band yang solid warna.
Dithering dapat membantu mengurangi banding warna. Meskipun dithering akan meningkatkan ukuran file Anda sedikit, dapat membantu kualitas gambar dengan menggabungkan warna-warna yang ada untuk menggantikan warna tersingkir di daerah banded. Ini benar-benar trik mata dengan memberikan penampilan lebih warna dalam gambar Anda.
Langkah 3 - Menyimpan foto dalam format file terkompresi
Mari kita mulai dengan memahami jenis yang benar dari file gambar untuk digunakan pada website Anda. Kedua jenis file umum yang akan Anda temukan pada sebuah situs web adalah Gif dan JPEG.
GIF (Graphics Interchange Format) diucapkan Jif. File GIF-kurang hilangnya file gambar terkompresi. Ini berarti bahwa ketika file gambar dikompresi data tidak hilang, namun file tersebut terbatas pada 256 warna atau kurang. Format ini mengoptimalkan gambar dengan area besar warna kontinu. Karena Anda akan kehilangan beberapa warna kesetiaan dengan gambar GIF, menggunakannya untuk menggambar garis sederhana, bentuk, ikon kecil atau grafis lainnya non-kompleks.
Ketika mengoptimalkan gambar sebagai GIF Anda akan perlu untuk menentukan berapa banyak kualitas gambar yang Anda bersedia untuk berkorban untuk mendapatkan ukuran file yang lebih kecil.
File GIF juga memungkinkan Anda pilihan untuk menetapkan latar belakang transparan. Hal ini diperlukan jika gambar Anda sedang ditempatkan pada latar belakang berpola atau gradien. Jika tidak, Anda akan berakhir dengan blok yang solid dari warna sekitarnya gambar Anda. Ini tidak terlihat menarik atau profesional.
Gunakan opsi interlaced GIF untuk gambar yang lebih besar. Hal ini akan menyebabkan gambar buram untuk tampil pertama yang kemudian akan memuat ke gambar akhir. Meskipun waktu buka tidak akan menurun ini tidak memberikan kesan halaman loading lebih cepat, seperti gambar muncul secara bertahap.
JPEG (Joint Photographic Experts Group) diucapkan Jay-Peg.
Gambar JPEG menggunakan teknik kompresi lossy. Setiap kali Anda menyimpan gambar sebagai JPEG itu akan kehilangan beberapa data. Untuk menghindari hal ini, pastikan untuk menyimpan gambar asli Anda dalam format lossless (seperti PNG) untuk keperluan editing.
Sebuah gambar JPEG disimpan dalam format 24-bit, yang memungkinkan untuk jutaan warna. Inilah sebabnya mengapa file JPEG harus selalu digunakan untuk foto atau grafis kompleks yang menggunakan banyak warna atau gradasi. Kebanyakan program editing gambar menawarkan tiga tingkat kompresi JPG. Anda mungkin perlu bereksperimen untuk menemukan keseimbangan yang benar dari kualitas gambar dan ukuran.
Untuk gambar yang lebih besar menggunakan opsi progresif, sekali lagi untuk memungkinkan gambar untuk memuat secara bertahap memberikan pemirsa kesan loading halaman lebih cepat.
Ingatlah untuk menggunakan kembali gambar yang sama sebanyak mungkin untuk memanfaatkan (cash diucapkan) fitur pada hard drive Cache. Dengan cara ini setelah gambar tersebut dimuat, ia akan menyimpan pada hard drive dan tersedia untuk permintaan berikutnya.
Tidak ada komentar:
Posting Komentar