Menggunakan Relative sizing

Spesifikasi display dari visitor sangat variatif, mulai dari mobile device seperti ponsel dan tablet, hingga laptop dan high dpi screen. Image yang sama bisa tampil berbeda karena pengaruh perbedaan display. Image besar, bila dibuka di small screen device, bila tidak diperlakukan responsive, bisa saja terpotong, atau kita harus melakukan zooming dan panning. Image kecil, bila … Read more

Sharing is caring:

Web Fonts dan Glyphs

Seringkali kita melihat text berupa image, biasanya logo, atau caption image yang ditulis fixed melalui software seperti photoshop. Kelemahan text dalam bentuk image (raster) adalah, tentu tidak bisa diperbesar, karena akan pecah. Dan search engine tidak akan memahami isi tulisan tersebut (hingga saat artikel ini dibuat), jadi tidak SEO friendly. (walaupun Anda bisa mengisi di … Read more

Sharing is caring:

Kompresi Image

Sebelum lebih jauh mengenai strategi responsive image, adalah penting untuk melakukan kompresi image yang maksimum tanpa mengorbankan kualitas gambar. Gambar dibawah menggunakan 2 kompresi yang berbeda, apakah terlihat perbedaan secara kualitas? Secara kualitas, tidak terlihat perbedaaan yang signifikan. Dan kalau tidak ada pembanding, visitor tidak akan merasakan bahwa gambar medium compression itu kualitasnya “lebih bawah”. … Read more

Sharing is caring:

Raster dan Vector

Jenis image dapat dibagi menjadi 2 jenis, raster dan vector. Raster Sumber raster image umumnya dari camera atau scanner. Bila hasil editing, maka umumnya dari software photo editing seperti Photoshop. Raster image berupa kumpulan dot pixels. Kelemahan raster image adalah akan pecah jika diperbesar melebihi batas resolusi dan biasanya besar ukurannya. Namun jika membutuhkan image … Read more

Sharing is caring: