Topic: Unwanted scaling of images + Retina support « SeaTheme

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

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
February 6, 2019 at 12:50 pm #17725

tuleby
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

February 7, 2019 at 3:56 pm #17739

SeaTheme
Keymaster

Purchased
Expired

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.com – Twitter – Facebook

WordPress Customization Service from $49 Only! Save your expensive time!

March 1, 2019 at 6:09 pm #17924

tuleby
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

March 1, 2019 at 7:16 pm #17925

SeaTheme
Keymaster

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

June 12, 2019 at 11:32 pm #18717

paulabrani
Participant

Purchased

Warning: Undefined array key "apikey" in /www/wwwroot/seatheme.net/wp-content/themes/uiueux2017/admin/functions/functions-user.php on line 101

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?

WordPress Customization Service from $49 Only! Save your expensive time!

June 13, 2019 at 2:36 am #18723

SeaTheme
Keymaster

Purchased
Expired

Hi,

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

Regards!
Bwsm – Professional WordPress Theme Studio
uiueux.com

WordPress Customization Service from $49 Only! Save your expensive time!

June 13, 2019 at 12:09 pm #18727

paulabrani
Participant

Purchased

Warning: Undefined array key "apikey" in /www/wwwroot/seatheme.net/wp-content/themes/uiueux2017/admin/functions/functions-user.php on line 101

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

June 14, 2019 at 6:19 am #18734

SeaTheme
Keymaster

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

June 15, 2019 at 1:12 am #18751

paulabrani
Participant

Purchased

Warning: Undefined array key "apikey" in /www/wwwroot/seatheme.net/wp-content/themes/uiueux2017/admin/functions/functions-user.php on line 101

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

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.