If you want to use the srcset="" and sizes="" attributes, there's not much support - found this.
What I do is simply use a fluid retina image technique that I believe I've seen at Mark Robbins from RebelMail (although I understand you might be looking for something different, but just in case you're only after @2x images for responsive).
Solution 1
swapping images would be great but the support is bad for it. I use 96 or 92ppi/dpi on my images this way its at least not so noisy and I dopnt have to save the image in a bigger format that way I can save data transfare rate on my e-mails.
Solution 2
Another a bit more heavy solution could be that you put the non-retina and retina images in your e-mail and blend the one you need on mobile with media queries while the none retina images will be set to display:none
Solution 3
you also could use background images. This way you can change the image with help of css. You can use https://backgrounds.cm but note that not all clints will suport background images.
Wich selution you might use is up to you cuz you have to take a look at your subscriber list and which E-mail they use
Charles, I have a responsive email that using an animated gif and works great in all my web mail clients as well as most other email clients but Outlook. Thus I am looking for a way to say if Outlook then put in this Static image. Any chance of that?
Thank you Charles that works great but one thing on the Outlook side only is that the space that was dedicated to the original animated gif then stays in the Email within outlook and just gives you a gap until the correct image for Outlook gets displayed.
Thanks for the help, new to this board let alone this community. Was working for a large corporation doing their internal communications for that last 20 years and really didn't have to worry as everyone had the same client as forced by the company and we were behind the corporate firewall thus no filters other than personalized on the email clients in IT basically.
TM
Hi there,
If you want to use the srcset="" and sizes="" attributes, there's not much support - found this.
What I do is simply use a fluid retina image technique that I believe I've seen at Mark Robbins from RebelMail (although I understand you might be looking for something different, but just in case you're only after @2x images for responsive).
https://thememountain.github.io/pine/design-patterns/fluid-retina-images.html
Hope this helps! :)
Dear User,
Solution 1
swapping images would be great but the support is bad for it. I use 96 or 92ppi/dpi on my images this way its at least not so noisy and I dopnt have to save the image in a bigger format that way I can save data transfare rate on my e-mails.
Solution 2
Another a bit more heavy solution could be that you put the non-retina and retina images in your e-mail and blend the one you need on mobile with media queries while the none retina images will be set to display:none
Solution 3
you also could use background images. This way you can change the image with help of css. You can use https://backgrounds.cm but note that not all clints will suport background images.
Wich selution you might use is up to you cuz you have to take a look at your subscriber list and which E-mail they use
Yours Truly
Can you be more specific? What would you like to swap and why?
Charles, I have a responsive email that using an animated gif and works great in all my web mail clients as well as most other email clients but Outlook. Thus I am looking for a way to say if Outlook then put in this Static image. Any chance of that?
Absolutely.
<!--[if gte mso 9]>
your outlook alternate image here
<![endif]-->
Beware of the double download. Many email clients will download both images, even though you are hiding one and showing another.
Thank you Charles that works great but one thing on the Outlook side only is that the space that was dedicated to the original animated gif then stays in the Email within outlook and just gives you a gap until the correct image for Outlook gets displayed.
Sure. Simply use the ! not condition.
There are tons of discussions on this here in the community, plus tons of articles like this:
https://medium.com/tealmedia/creating-bulletproof-html-emails-e0e4866c3f8
Thanks for the help, new to this board let alone this community. Was working for a large corporation doing their internal communications for that last 20 years and really didn't have to worry as everyone had the same client as forced by the company and we were behind the corporate firewall thus no filters other than personalized on the email clients in IT basically.