I've done a bit of Googling and found no guidelines for doing image spriting in HTML emails. So I have the following questions:
An image sprite is a collection of images put into a single image. A web page with many images can take a long time to load and generates multiple server requests. Using image sprites will reduce the number of server requests and save bandwidth.
While most of these formats are used for specific purposes and applications, the common 3 formats that are predominantly used in images in HTML emails are JPEG, GIF and PNG.
You create a defined area with a <a> with display:block; or <div> and use overflow hidden; to hide overflow and position:relative; . Then you place your <img> image sprite inside absolutely positioned, which is possible since you positioned the parent. Then use :hover on the image to change position.
In recent years, however, they've made a comeback. Sprite is a computer graphics term for a two-dimensional bitmap that is integrated into a larger scene. In the last few years, Facebook, Twitter, Instagram, and many other social media platforms grew like crazy.
inside e-mails you should use only very basic html, with basic inline styles. Mail client compatibilty is very different and poor (especialy outlook, wich is fairly common). I would definitly not use sprites in emails.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With