edge case which may make images look bigger

  • Resolved flamenco

    (@flamenco)


    10 years ago

    Jordy,
    Very nice plugin, super job! This isn’t really a problem, but an observation.

    When I tested it, it worked great. The way it’s organized is super, because I was concerned that all the 2x images would be mixed in with my other media, and you solved that problem. Really nice!

    Here’s a funny little thing that may confuse some people. I have a bit of CSS whose intention is to help with sizing images responsively. 

    img {
   height: auto;
   width: auto;
}

    When this is there, if you have an IMG tag with particular dimensions, the above CSS will override that, so that even though your good 2x image is working, it will display at the larger image size. In other words, it will look too big.

    If you agree, maybe this could go in the FAQ. ??

    Keep up the good work,
    Dave

    https://www.ads-software.com/plugins/wp-retina-2x/

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

    (@tigroumeow)

    Thanks a lot! Yes but actually this is implied in the tutorial and the FAQ, you don’t think so? I would love to add something in the FAQ but I am not sure what would be the question. Could it be in the part where the “the image appears very big”?

    Thread Starter flamenco

    (@flamenco)

    Je vois. Yes, technically you’re right, if someone opens up and reads the fine print on the right FAQ item, they might infer that they should edit CSS.

    Your point is taken, and from now on I’ll keep my ideas to myself.

    Plugin Author Jordy Meow

    (@tigroumeow)

    Haha, don’t keep your ideas for yourself and don’t take it the wrong way neither ?? I was just trying to figure out where in the FAQ it could go. Because right now I have this question:

    My logo / images appeared twice bigger on Retina.

    And the answer is:

    Let’s say you have a logo which is 200×400. The retina logo would be 400*800, but it should STILL be shown as a 200×400 image relatively to the rest of your website. The workaround is to keep it simple and neat: always set the (normal) width and the height for all your images (in HTML directly or via CSS).

    There are so many cases where the CSS can be wrong in different manners and that is just a standard answer that covers everything without going into details.

    Let me know if I can enhance the question or the answer, I am not a native speaker and I am also not a normal user of this plugin so I don’t have the best ideas for the FAQ.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘edge case which may make images look bigger’ is closed to new replies.

Tags