PNG-files in icon box are blurry

grandega

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

grandega

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

grandega

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next