• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 08.01.24, 10:03
  • Opened by: Victor Vilette

Ticket #25192 - Aliasing on the image

Hi,
I have a display problem on my website, images have some aliasing on the front office. Like slightly pixelated.
However, all my images are of high quality (1300px in height) and jpeg compression at 100 in settings.
The problem persists only on the front office on all image imported.

In the backoffice, everything is ok

Do you have a solution ?

Thanks

Attachments:

piexel-logo.png (4.3 KiB)
pixel1.png (245.6 KiB)
pixel2.png (57.6 KiB)
ORIGINAL.png (412.7 KiB)

Comments

Victor Vilette 08 Jan 2024, 16:38

Hi, it's ok for me, i solved my problem.
Thanks.

Fred 08 Jan 2024, 17:29

What's the solution? can you share?

Victor Vilette 08 Jan 2024, 23:18

Ultimately the problem persists. The aliasing problem is present on all the images that I import. However, my images are of high quality (see the difference in the attachment). I also tried different format : PNG, JPG… with always the same result

Victor Vilette 08 Jan 2024, 23:21

I solved the problem by reinstalling Prestashop with the default theme. It's ok with Classic theme. But with Alysum, this display problem arises almost everywhere on the site as soon as there is an image.

Thanks for your response.

Attachments:

LOGO-BLANC-IMPORTED.jpeg (174.5 KiB)
Capture d'écran 2024-01-08 23... (6.1 KiB)
Fred 09 Jan 2024, 09:55

Where I can see that image? Can you give me direct link to a page?

Victor Vilette 09 Jan 2024, 10:00

At the homepage, logo of the header for exemple https://dev.hydromelcartel.com/

Fred 09 Jan 2024, 10:02

Logo looks pretty fine for me https://take.ms/RwI8K

Victor Vilette 09 Jan 2024, 10:24

The display issue I'm experiencing appears on several of my devices. I tested viewing on a Mac and a PC, using different browsers, but the result remains the same. However, when I zoom in on the web page, the logo seems to return to its initial quality.

Victor Vilette 09 Jan 2024, 10:24

Look

Victor Vilette 09 Jan 2024, 10:25

Attached

Victor Vilette 09 Jan 2024, 10:27

My attachements cannot be sent, sorry

Attachments:

Capture d'écran 2024-01-09 10... (104.1 KiB)
Fred 09 Jan 2024, 10:29

I don't know why, but I see it perfectly in every browser https://take.ms/NYWyN

Victor Vilette 09 Jan 2024, 10:34

I'm talking about this alisaing. I just screened your photo

Attachments:

screen.jpeg (5 KiB)
screen 2.jpeg (2.8 KiB)
Victor Vilette 09 Jan 2024, 10:35

This seems strange because my logo is of very good quality. See dimensions : https://dev.hydromelcartel.com/img/cms/LOGOS/LOGO-BLANC-2.png

Fred 09 Jan 2024, 10:36

Ok, I see.
Try following CSS fix:

body img {image-rendering: auto}
Victor Vilette 09 Jan 2024, 10:39

Thanks ! It works perfectly. Do you know if it is possible to apply the code to all websites so that all future uploaded images can benefit from it? I'm thinking about my product images; I have more than 800 product images in my catalog.

Fred 09 Jan 2024, 10:42

that code is applied for all images

Victor Vilette 09 Jan 2024, 11:17

Thanks

Fred 09 Jan 2024, 11:35

You are welcome!