Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #577731

    My images original dimension is 731×1000 px, I want it display in gallery according it’s original length and width scale.

    I can not find a suitable preview image size in gallery (if I use no scaling, original width x original height, scale is ok but it will lead to a very heavy page, the page size will be very large and very slow).

    So I used Masonry Gallery. It will generate a thumbnail smaller than the original image, but also too large. For examle, I used 6 columns masonry gallery, I think the thumbnail image dimension should be about 212×290. But the actual is not so. I downloaded the page and find the thumbnail image dimension is 498×705.

    I really want to lightweight my web page. So what should I do? I have seen some gallery plugin and they do not have similar problems.

    Jarred

    #578318

    Dear Sir,

    I have the solution according to the old article in forum. But still have little problem.

    I found the code in function.php

    $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'=>845, 'height'=>684 );						// 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'=>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
    $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);

    And added
    , 'crop' => false
    to what size I need. The problem could be solved if I change the code in father theme directly.

    The problem is I am using a Child theme, I do not want to change it directly in the father theme. Because it is not convenient for update the theme. So what should I do in the child theme?

    I have tried to add entire line of code to function.php in child theme, but it did not work. Such as
    $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180 , 'crop' => false); // small image for blogs

    • This reply was modified 8 years, 9 months ago by jarredzhang.
    #579519

    Hey!

    Try the following:
    1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    2. Go to Settings > Media
    3. Change the square image size (increase its height).
    4. Regenerate the thumbnails by clicking the button at the bottom.

    Cheers!
    Josue

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.