High quality .png image looks blurry in production

Design help General
1

Hi!

I have a “tab” with different “image contain” in my webpage for features as “topic” “Trends” and “Discovery”, I have uploaded the images as big and small size in .png format but always looks blurry when I publish the project… The Link is https://deep-talk.ai , I have tried with ctrl-shift-O to disable the responsive images, I have tried almost everything and still the images are in very low quality compared with the designer.

Any idea?? Thank you!

Juan

Here is my site Read-Only: https://preview.webflow.com/preview/deep-talk-migration?utm_medium=preview_link&utm_source=designer&utm_content=deep-talk-migration&preview=75c8f385f9758942c33c475579729160&workflow=preview
(how to share your site Read-Only link)

  1. List item
2

Hey @Juan_Jose_Soto , can you please share the read-only link for your project?

3

Yes! here it is https://preview.webflow.com/preview/deep-talk-migration?utm_medium=preview_link&utm_source=designer&utm_content=deep-talk-migration&preview=75c8f385f9758942c33c475579729160&workflow=preview Thank you

4

Hi @Juan_Jose_Soto! Hope you are doing well and that you managed to fix your issue with the quality of the png file.
I am experiencing the same issue. My png file is a high-quality export and it is perfect when in preview mode and editing mode, however when posting it just looks blurry on the edges.
Please let me know how you fixed your issue

5

Update: Nevermind! I figured it out. In my case I wanted to have a big version of the Logo to be displayed in on of my pages. However, I was using a png file version of the logo, which made it look blurry when publishing the website. By exporting a svg version of the logo, and replacing the image in webflow, it solved the issue. Now in any mode (editor, preview and published) the logo looks sharp.