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

This topic contains 8 replies, has 3 voices, and was last updated by  paulabrani 3 months ago.

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

    tuleby
    Participant
    Purchased

    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

    SeaTheme
    Keymaster
    Purchased
    Supported

    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
    Purchased

    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

    SeaTheme
    Keymaster
    Purchased
    Supported
    This reply has been marked as private.
    #18717

    paulabrani
    Participant
    Purchased

    Hi, I am having the same issue on my blog posts. Images after I upload look fuzzy/blurred, not crisp like the original JPG that I upload.
    I’m using the Arnold Theme, and the Beaver builder to design the blog posts.
    Can you help me fix it please?

    • This reply was modified 3 months, 1 week ago by  paulabrani.
    #18723

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    Please leave your blog posts URL, I need to check it, thanks!

    Regards!
    Bwsm – Professional WordPress Theme Studio
    uiueux.com

    #18727

    paulabrani
    Participant
    Purchased
    This reply has been marked as private.
    #18734

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    I don’t find the problem on my mac, see the photo: https://drive.google.com/file/d/1UKB2GBaCHs0UTs26BeDHfV6Ppc8-e_UN/view?usp=sharing

    Is your Mac with Retina screen?
    Please resize the image(http://paulabrani.com/wp-content/uploads/2019/05/japp1-teste.jpg) as 2040 width instead of 3000, rename it, upload again. Because it is shown as 1020 width on the post page. It will work for the non-retina screen.

    Regards

    • This reply was modified 3 months ago by  SeaTheme.
    • This reply was modified 3 months ago by  SeaTheme.
    #18751

    paulabrani
    Participant
    Purchased

    Yeah, I guess it looks a little bit better.
    Two question though:
    – If I am using half a module/column, do you still suggest uploading it with 2040px?
    – Will 2040px still look good for you/retina screens?

    Thank you

Viewing 9 posts - 1 through 9 (of 9 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!