Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #809879

    Hello,

    i have a little problem with the Lightbox of Enfold.

    When increasing an image to the full size by Lightbox, it is not shown in the full quality in some cases, but in some it does.

    An example: https://www.th-photography.net/2016/12/18/bird-rookery-swamp-trail-wildlife-wandern-und-geocaching-in-florida/
    When you increase the image (1200×800) Zypressen (https://www.th-photography.net/wp-content/uploads/2017/06/Bird_Rookery_Swamp_Trail_4.jpg) it appears a little bit blurred in the Lightbox-view compared to the original file. I registrated that on a monitor with 1920×1080 pixels.
    However it is not the case for all pictures, for example smaller ones are displayed in same quality as original.

    Lightbox is adjusting the image size to the monitor, that is fine in principal. So but is it possible that images are increased to a bigger size than the original image size if the monitor-size would big enough?

    I uploaded an example with screenshots of the image mentioned image (example.pdf): https://ufile.io/2wdue
    There you can see the blurred effect in the Lightbox version. It seems so, that the Lightbox-image is displayed slightliy bigger than the original. Could that be?

    So how can i make sure, that the images are always displayed in the quality of the original and don’t get increased to a size bigger than the original file?

    Thank you very much.

    Torsten

    #811394

    Hey th-photography,

    Thank you for using Enfold.

    Please go to the Settings > Media panel then adjust the size of the Large thumbnail. Upload or regenerate the images again.

    Best regards,
    Ismael

    #811668

    Hello,

    thank you. But i think that is not the problem.
    I have chosen the full size image in the article, so none of the automatically generated pictures of lower quality should have been used.
    If i open the image link in a new window i get the image in full quality. But if i open it in the Lightbox, it appears a little bit blurred and not so sharp. You can see that in the example of the file above. So there might be a issue with the Lightbox. And it is not the case for all pictures. The pictures in 16:9 are displayed in equal quality to the full file. It seems to be only the case for the 3:2 pictures. SO maybe a problem of displaying them on the 1920×1080 monitor?!

    Thanks,
    Torsten

    #811728

    did you allready put those snippets into your functions.php of your child theme to set-up the fullsize images in lightbox and not the big one?

    this here is for having fullsize for an image link:

    function change_lightbox_size() {
        return "full";
    }
    add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);

    and this is for gallery image links :

    function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
    {
        $link = wp_get_attachment_image_src($attachment->ID, "full");
        return $link;
    }
    add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);

    maybe there is one snippet more for masonry image links

    but: the fullsize image here on your site is allready in that dimension (sometimes under the dimension of big-preview images)

    in functions.php (parent-theme) you can see the image-sizes which enfold is handling:

    $avia_config['imgSize']['widget'] 			= array('width'=>36,  'height'=>36);
    $avia_config['imgSize']['square'] 		 	= array('width'=>180, 'height'=>180);
    $avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );
    $avia_config['imgSize']['featured_large'] 	= array('width'=>1500, 'height'=>630 );	
    $avia_config['imgSize']['extra_large'] 		 = array('width'=>1500, 'height'=>1500 , 'crop' => false);
    $avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );
    $avia_config['imgSize']['portfolio_small'] 	= array('width'=>260, 'height'=>185 );
    $avia_config['imgSize']['gallery'] 		 	= array('width'=>845, 'height'=>684 );
    $avia_config['imgSize']['magazine'] 		 = array('width'=>710, 'height'=>375 );
    $avia_config['imgSize']['masonry'] 		 	= array('width'=>705, 'height'=>705 , 'crop' => false);
    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);
    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );

    so if you want a good resolution for your lightbox images – do the snippets above and upload images with 1500px width

    • This reply was modified 6 years, 10 months ago by Guenni007.
    #811740

    Thank you for the quick reply.

    I tried to copy to code to the functions.php of the theme, but afterwards i only get a blank page.
    At which position I have to add the code to the functions.php, or may there be another problem?

    Thanks,
    Torsten

    #811785

    Hi Torsten,

    Which code are you copying? Could you check server log for the error please?

    Best regards,
    Victoria

    #811821

    not to functions.php of parent theme but to child-theme.
    Please my first advice on using WordPress is to go with child-themes.

    All snippets here on board and documentation of enfold will work with child-theme functions.php.

    Get familiar with that: Link you can download on documentation page a predefined child-theme. So it is much easer as it seems to be

    #812194

    I did it, but the code did not change the problem. The pictures look still blurred.

    I added this codes in the child:
    this here is for having fullsize for an image link:
    function change_lightbox_size() {
    return “full”;
    }
    add_filter(‘avf_avia_builder_helper_lightbox_size’,’change_lightbox_size’, 10);

    and this is for gallery image links :
    function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
    {
    $link = wp_get_attachment_image_src($attachment->ID, “full”);
    return $link;
    }
    add_filter(‘avf_avia_builder_gallery_image_link’, ‘avia_change_gallery_thumbnail_link’, 10, 4);

    >I installed the responsive Lightbox plugin and there the images are displayed in original quality. No idea why the enfold Lightbox does not…

    #812892

    Hi,

    Did you install another plugin? The site is not using the default Magnific PopUp lightbox plugin.

    Best regards,
    Ismael

    #813165

    Yes i did (Responsive Lightbox) and there the images look equal to the original one.

    I reactivated the Enfold plugin now, because i would prefer to use it. But i don’t like the blurred appearance of images, which i registrated on a 1920×1080 display (see example above).

    The child functions.php looks this way know:

    <?php
    function change_lightbox_size() {
        return "full";
    }
    add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);
    function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta)
    {
        $link = wp_get_attachment_image_src($attachment->ID, "full");
        return $link;
    }
    add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);
    /*
    * Add your own functions here. You can also copy some of the theme functions into this file. 
    * WordPress will use those functions instead of the original functions then.
    */

    So do you have any other idea?

    #813693

    Hi,

    Did you adjust the size of the “Large size” thumbnail in the Settings > Media panel? After the adjustment, you have to regenerate the thumbnails with a plugin.

    // https://wordpress.org/plugins/force-regenerate-thumbnails/

    Please post the login details here so that we can test the lightbox.

    Best regards,
    Ismael

    #815183

    I adjusted the large size to 1200px x 1200px – as the original image size is. And regenerated them.
    But it does not change to blurred effect of the images.
    And what should that resizing of the WordPress images change? I want, that the ORIGINAL image file is displayed in the Lightbox and not one of the WordPress generated images…
    I do not have that problem with the Plugin “Responsive Lightbox. There the original image is correctly displayed.

    #816116

    Hi,

    I want, that the ORIGINAL image file is displayed in the Lightbox and not one of the WordPress generated images…

    Set the “Large size” thumbnail’s maximum width and height to 9999px. The lightbox will going to use the images’ original size then.

    Best regards,
    Ismael

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