Jump to content

PNG image scaling

Recommended Posts

Posted

Hi. I have a strange problem. When I upload an png image with 24 bit transparency, squarespace creates different image sizes and on some of those images subpixel border start to appear. How can I fix this issue.

Original image is exported from Figma

2023-04-06 15_29_06-Estimates_Raskladka - Figma Beta.png

  • 2 weeks later...
  • Replies 2
  • Views 401
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

Having the same issue. Support said to upload all PNGs as 1,500px wide which isn't an answer. Noticing the horrible edges on PNGs look worse in Chrome. Firefox they seem to be ok.

If it's only in Chrome for you too, wondering if there is some Chromw specific CSS to workaround this.

Posted

Try this...

In Design>  Custom CSS

[data-animation-role="image"] {
    min-height: 0px !important;
}

Helped my PNGs, Warning, not sure of the downsides of this hack.

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.