February 6, 2019 at 12:50 pm #17725
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
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 advanceFebruary 7, 2019 at 3:56 pm #17739
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;
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.March 1, 2019 at 6:09 pm #17924
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
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.
ThanksMarch 1, 2019 at 7:16 pm #17925This reply has been marked as private.June 12, 2019 at 11:32 pm #18717
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?
June 13, 2019 at 2:36 am #18723
- This reply was modified 3 months, 1 week ago by paulabrani.
Please leave your blog posts URL, I need to check it, thanks!
Bwsm – Professional WordPress Theme Studio
uiueux.comJune 13, 2019 at 12:09 pm #18727This reply has been marked as private.June 14, 2019 at 6:19 am #18734
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.
RegardsJune 15, 2019 at 1:12 am #18751
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?
You must be logged in to reply to this topic.