PNG-files in icon box are blurry

grandega · October 2017

Hi,

I wanted to change the icons in my icon box by uploading my own png files. However they are displayed quite blurry compared to the original files. The size of the pictures is 125 x 125 px and I already uploaded them with that size (not blurry). As soon as they're in my media they look blurry.

Here's the link: www.grandega.de (it's the second part right under the main picture.

Is there any way to fix this?

Thanks in advance.

Bryan · October 2017

Hi,
do you mean those icons?
http://prntscr.com/h0w365
they are not blurry.

grandega · October 2017

Hi, yes I mean those icons. Actually, compared to the original icons they're blurry: https://prnt.sc/h14xd1

I did try SVG which was absolutely great concerning the picture quality but I couldn't size it down to 128 x 128 within the icon box. Maybe my CSS code was wrong...

Alternatively I found that if I use a larger PNG and resize it through CSS it works fine as well (did that with my logo which seemed blurry when I uploaded it with a smaller size). But again here - I don't have a working CSS code..

Bryan · October 2017

Those icons are set to 128px x 128px, there is nothing we can do about it.

grandega · October 2017

I can get them at a larger size, that‘s no problem. What would I have to do to make them appear smaller through CSS?

Bryan · October 2017

Yes, only custom css, but when you resize them they lose the center point and go to the side. It would be better just to make images with blank space around. So the image is the same size but the icon is smaller.

PNG-files in icon box are blurry

Comments