PNG images have thin tear in right corner when used within gallery media element

Addendum below.

Hello,
I’m not sure if I correctly understood the thread on blurred pictures. I set the Big Preview Image and Preview Image to different sizes, but the tear on the top right and top left corners still show appear.

My issue is – regardless of blurry image or clear image – these tears continue to exist. I only scaled down the image – knowing that they are blurry – to create different sizes of one image file, to demonstrate that regardless of size or clear/blurry image, the tears/rips in the upper corners continue.

I added a code block of a basic gallery to show that the image files themselves are fine. The images only get the corner tears/rips when inserted into the gallery content element, and I’m not sure how to fix the problem (eliminate the tears/rips).

Please let me know if you can see these corner tears/rips on your side. The tears are faint but they are there. If you cannot see them, I can upload additional files to Dropbox. If you cannot see these tears, we are looking at different things, and you may not be seeing the problems that I am describing about how images have these faint (they appear a very light white when contrasted with the dark colors of my images) after they are added to the gallery content element. But please do have another look – it’s not a clear/blur issue but a tear/rip issue in the top right and left corners of images.

If the corner tear/rip problem in my images – in the end – cannot be resolved within the gallery content element, I will not use gallery and use the basic gallery that I created in my code block. Thank you, and please let me know what you find and further recommend to how to resolve this issue. I’m not sure if other Enfold users have experienced this problem with the gallery content element. Looking forward to your reply.

Hello,
I do not mean cropping of the image. Imagine you have a physical piece of paper and somebody made physical rips in the corners. In other words, the paper is torn in the corners. Imagine this same problem seems to be happening, but with PNG images. This problem only happens when I use PNG images in the gallery element.

This problem does not happen when images are added to an accordion slider This problem does not happen when images are inserted into a easy slider.

When I created a basic gallery using a code block using CSS and HTML, this problem did not happen.

If you look at the images inside my media library, the images show now digital rips/tears at all.

I’ve added an additional screenshot image in my Dropbox with pink arrows pointing to these rips/tears in my PNG images, in addition to the first screenshot image I sent 10 days ago (see Private Content).

The most important part of figuring out this problem is being certain that you are seeing the same Dropbox files that I am talking about. Please look at these 2 screenshot files in my Dropbox.

If you do not look at these 2 screenshot files, then you and I are not talking about the same thing and we are not looking at the same thing.

I also have included this URL for the web page where the problem appears.

Hello,
Please see my reply in Private Content.
Thank you.

Hello,
This tearing happens for PNG, JPEG, and JPG images/files whenever I insert them into the gallery element. I went back to much older images, JPG, that were ordinary, unmodified JPG pictures/images of scenery, taken from my digital camera from nearly 10 years ago, and inserted them into a new gallery element on a totally different page, and I still saw the tearing.

I wondered if maybe the problem was because the images were art works (instead of ordinary photograph images) or maybe because I was first using PNG images/files and then later JPEG images/files, but PNG, JPEG, and JPG images/files added into the gallery element still produced a gallery of images with this tearing. This tearing problem happens in a gallery element that contained exclusively PNG images, exclusively JPEG images, exclusively JPG images, or any combination of these 3 types of image files.

When viewed in the media library itself, the PNG, JPEG, and JPG files look totally fine, no problem, so the file themselves seem to not be damaged.

Were you able to reproduce this problem on your own website? I want to know if this is a problem specific to me, or if you or other people have been able to reproduce this problem. Knowing this would be helpful in finding out what is causing the problem I am having.

I have not seen this tearing problem when my art work images/files – JPEG or PNG – when using masonry gallery. But masonry gallery is not how I wish to present my images. I want my images, ideally, to be in some type of gallery.

I hope that your team will continue looking into what maybe the underlying cause(s). In the meantime, I will use either: (1) a gallery that I create with a code block using CSS, HTML, and Javascript, or (2) easy slider. Thank you for your teams great persistence with this, but please do keep me updated on anything you may find out about this issue. Many great thanks to you and your team in the meantime with your very kind assistance.

Hello,
I have not installed an image compression or optimization plugin.

Hello,
Any updates on the imaging “tearing” issue for the gallery media element?

I found an unrelated website, Zillow.com, which shows image tearing in their search box.

It is very interesting to me that tearing is appearing in a search box.

I don’t know if there is a larger issue of tearing that appears outside of the Enfold theme specifically. I wonder if tearing is appearing on other websites that do Not use Enfold. For these unrelated websites, is tearing appearing in elements beyond the search box element?

It would be good to know what theme or template builder Zillow, if it is WordPress-based, or not. That may lead solutions to the tearing problem for Enfold and to non-Enfold/non-WordPress-based websites. Zillow.com is a well-known website.

It may be helpful to contact Zillow about this to help all people who have websites who have this “tearing” issue. I am still very interesting in identifying the underlying cause or causes of the problem for me and for anyone else who has this problem.