Cara Membuat Image Sprite Dengan Sprite Me

cara membuat image sprite dengan sprite me.sprit image bertujuan untuk mengurangi http request di sebuah website atau blog, agar lebih mempercepat dan mengoptimalkan loading sebuah blog.
dengan mengurangi http request tentu saja loading blog ketika di buka menjadi lebih cepat. tapi bukan hanya itu saja klo ingin blog agan loading nya jadi cepet. faktor widget yang bertumpuk alias kebanyakan juga berpengaruh,trus template blog yang ukuran nya terlalu besar. untuk template blog klo bisa memilih yang ukuran nya tidak sampai 100 KB. untuk mendownload template silahkan kesini


sprite me.
org adalah sebuah situs atau website untuk membuat sprite image.cara nya juga mudah,hanya tinggal buka situs sprite me nya dan yang tulisan "Drag This Link" itu di drag ke tab blog agan.


biar lebih jelas seperti ini:
buka blog agan dan "lihat blog" di tab baru(open in new tab), terus buka website sprite me di tab yang baru lagi. seperti di gambar.

cara membuat image sprite
di situs sprite me nya nanti seperti gmbar di bawah,yang tulisan drag this link nya itu di drag ke tab homepage atau postingan blog aga.

cara membuat image sprite
tunggu beberapa saat,jika ada jendela muncul seperti gambar di bawah, itu berarti di blog agan ada gambar yang perlu di sprite, tapi jika sudah lama jendela nya tidak muncul juga,berarti tidak ada image yange perlu di sprite di blog agan.
klo ada klik "make sprite" yang di bagian sugested sprites, trus klik "export css".
cara membuat image sprite
jika sudah di klik export css nya nanti akan kebuka tab baru seperti ini. gambar di bawah adalah petunjuk.untuk tulisan yang di coret di ganti dengan yang ada di bawah nya.
cara membuat image sprite
 note:sebelum di ganti download dulu link image hasil sprite tadi (contoh:  http://www.jaredhirsch.com/coolrunnings/public_images/f9f820f565/spriteme1.png ). trus upload ke image hosting yang agan suka.
seperti photobucket,photoserver,picasa atau yang lain nya.

sudah sekian saja dari saya tentang cara meng sprite image dengan situs sprite me,mudah mudahan mengerti dan bermanfaat. trima kasih..

 
9
out of 10 based on 10 ratings. 9 user reviews.

Artikel Terkait: