Praktik Terbaik: Bekerja dengan Gambar
Optimalkan Gambar
Optimasi hanya berarti menjaga ukuran kecil gambar menjaga kualitas gambar ke tingkat yang dibutuhkan. Ada banyak sekali prosedur yang dapat melakukan untuk mengoptimalkan gambar sebelum dimuat ke server untuk pengiriman. Perangkat yang kami gunakan untuk penciptaan gambar-gambar (Photoshop, Fireworks dll) biasanya memiliki alat yang memungkinkan pengguna untuk mengoptimalkan gambar untuk menggunakan web.
• Periksa 's GIF untuk melihat apakah mereka menggunakan ukuran palet yang sesuai dengan jumlah warna dalam gambar. Ketika suatu gambar sedang menggunakan 4 warna dan palet warna 256, maka gambar bisa lebih dioptimalkan
• Mengkonversi GIF itu untuk di mana mungkin PNG dan melihat apakah ada tabungan. Lebih sering daripada tidak, ada. Jangan ragu untuk menggunakan PNG, karena mereka didukung penuh oleh sebagian besar browser yang sering digunakan. Mengharapkan dari kemampuan animasi PNG dapat melakukan apa GIF tidak, termasuk transparansi.
• Untuk gambar yang digunakan dalam sprite CSS, mengatur gambar dalam sprite horizontal sebagai lawan vertikal biasanya menghasilkan ukuran file yang lebih kecil. Juga, menggabungkan gambar dengan warna yang sama dalam sprite. Ini membantu Anda menyimpan jumlah warna rendah, idealnya di bawah 256 warna sehingga untuk bisa masuk dalam PNG8.
• Jika Anda menggunakan sebuah favicon.ico, tetap kecil, sebaiknya di bawah 1K.
Gunakan dengan benar ditingkatkan / diubah ukurannya gambar.
Selalu mencoba dan menggunakan gambar diubah ukurannya, yaitu tidak menggunakan gambar yang lebih besar dari yang Anda butuhkan hanya karena Anda dapat mengatur lebar dan tinggi dalam HTML. Jika Anda perlu menampilkan gambar 100px X 100px pada halaman, maka jangan menggunakan skala bawah gambar 200x200px.
Gunakan Gambar Progresif
Sebuah web browser sudah membuat Gambar progresif. Untuk melakukan bahkan lebih baik, cukup menyimpan GIF atau PNG dengan opsi "interlaced", atau Anda gambar JPEG dengan pilihan "progresif".
Ada perdebatan di kalangan pengguna web, apakah penggunaan citra progresif adalah berkat atau hambatan. Juga gambar progresif berat sekitar 20% lebih daripada rekan non progresif. Jadi, Jika Anda pikir Anda menggunakan tata letak gambar yang tidak akan menghambat pengguna-pengalaman dengan itu menjadi progresif, jangan ragu untuk melakukannya.










































