CSS Image Sprites Generator
Di postingan sebelumnya tentang Cara Mengoptimasi Gambar Theme pernah saya katakan bahwa salah satu cara untuk meningkatkan kecepatan loading blog salah satunya yaitu kita harus mengoptimalkan dalam penggunaan gambar yang ada di theme, baik ukuran, skala gambar maupun jumlah gambar. Ketika kita menggunakan gambar yang cukup banyak dalam satu halaman, maka kita bisa menggunakan metode image sprite, yaitu menggabungkan beberapa image/gambar menjadi satu file kemudian kita tampilkan gambar-gambar tersebut dengan CSS Sprite (combine images into CSS sprites).
Dengan cara ini akan mengurangi jumlah http request dan parallelize downloads across hostnames. Ini juga sebagai salah satu cara untuk meningkatkan skor di pagespeed dan gtmetrix.com. Dan untuk membantu memudahkan dalam membuat image sprites berikut ini beberapa tool (website) CSS Image Sprites Generator yang bisa dimanfaatkan :
Wah,, akhirnya muncul juga info ttg CSS Spritesnya..
Makasih gan…
Nyobain ntar aja,, nie mau masuk kuliah…
Bookmark dlu
Reply
Kok spriteme.org gak masuk mas, kan lebih praktis ?
Reply
Wah ini jawaban dari pertanyaan saya di FB kemarin ya bang Alwi? tak coba dulu deh bang, mungkin bisa ngangkat kecepatan blog saya :)
Reply
Kula bokmake rumiyinin mas Muthohar.
Reply
Langsung nyoba mas, muga-muga semoga, load blogku bisa melebihi mae mas Alwi :lol:
Reply
Keren banget postingannya mas,semoga saja efective bagi web aku.
Reply
mas.tolong donk bikin tutorialnya untuk mengoptimasi blog yang disarankan oleh http://gtmetrix.com ya..
tolong donk bantuannya dnegan snagat.saya bener – bener gak ngerti yang dimaksud disana.apa itu keep alive terus gzip compression pada css dan js dan juga Use efficient CSS selectors.
tolong ya mas..mungkin juga banyak sekali yang butuh.
Reply
pernah coba yg css-sprit.es yg lain baru tahu skrg :D
kdg ukuran sesudah digabungin malah lbh gede dari sebelumnya
Reply
mas, saya mau bikin thumbnail image di satu templete…
yang nantinya image akan bergerak otomatis…
pakai js, ya… share tuto+script-nya,dong…
Reply
bang, saya coba kemaren edit theme saya pake sprite, kok jadi ga jelas begitu tampilan nya ya??
Reply