Hey Tommy,
The plugin makes it so you do not have to upload two versions of the image. Just upload the larger one. WordPress will automatically make two different sized images, one that is @2x, and one at normal size. The plugin will detect if a user is on a HiDPI screen and serve them the @2x if they are.
Hope this helps!
Hi Jon,
The logo size for standard monitors is 300 x 56. So, I need to make this 600 x 112 and save this with @2x at the end of the file name? Example – [email protected]?
If so, I upload this [email protected] to the website and assign the URL to the logo location, correct?
I tried this ^^ and it just makes the logo huge on my macbook retina display. Unless I am doing it different. Once I get passed this step, I’ll be okay.
Thanks for the helpful support Jon!! =]
So the advantage of this plugin is that it will do the sizing for you. Just upload the 600 x 112 logo to WordPress, and call <?php the_post_thumbnail( 'your-image-size' ); ?>
The plugin will replace ‘your-image-size’ with an @2x version. Note that this won’t work on images that are in the code of your theme. The plugin only works on images that are uploaded through the WordPress Media gallery.
Hey tommhanus, I have not heard from you so I will assume you got everything to work properly. Let me know if that is not the case.
Hey Johnathan,
Thank you for replying! I’m not too savy with code, where does this code go? Also, I am assuming this only works in posts/pages?
Thanks Johnathan!
The code would go wherever you are putting the image. If you are using a theme that displays featured images, it is probably already using this method. The plugin will do this automatically on any images inserted into post and page content.
