• Hello!

    I want to use the new picturefill method, but I’m confused when it comes to how I should write my HTML. Should I write e.g. <img srcset=”image1.png image2.png 2x”> or just the regular <img src=””> ?
    Does the plugin then rewrite this automatically?

    I also want to know how I should write my retina CSS.
    So far, I’ve done it manually by using @media query device-pixel-ratio.
    The plugin doesn’t fix this automatically, right?

    I’m right in the middle of a big project atm so quick replies will be sincerely appreciated!

    Thanks 🙂

    https://ww.wp.xz.cn/plugins/wp-retina-2x/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Jordy Meow

    (@tigroumeow)

    Hello,

    Regular is fine. The plugin is made to work with normal HTML code made using the HTML editor used by WordPress, then it will be rewritten 🙂

    Normally you don’t need any CSS.

    Thread Starter Christoffer

    (@riisdesign)

    Thanks for such a quick reply, Jordy!

    The reason I got confused was because I use a non-retina Macbook and the debug mode, and in the webinspector, I didn’t see the <img src> being rewritten to <img srcset> although it got the @2x version, but that’s probably because of the debug mode, right?
    The images I add manually from an “img” folder will also get rewritten I assume?

    Regarding the CSS, I often use background-images with background-size: cover to fill the entire screen. It’s not a problem if I’ve to add the media queries myself though, but it will be a problem when I add an inline background-image that links to a dynamic attachment.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Do I write or ?’ is closed to new replies.