-
Posts
-
Hello
I need general information about how the image scaling a placement work with Enfold. Do the media have an optimal size before I load them? I tried easy slider, fullwidth slider, with and without scaling… I don’t understand which result I am expected to get. Most I have an enormous stretched picture about all the screen, even if my original image was small… Sorry this info probably exists somewhere but I didn’t find it and I don’t manage any clean imageHey AnnieCl!
Thank you for using the theme!
You can find all sorts of thumbnail size in the functions.php file. The theme automatically generate these thumbnails and use them accordingly — depends on the elements visible in a page or post. Please note that the Slideshow Image Size settings in the slider panel doesn’t actually influence the dimension of the sliders because the slider inherits the size of the container. It only enables you to choose the thumbnail size used in the slides.
$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 }You can adjust the width and height attribute, and choose not to cut the images by setting the crop parameter to false.
Best regards,
IsmaelThanks you Ismael for your helpfull reply. I’ll try to experiment with this !
Thanks to the team for creating this great theme and supporting it efficiently !
Annie-ClaudeHey!
Please try and let us know so we can mark this thread as resolved or assist you further :)
Cheers!
YigitHey ! Sorry I thought it was ok, but to make sure I have to ask the question with others words for one specific example
For the full width easy slider with option panel at 1500×430 and stretched option:
If my original image is bigger than1500 x 1500, the image in the slider will be stretched in the width and cropped in the height, so that it final appearance looks “fullwidth”x430
if my original image is small (for example 300×250), the image in the slider will be stretched in the width in order to match the full screen width, but not cropped in the height, so that it final appearance looks “fullwidth”x”something very high in accordance with the scalling”Is that correct?
Hey!
WordPress scaling using the thumbnail sizing will shrink an image until the longest edge fits. So if you upload an image that is 1500×1500 it will not shrink it.
Then the theme will take whatever image is selected for that section and expand it with css to make sure it fits without any empty space. So if the image was much taller than it was wide you can end up with an image that is pixelated since the long edge was shrunk to fit which made the width much smaller than its final usage. Then the image got stretched by the css to fit the much larger width.
Cheers!
Devin
- The topic ‘Image sizes and scaling’ is closed to new replies.