Quick question for ‘Best practice’ on the Enfold theme.
For some of my posts I have enabled the ‘show featured image at the top of my post’:
here is an example of the posts with this enabled:
http://shutterliving.com/florence-italy/
The image looks bad because the original is 800px wide and it is now being stretched, how do I make this image look better.
If I upload the image at a larger size and use this as my featured image will this have an effect on my page load speed on this page :
http://shutterliving.com/homepage/recent-work/
What is the best size to upload to make sure the quality and speed are optimised?
Thanks in advance Jamie
Hi Jamie A!
The bigger the size the better. 1200px-1300px wide will keep it from being stretched and then whatever the smallest file size you can get while still keeping it looking nice.
Regards,
Devin
Thanks Devin – if I increase the featured image size to lets say 1300 will that slow down the loading of the ‘masonry grid’ on this page…http://shutterliving.com/homepage/recent-work/
Hi!
No because it seems like you’re using a php script which is not part of the theme and which resize the images on the masonry page completely independent from the featured image size. The script adds a php parameter to the images and resizes them based on this parameter. I.e. the first image url here: http://shutterliving.com/homepage/recent-work/ points to http://i2.wp.com/shutterliving.com/wp-content/uploads/2012/10/shutterLIVING.com-Jamie-A-Cowan003.jpg?fit=705%2C705 and thus the image is resized to 705px. The original image (with the size of 800×533: http://i2.wp.com/shutterliving.com/wp-content/uploads/2012/10/shutterLIVING.com-Jamie-A-Cowan003.jpg ) is not used.
Cheers!
Peter
Peter thanks again for all the great support.
Marking this as Resolved.