Blurred images

hannes741

Hi,

I have the problem, that my images I implemented in my site, always get a little bit blurred. In the media gallery they are more sharp.

What can I do?

Best regards,

Hannes

Pablo

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

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

hannes741

Hi,

thank you for the quick answer. Here is the link to the page: 

http://dev.nordkanal50.contenance.de/grundrisse/

It's about this image for example:

http://dev.nordkanal50.contenance.de/wp-content/uploads/2019/11/Interaktives-Navigationselement_map.png

Best regards,

Hannes

Pablo

Did you try to insert it as an "Image" item and set a "Size" of image as a "Large" or "Full Size"?

http://prntscr.com/q02u11

Thanks

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

hannes741

Hi,

no I insert it with an "column". Is that a problem?

Best regards 

Pablo

No, but while inserting it into the "Image" item, you get more features for your image (including zooming in) and it's looking better in the Muffin Builder.

Also, you will be 100% sure, that it will be fully responsive.

Thanks

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

hannes741

I can't do this, because it is a png-file included into an svg. So I need the svg to display a cover layer oder the png. So I need to know why images get blurred when I don't use the "image"...

Best regards

hannes741

Can you help me in this case?

Pablo

If you are using the <img> tag, then our size properties will not be attach.

It means, that our theme does not change anything in this image - it just can be fit to the grid.

Please increase your Grid Width to 1920px (Theme Options > Global > General)

http://prntscr.com/q0h4xv

Or turn on the Full Width option in secton settings of that image.

Thanks

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