Untuk Apa Belajar Slicing?

Hai teman-teman dumet school! Ada salah satu murid DumetSchool yang menanyakan untuk apa sih belajar Photoshop Web Design ? Kan photoshop sudahjelas digunakan untuk membuat icon, banner, gambar ilustrasi dll.?

3/19/2015 Visit our website: www.dumetschool.com 2

Untuk apa belajar Photoshop Web Design?

Selain untuk membuat berbagai gambar pendukung tampilan web, Photoshop Web Design juga merupakan salah satu cara untuk mempermudah konversi dariDesign tampilan berupa gambar menjadi tampilan berupa HTML CSS.

Maksudnya bagaimana ya? Kurang jelas.

Oke, kita mengenal dulu istilah slicing itu apa. Slicing adalah kegiatan memilikitujuan untuk mengkonversi tampilan design web berupa gambar menjadi bagian-bagian yang kecil. Bagian bagian yang kecil ini adalah bagian-bagian yang tidakbisa dimunculkan menggunakan HTML ataupun CSS. Dengan demikian saat akanmembuat tampilan versi HTML cukup tinggal memanggil gambarnya saja.

Selain untuk memotong tampilan gambar menjadi lebih kecil proses slicing jugamemiliki keuntungan lain. Apa itu? Kita bisa mengurangi bandwith website yang kita gunakan.

Misal Website A menggunakan gambar yang lebar namun memiliki pola yang sama. Bandwidth bulanannya tersedot cukup banyak hanya untuk menampilkanbackground tersebut. Padahal jika dipotong-potong maka tampilan web akan tetapsama namun dengan kecepatan yang lebih baik dan bandwidth transfer file website-nya menjadi lebih sedikit.

3/19/2015 Visit our website: www.dumetschool.com 3

Berikut ini contoh Gambar 1 yang belum di slicing

3/19/2015 Visit our website: www.dumetschool.com 4

Setelah diamati polanya maka sebenarnya memiliki pola yang sama sepertiGambar 2 di bawah ini

3/19/2015 Visit our website: www.dumetschool.com 5

Coba sekarang teman-teman bayangkan, jika web A menggunakan Gambar 1 yang full 100% dibandingkan dengan saat Web A menggunakan Gambar 2 berupapotongan kecil yang diulang-ulang. Akan lebih lebih cepat mana loading-nya? Tentunya yang menggunakan potongan kecil.

Apalagi juka dibuka dari Smartphone, akan terasa sekali efeknya. Semogabermanfaat ya teman-teman ^_^

3/19/2015 Visit our website: www.dumetschool.com 6

3/19/2015 Visit our website: www.dumetschool.com 7

3/19/2015 Visit our website: www.dumetschool.com 8