Untuk apa belajar slicing?

07/03/2015    Rido Sandi Atmanto    17507    Website

Hai teman-teman dumet school!

Ada salah satu murid DumetSchool yang menanyakan untuk apa sih belajar Photoshop Web Design? Kan photoshop sudah jelas digunakan untuk membuat icon, banner, gambar ilustrasi dll.?

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 dari Design tampilan berupa gambar menjadi tampilan berupa HTML CSS.

Maksudnya bagaimana ya? Kurang jelas.

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

Selain untuk memotong tampilan gambar menjadi lebih kecil proses slicing juga memiliki 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 menampilkan background tersebut. Padahal jika dipotong-potong maka tampilan web akan tetap sama namun dengan kecepatan yang lebih baik dan bandwidth transfer file website-nya menjadi lebih sedikit.

Berikut ini contoh Gambar 1 yang belum di slicing

Setelah diamati polanya maka sebenarnya memiliki pola yang sama seperti Gambar 2 dibawah ini

Coba sekarang teman-teman bayangkan, jika web A menggunakan Gambar 1 yang full 100% dibandingkan dengan saat Web A menggunakan Gambar 2 berupa potongan 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. Semoga bermanfaat ya teman-teman smiley

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More
chatarrow