Erlend-fs Posted March 15, 2021 Share Posted March 15, 2021 Site URL: https://spinach-keyboard-w7ws.squarespace.com/ Hello! All the header images on the site I'm building are displaying in bad quality on mobile. It wasn't like this before. I think it happened around a week ago. Could it be something with the new Squarespace update (when all text links also got underlined)? I have optimised the images for web (around 500kb in size and between 1500-2000px in width) The images are sharp on desktop (but it I shrink the browser window to "mobile size", the header image displays in bad quality) See attached screenshots. Link to comment
Beauyboi Posted March 18, 2021 Share Posted March 18, 2021 I have the same problem. This is ridiculous. Paying for the top tier plan too. It seems to correct itself when you tilt the phone to landscape. 🤬 Link to comment
Erlend-fs Posted March 19, 2021 Author Share Posted March 19, 2021 Squarespace support told me that the will look into the problem and find a solution👍 Link to comment
variegateJOH Posted March 22, 2021 Share Posted March 22, 2021 Oh thank god other people are having this same issue! I really hope they fix it soon - I thought I was going mad. Link to comment
Santerilohi Posted April 5, 2021 Share Posted April 5, 2021 Same here... been looking for some way to stop this compression with no luck. Only happens on the very first banner image, the ones lower down on the site are performing fine. Link to comment
Snackie Posted April 17, 2021 Share Posted April 17, 2021 Is there any update? I’m having the same issue. Link to comment
Natp Posted April 18, 2021 Share Posted April 18, 2021 Squarespace needs to fix this asap Link to comment
Erlend-fs Posted April 21, 2021 Author Share Posted April 21, 2021 (edited) Yesterday, I found a workaround to fix the bug. By making two identical header sections, and using this code the advanced section in the setting of each page (found in this guide) <style> @media only screen and (max-width: 780px) { #page section:nth-of-type(1) { display: none; } } @media only screen and (min-width: 781px) { #page section:nth-of-type(2) { display: none !important; } } </style> This makes the first banner section appear on desktop, and the second banner section appear on mobile. For some reason, this fixes the bug, and the mobile banner page appears in good quality. Edited April 21, 2021 by Erlend-fs Link to comment
Erlend-fs Posted April 21, 2021 Author Share Posted April 21, 2021 Here is what Squarespace says about the issue: Shayler W. (Squarespace) Apr 20, 2021, 4:05 PM EDT Hey Erlend, Thanks for following up on this. We appreciate your patience while we track this issue. I've checked with the team and I'm afraid we don't have any updates on this quite yet. That said, we have noted your feedback, and it hasn’t been ignored. The time it takes to find a solution is due in part to the complexity and challenges of releasing that type of fix, and the volume of design solutions available that don't experience this behavior. We’ll use your case to help prioritize upcoming bug fixes and product updates within the Squarespace platform. I apologize that you're still experiencing this issue. In the interim, please let us know if you have any further questions - we're here for you 24/7. All the best, Shayler W.http://support.squarespace.com Link to comment
sophiehartl Posted September 21, 2021 Share Posted September 21, 2021 (edited) Has anyone found a solution to this? 😞 Edited September 21, 2021 by sophiehartl Link to comment
Erlend-fs Posted September 22, 2021 Author Share Posted September 22, 2021 There is no problem anymore here. But I found a workaround to fix the bug. By making two identical header sections, and using this code the advanced section in the setting of each page (found in this guide) <style> @media only screen and (max-width: 780px) { #page section:nth-of-type(1) { display: none; } } @media only screen and (min-width: 781px) { #page section:nth-of-type(2) { display: none !important; } } </style> This makes the first banner section appear on desktop, and the second banner section appear on mobile. For some reason, this fixes the bug, and the mobile banner page appears in good quality. Link to comment
AnthonyAnthony Posted August 31, 2022 Share Posted August 31, 2022 Just here to say ME TOO. Mobile images look like trash. Load time be damned I need to display these images at a higher resolution. PLEASE FIX THIS SQUARESPACE you're destroying these images with no way to adjust how they are displayed. Link to comment
VMoy Posted November 14 Share Posted November 14 Same issue here in Nov 2023, pleeeease fix this SquareSpace, it's dragging the quality of my site down massively. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment