Logo

Knowledge Base

Welcome
Login
Home Solutions

How can we help you today?

Login to submit a new ticket
Check ticket status
Solution home Internal Support Wordpress Tips

How to add Retina and Non-Retina image in HTML Print

Modified on: Mon, 9 Apr, 2018 at 10:55 PM


 


Below is an example of how to embed both a retina and non retina image with only one of the images displaying on screen depending on your screen's resolution.


<img src="https://www.karenkirkness.com/wp-content/uploads/2017/10/facebook2.png" srcset="https://www.karenkirkness.com/wp-content/uploads/2017/10/facebook1.png 2x" />


 


facebook2.png is the non-retina image and facebook1.png is the retina image.


 


This is a good way to add social media links in footer widgets etc. 


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

Related Articles

    Home Solutions Cookie policy
    Help Desk Software by Freshdesk
    Article views count