Home Forums Air WordPress Theme Unwanted scaling of images + Retina support

This topic contains 3 replies, has 2 voices, and was last updated by  BWSM 1 month, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17725

    tuleby
    Participant

    Hi!

    I have questions regarding scaling of images / retina support.

    I have uploaded a project/portfolio photo, original file being 2400 x 1800 px. That’s also the size it’s saved as in the Media Library: http://dev.tuleby.com/wp-content/uploads/2016/10/logo-1.jpg

    But when displayed on project page – it’s the bottom image on this URL http://dev.tuleby.com/kmno-records/ – it does not look crisp at all. I tried my external non retina screen at around 1400px width, and my mac book retina at around 1400pt (2800px) width, it looks blurred on both.

    The reason for this, I understand, is that the image that is actually being displayed is this scaled down one
    http://dev.tuleby.com/wp-content/uploads/2016/10/logo-1-1000×750.jpg
    And with only 1000px width it will of course not look good in 1400px width as it’s scaled up…

    Question 1: How can I get this image (and others) to be shown in higher resolution, keeping them crisp?

    Question 2: The theme is said to feautre a Retina support – could you explain how this work? Does not seem to work in this case?

    Thanks in advance

    Screenshots:
    http://tuleby.com/air/medialibrary.png
    http://tuleby.com/air/regular-1400pt-1400px.png
    http://tuleby.com/air/retina-1400pt-2800px.png

    #17739

    BWSM
    Keymaster

    Hi,

    1. Please find functions/interface/interface-functions.php, line 1319:
    case 'list_layout_1': $col_class = 'list-layout-col1-item'; $image_size = 'airtheme-standard-thumb-big'; break;

    update as:
    case 'list_layout_1': $col_class = 'list-layout-col1-item'; $image_size = 'full'; break;

    2. The image is cropped, the reason is for the page speed.

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #17924

    tuleby
    Participant

    Hi!

    Thanks for this, makes sense! 🙂

    I’ve adjusted line 1319 in that file to show image in full instead of “big thumb”, but it does not seem to work?

    Please see the image at the very bottom on this URL
    http://dev.tuleby.com/peers-communications/
    It’s still showing the “big thumb” in 650x650px ? (The full image is 1800x1800px)

    How come the change is not reflected? I am not using any cache plugin or similar.

    Thanks

    #17925

    BWSM
    Keymaster
    This reply has been marked as private.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!