Scaling interaction reduces image quality

I have an interaction where the logo shrinks and settles into the nav as you scroll past the first section, and scales back up when you scroll back to the top. The logo image is an SVG, so there should be any lossiness, but after the logo shrinks once, when it scales back up the resolution looks poor. This is especially noticeable on a non-retina screen.

Any ideas? Thanks!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I just switched the logo to a 2x png and now it scales fine. Weird that SVG caused the issue.

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.