Creating sprites

[Portos6300]

Hello,

 

I have one online shop propulse powered by Prestashop 1.4.7 with the template Prestashop 1.5.

 

I want to create sprites CSS, but I'm hesitating to create three sprites :

 

First – 31 elements

• arrow_right_1.png
  
• arrow_right_2.png
  
• bg_bt_newsletter_ok.png
  
• bg_bt.gif
  
• bg_li_idTabs.png
  
• bg_reduction.png
  
• bg_search_input.png
  
• bg_search_submit.png
  
• bloc_contact_a_bg.png (module blockcontact)
  
• block_contact_pict_tel.png (module blockcontact)
  
• block_contact_bg.jpg (module blockcontact)
  
• cart.gif
  
• fb-icon.png - (module fbpromote)
  
• login.gif
  
• logo.jpeg
  
• logout.png
  
• newsletter.png
  
• open-close.png
  
• pict_add_cart.png
  
• pict_cart_block_h4.png
  
• picto_fb.png
  
• sort_asc_white.png
  
• sort_desc_white.png
  
• sprite_pict_social_block.png (module blocksocial)
  
• zoom.png
  
• thumbs_left.gif
  
• thumbs_right.gif
  
• info.png
  
• print.gif
  
• send_friend.gif
  
• delete.gif
  

 

Second – 13 elements

• bg_address_title.png
  
• bg_bt_2.gif
  
• bg_discount_name.png
  
• bg_table_th.png
  
• quantity_down_off.gif
  
• quantity_down.gif
  
• quantity_up.gif
  
• step_current_span.gif
  
• step_current.gif
  
• step_done.gif
  
• step_end_current.gif
  
• step_end.gif
  
• step_standard.gif
  

 

Third – 14 elements

• addrbook.gif
  
• arrow_rotate_anticlockwise.png
  
• download_product.gif
  
• home.gif
  
• my-account.gif
  
• no.gif
  
• order.gif
  
• pdf.gif
  
• return.gif
  
• slip.gif
  
• update.gif
  
• userinfo.gif
  
• voucher.gif
  
• yes.gif
  

 

What do you think ? Is it a good idea or is not necessary to have three sprites ?

Do you recommend me another alternative?

 

In advance, thank you.

[CartExpert.net]

Hi,

 

Using sprites can increase the efficiency of your site, because each every image you load is a different HTTP request.

 

If you want to use sprites, you'd want to group them according to the page appear on.

 

This is a recommended tool for creating sprites: http://spriteme.org/

[Portos6300]

Thank you for your help cartexpert.

 

I know spriteme, I have already built the three sprites with the CSS, but my problem is that I don't know how I can integrate this.

 

Is that your company offers this service?

[CartExpert.net]

Thank you for your help cartexpert.

 

I know spriteme, I have already built the three sprites with the CSS, but my problem is that I don't know how I can integrate this.

 

Is that your company offers this service?

 

Yes, we offer all kinds of services, including custom coding and css for PrestaShop.