Tagged: Images
-
AuthorPosts
-
August 8, 2014 at 2:36 pm #301635
I am looking to make my images as small as possible for speed purposes, and would love to know how large/small the different images should be – so that I don’t upload 500×500 when only 300×300 is shown in a 1/3 image (or whatever it is).
Can you help me with an overview or a manual page?
August 8, 2014 at 2:49 pm #301640Hi!
You can find image sizes defined in Functions.php file below
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1030, 'height'=>360 ); // images for fullsize pages and fullsize slider //overwrite blog and fullwidth image on extra large layouts if(avia_get_option('responsive_layout') == "responsive responsive_large") { $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider }
Best regards,
YigitAugust 8, 2014 at 4:26 pm #301692Thanks Yigit.
I have an image on my frontpage which resides in a 1/2 section. It is approx. 970 x 780 (from screendump). I can’t find what size that is in the Functions.php – neither from size or from text.
Can you help?
/AndersAugust 8, 2014 at 4:29 pm #301696Hi!
Sure! Can you please post the link to your website and point out the image?
Best regards,
YigitAugust 8, 2014 at 4:39 pm #301703Good day,
If I want to change the size of the “fullResImage” image (Preview Images in my Portfolio), would this be the place?
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>2300, 'height'=>360 ); // images for fullsize pages and fullsize slider
And do I have to re-upload my portfolio Preview Image to get the changes to reflect? I need to display the images at the resolution it was uploaded originally. Currently my images are being cropped to width:1030. And the above setting was 1030 before I changes it. After changing the above value and relaoding the page it is still not working.
Kind regards,
- This reply was modified 10 years, 4 months ago by threepotatofour.
August 8, 2014 at 4:54 pm #301714Good day!
After changing the values, you should regenerate thumbnails using this plugin – https://wordpress.org/plugins/regenerate-thumbnails/
Cheers!
YigitAugust 8, 2014 at 9:45 pm #301825Absolutely. It’s http://www.altomadhd.dk
Thanks,
AndersAugust 8, 2014 at 11:30 pm #301845Hey Anders!
Can you post the direct link to the image in question?
Cheers!
JosueAugust 11, 2014 at 8:57 am #302432Hi,
I have changed the line and regenerated the thumbnails but the images are still cropped to 1030. Is there anther place where this value might be hard-coded?
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>2800, 'height'=>980 ); // images for fullsize pages and fullsize slider
http://www.athanescholtz.co.za/Any suggestions?
- This reply was modified 10 years, 4 months ago by threepotatofour.
August 11, 2014 at 11:16 am #302469Hi Josue
Yes, I am sorry. The image in question is on the front page of http://www.altomadhd.dk and has a family of three on it.
Screen shot here: https://www.dropbox.com/s/bhtsycyzuav5a51/aoa-screenshot.png
The original in the media library is huge, since I didn’t want to minimize before I knew what to minimize for.
Thanks for helping out!
/AndersAugust 12, 2014 at 4:47 am #302985Hey Anders!
The image that is being included on the homepage is already resized to 495×400.
Regards,
JosueAugust 12, 2014 at 9:22 am #303028Good. So I guess my “problems” arise from me being on a retina screen.
I have put it up there as 495×400 and it looks great – even Google PageSpeed agrees. ;)
Have a great day.
/AndersAugust 12, 2014 at 9:23 am #303029You too Anders, glad to help :)
Cheers!
Josue -
AuthorPosts
- The topic ‘Image sizes’ is closed to new replies.