First of all, just wanted to say that I absolutely love everything about this template and couldn't have picked a better template to move from Squarespace to Wordpress with! I'm a photographer and I'm currently designing a new website with the Salient theme. Everything looks good and I was quite happy with how it all worked. (Linked attached)
However, when I sent the link to a few friends to test, they all mentioned that the image quality in the gallery format (which is pretty much most of the pages) was quite low, especially on mobile. It's only when you click on an individual image and open it does it display in good resolution. This is in comparison to my current website which is at https://www.framedfantasies.com/.
I'm really keen to finally be able to launch the new website that I've created with Salient, but the quality of the images is the only thing holding me back. I'm certain I must be doing something wrong, but I don't know what it is.
Thank you for the quick reply. I have tried this and included the filter in the function file. Doesn't seem to have fixed it. I think the problem is in the thumbnails that are displayed. Individual images load fine when the thumbnail is clicked. Do you know how I can change the quality of the thumbnail that is displayed in gallery pages?
I am really struggling to make this template work in terms of image quality. I don't know what I'm doing wrong, I have tried everything you have suggested, but my image quality, especially when viewed on mobile is very different to how it looks on my current website on Squarespace. I have attached 4 files so you can see what I mean. If I can't get this to work, I will sadly have to give up on using this template, which I absolutely love!
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
After logging in I didn't see a child theme available in your setup to add in the modifications I previously mentioned.
Because of this, I instead installed a plugin called "Simple Image Sizes" to allow me to alter the image sizes. After I edited the one used in the portfolio (regular_photography size), I regenerated the thumbnails to have the images be recreated in the new size. Since the resolution being served now is higher, it should appear more crisp when viewed on a mobile device. Kindly take a look in regards
They look so much better, thank you so much! As promised, Salient has the best support!
Is there anything I need to do now from my end for the images to continue to be high quality?
And could you please explain what a child theme is? I have installed Salient as my main theme and then have downloaded the Photography Demo which I'm using on my website.
1. As long as you keep that plugin active, there's nothing else you need to do. All future images uploaded will be cut to the newly defined size.
2. A child theme is the WordPress way to make coding modifications to the main theme, without having to modify the core theme files. Salient includes a child theme in the download from ThemeForest which you can install/activate if desired. Here's some further reading on the topic: https://codeable.io/what-is-a-child-theme-wordpress/
I sometimes update photos with different dimensions, especially in landscape format. Would this need to be specified too, or will they work with the plugin? Sorry for all the questions!
I'll take a look at the child theme option as well. Thanks again:)
Also, I have just realised that the page size is now massive, maybe because the images are now loading at about 2-3mb per image which will slow down the page and be bad or SEO. Is there an option to set a size percentage for in general so that each image loads at aout 30% of its original size when clicked on?
I just modified the image size to be a bit smaller so it should be a middle ground now from where it was initially and the most recent change. Try taking another look
In regard to your other question about uploading photos in landscape - the masonry gallery already uses a size wide enough in width to likely display as you desire on mobile phones, so there's nothing else you need to change about those.
Hi Guys,
First of all, just wanted to say that I absolutely love everything about this template and couldn't have picked a better template to move from Squarespace to Wordpress with! I'm a photographer and I'm currently designing a new website with the Salient theme. Everything looks good and I was quite happy with how it all worked. (Linked attached)
However, when I sent the link to a few friends to test, they all mentioned that the image quality in the gallery format (which is pretty much most of the pages) was quite low, especially on mobile. It's only when you click on an individual image and open it does it display in good resolution. This is in comparison to my current website which is at https://www.framedfantasies.com/.
I'm really keen to finally be able to launch the new website that I've created with Salient, but the quality of the images is the only thing holding me back. I'm certain I must be doing something wrong, but I don't know what it is.
I would appreciate any help in this matter!
Many thanks in advance,
Iyanka
Hey Again,
Thanks for using Salient.
This might help: https://www.wpbeginner.com/wp-tutorials/how-to-increase-or-decrease-wordpress-jpeg-image-compression/ .
Thanks
ThemeNectar Support Team
Tahir,
Thank you for the quick reply. I have tried this and included the filter in the function file. Doesn't seem to have fixed it. I think the problem is in the thumbnails that are displayed. Individual images load fine when the thumbnail is clicked. Do you know how I can change the quality of the thumbnail that is displayed in gallery pages?
Hey Iyanka
Did you use the renegerate thumbnails plugin after adding the filter in your child theme? When viewing an image directly on my mobile device for testing such as http://patabendigec.sg-host.com/wp-content/uploads/2020/06/DSC_7728-1-450x600.jpg - I'm not seeing any difference in quality compared to them being rendered in the gallery.
If you've already regenerated the images, try to also add the following into the child functions.php and then regenerate them once more:
add_action( 'after_setup_theme', 'salient_child_remove_image_sizes', 11 ); function salient_child_remove_image_sizes() { remove_image_size( 'regular_photography' ); remove_image_size( 'regular_photography_small' ); add_image_size( 'regular_photography', 600, 800, true ); add_image_size( 'regular_photography_small', 550, 733, true ); }Hi there,
I am really struggling to make this template work in terms of image quality. I don't know what I'm doing wrong, I have tried everything you have suggested, but my image quality, especially when viewed on mobile is very different to how it looks on my current website on Squarespace. I have attached 4 files so you can see what I mean. If I can't get this to work, I will sadly have to give up on using this template, which I absolutely love!
Thank you,
Iyanka
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Thanks
ThemeNectar Support Team
hi Tahir,
Yes for sure.
Username is : [email protected]
Password: Baran1977!!!
Thank you!
Hey Iyanka,
After logging in I didn't see a child theme available in your setup to add in the modifications I previously mentioned.
Because of this, I instead installed a plugin called "Simple Image Sizes" to allow me to alter the image sizes. After I edited the one used in the portfolio (regular_photography size), I regenerated the thumbnails to have the images be recreated in the new size. Since the resolution being served now is higher, it should appear more crisp when viewed on a mobile device. Kindly take a look in regards
They look so much better, thank you so much! As promised, Salient has the best support!
Is there anything I need to do now from my end for the images to continue to be high quality?
And could you please explain what a child theme is? I have installed Salient as my main theme and then have downloaded the Photography Demo which I'm using on my website.
Thanks again,
Iyanka
I'm glad that I could help, Iyanka
1. As long as you keep that plugin active, there's nothing else you need to do. All future images uploaded will be cut to the newly defined size.
2. A child theme is the WordPress way to make coding modifications to the main theme, without having to modify the core theme files. Salient includes a child theme in the download from ThemeForest which you can install/activate if desired. Here's some further reading on the topic: https://codeable.io/what-is-a-child-theme-wordpress/
That's fantastic, thank you very much!:)
I sometimes update photos with different dimensions, especially in landscape format. Would this need to be specified too, or will they work with the plugin? Sorry for all the questions!
I'll take a look at the child theme option as well. Thanks again:)
Iyanka
Also, I have just realised that the page size is now massive, maybe because the images are now loading at about 2-3mb per image which will slow down the page and be bad or SEO. Is there an option to set a size percentage for in general so that each image loads at aout 30% of its original size when clicked on?
Thank you:)
Hey Iyanka,
I just modified the image size to be a bit smaller so it should be a middle ground now from where it was initially and the most recent change. Try taking another look
In regard to your other question about uploading photos in landscape - the masonry gallery already uses a size wide enough in width to likely display as you desire on mobile phones, so there's nothing else you need to change about those.