We use cookies to make HubSpot's community a better place. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. To learn more, and to see a full list of cookies we use, check out our Cookie Policy (baked goods not included).
I've tried a couple logo versions, all hi-res, and they all appear blurry in the header and footer. Any ideas? I've uploaded both png and jpeg files with transparent and non-transparent backgrounds and gone through the CSS to make sure there's no settings in there distorting the logo sizes.
I had this issue for months. Try embedding your logo into a Rich Text Module (and add any custom coding necessary) and use that in place of the Global Logo Module.
After several back-and-forths with customer support, it seems like, at least in our case, the Global Logo Module was what was causing the logo to render poorly. According to the support rep I worked with:
"As the logo modules are designed to be user friendly there is a bit of a tradeoff to writing the source code in a custom fashion."
I was able to come up with a workaround that might provide you with a better image quality. If you look at the 1 column template you will see that there is a rich text module above the logo. I edited the source code of the module to be the following:
I found a solution that works for me. Instead of uploading an image file, I added a new image and linked it to my logo url from my wordpress website. For whatever reason, the logo in the email is super crisp.
I followed the instructions on this page and it worked perfectly. I created individual artboards for each logo version (square, horizontal, etc.); also put the artwork on its own layer; used the artboard export tool as described in article; I tested as both a 1x output and a 150ppi.
