Image optimization for photography website

Hi jaimemerz,

To optimize the size of the masonry, you’ll need to do the following:
– Use a child theme, skip this step if you already are using a child theme, if not then you can follow the instructions and download it in: https://kriesi.at/documentation/enfold/child-theme/
– In the child theme’s functions.php, add this code at the bottom:

function enfold_customization_modify_thumb_size( $size ) {
  $size['masonry'] = array('width'=>400, 'height'=>705 , 'crop' => false);
  return $size;
}

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );

Hope this helps.

Best regards,
Nikko

Hi Jaime,

You’ll need to regenerate old images since it only affects images uploaded after the code is added.
In the Plugins find Regenerate Thumbnails and regenerate images (you can use other regeneration plugin if you like).

Best regards,
Nikko

Hi Jaime,

You’re very much welcome :)
If you only want the masonry size to change then the code is enough, but if you want to change the size shown in Media Settings then you can do that also on top of the code and when you regenerate images it will set image sizes based on the current setting.

Best regards,
Nikko

Hi Jaime,

We apologize for the delayed response.
The images seems to be coming from a CDN: https://secureservercdn.net/
Can you try to disable it? if it’s not a plugin maybe it’s from your hosting provider.

Best regards,
Nikko