Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 19, 2014 at 5:23 pm #240176
    borkent

    Hi All,

    I found a little bug/feature that was bothering me. in base.css the images are set to have width:auto and height:auto.
    However this breaks the width and height inline css tags. Then I read a discussion here where people are saying that
    you should show images in their true dimensions. However this is not entirely true when considering retina displays.
    More and more people are moving to ipads, iphones and retina laptops and you want your images to be sharp as can be.

    So when I add an image left aligned in some textblock I often add it at twice the pixels then scale it back to 50%, the result is an image that is super sharp on both normal screens and retina screens. For instance, add image 200×300 and scale down to 100×150 inline html.

    I know its easy to fix in base css, just remove it, however its another unnecessary theme edit if you ask me.

    ps. This was not there in previous versions, just popped up in latest.

    Keep up the good work!

    Thomas

    March 20, 2014 at 11:11 pm #240904
    David

    Hi borkent!

    Thanks for the feedback, this properties become useful to scale down images when the container is < than the image itself, e.g. container 300px and image 600px wide, if you don’t have those properties applied to your images, the image itself will overflow the container causing layout problems.

    Best regards,
    David

    March 20, 2014 at 11:33 pm #240912
    borkent

    Hi David,

    Thx for your reply!

    I understand you have this for the dynamics of enfold, but shouldnt that be aplied to the avia containers that require this and explicitly not to the custom text block images?

    How would you add a 200×300 image inside the custom text block to left aline it as a thumbnail to have text run around it and make sure screens display it at 100×150 including retina?

    Visual:

    [img] text te
    xt text text t
    ext text etc

    My opinion is to only apply width/height=100% to places where this is needed, not all images.

    Ps. Somehow this prob came with 2.6(1) and was not there in 2.5.4 resulting in images being shown double sized allover the site.

    • This reply was modified 10 years, 8 months ago by borkent.
    March 21, 2014 at 3:19 am #240962
    Ismael

    Hi!

    You can use this plugin: https://wordpress.org/plugins/wp-retina-2x

    It will create image files that is needed for retina display. If the resolution of certain image is not high enough, the plugin will detect it and render the image accordingly. The downside is, you may need to upload the image twice.

    Regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.