5 Free CSS Sprite Generator

Sudah lama saya ga membahas mengenai web design di blog matre ini, dan saya juga mohon maaf buat sobat blogger karena memang beberapa bulan belakangan ini saya sangat di sibukkan, sehingga jarang membalas komentar yang masuk maupun berkunjung balik ke blog sobat. Buat sobat blogger yang tertarik dan menekuni web design pasti tidak asing lagi dengan teknik CSS sprites yang mengoptimalkan penggunaan image sehingga loading page web site atau blog akan menjadi cepat dan hal ini sangat berpengaruh pada performance website baik dari segi hal traffik maupun pagerank karena pernah saya baca artikel dari suhu jalooe mengenai kecepatan loading website merupakan salah satu kriteria yang di masukkan ke dalam algoritma perhitungan pagerank oleh om google, dan saya juga pernah baca juga di artikel beliau mengenai teknik css sprite yang merupakan salah satu cara untuk mengoptimasi kecepatan loading blog.
Teknik CSS sprites memang lumayan sulit karena teknik ini mengabungkan beberapa gambar tersebut ke dalam satu gambar, tetapi ada hal yang menguntungkan dengan menggunakan teknik css sprite ini adalah:

Menggunakan satu gambar yang intinya irit bandwith karena hanya satu request ke url penyimapanan image di bandingkan dengan penggunakan banyak image yang lebih boros bandwith karena meminta lebih dari satu request ke url penyimpana masing-masing gambar.
Less images = Less http requests = faster loading 

Kerugian menggunakan teknik css sprite ini adalah tidak semua browser mendukung teknik css sprite namun saya rasa untuk masa akan datang pasti akan ada improvement untuk browser tersebut untuk mendukung teknik css sprites.

Nah, buat para webmaster di bawah ini saya akan melist CSS sprites generator yang tentunya akan membuat efisiensi waktu dalam pembuatan image yang di gabungkan menjadi satu.

 1. css-sprit.es

 2. CSS Sprite Generator

 3. spriteme

 4. spritegen

 5. spritr

Semua css generator di atas bisa sobat coba untuk mengoptimasi kecepatan blog dengan menggunakan teknik css sprite. Silahkan sobat bereksperimen dengan menggunakan tool free css generator online di atas. Happy blogging.