Guest Posted May 29, 2020 Share Posted May 29, 2020 Hi everyone, I'm currently having some trouble trying to get a small but clear resolution of my client's logo on her site, even though the original resolution of her logo is sharp & clear (around 1500 - 2000 pixels) I'm trying to reduce the logo pixel size to around 250 - 350 pixels while still retaining its sharpness. Despite numerous attempts in reducing / re-sizing the original logo, converting it to other formats (e.g. JPG), cropping the image etc, the logo either appears large and clear (i.e. the original size) or small & fuzzy. Any ideas on how I can reduce the size to make the logo small & clear instead? I'm using the Brine template Squarespace version 7.0. Regards, John C. Link to comment
paul2009 Posted May 29, 2020 Share Posted May 29, 2020 If the image is larger than 1500 pixels wide, resize it to 1500px and save as a .png file that is less than 500KB in size. Add the image file and then resize it using the Site Styles panel. For more information see Adding a site logo. If you have difficulties after this, please provide us with a working link to the site so that we can see the issue first-hand. If your site isn't live yet, please set a site password and tell us what it is. Without this, trial sites are hidden from view. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Guest Posted May 31, 2020 Share Posted May 31, 2020 oh ok, thanks for your suggestions. Link to comment
SofiaColor Posted August 4, 2021 Share Posted August 4, 2021 Hello! I'm having a similar issue. I've tried many formats, sizes, resolutions, etc, but still my client's logo looks fuzzy, not sharp at all. That's only on bigger screens. On my 13 inch screen looks great... Any ideas? How can I fix this issue? Thanks! Link to comment
paul2009 Posted August 4, 2021 Share Posted August 4, 2021 3 hours ago, SofiaColor said: I'm having a similar issue. Any ideas? I suggested some steps above. If you've already tried these, please provide a working link to the site so that we can take a look. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
HeatherLeigh Posted September 16, 2021 Share Posted September 16, 2021 OK, same issue here. Website is: resumeinsider.net\ Brine template. I've fallen down the rabbit hole so many times looking for a resolution. Made a one-pixel transparent logo and put an SVG image on top of it. Played with size and added CSS. Nothing works for me. <table style="width: 430px;"> <tbody> <tr> <td width="288" style="width: 420px;"> <p style="color: #43414e;">Heather Hamilton</p> <p style="color: #43414e;">Founder, Resume Insider</p> <div style="color: #bc8420;"> <p><a href="https://resumeinsider.net/" style="color: #43414e;">Website</a> | <a href="https://www.facebook.com/resumeinsidernet" style="color: #43414e;">Facebook</a> | <a href="https://www.linkedin.com/in/heatherhamilton/" style="color: #43414e;">LinkedIn</a> | <a href="https://about.me/heatherhamilton" style="color: #43414e;">About me</a></p> </div> </td> </tr> </tbody> </table> Link to comment
SofiaColor Posted September 17, 2021 Share Posted September 17, 2021 Hi Paul2009, I tried those steps and anything else crossed my mind and the problem is persisting. The website link is https://chiton-sparrow-bakp.squarespace.com/ Password is meditationforlawyers Thank you! Link to comment
paul2009 Posted September 17, 2021 Share Posted September 17, 2021 On 8/4/2021 at 9:31 AM, SofiaColor said: my client's logo looks fuzzy, not sharp at all. Have you tried setting the width of the logo container (in Squarespace settings) to a fraction of 1500 - for example 375px? You currently have this set to 281px. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.