Blurry CTA's on mobile.

[Justin14]

I can't for the life of me figure out how to solve this issue - our CTA buttons are super pixelated when viewed on mobile devices. It's not even just an issue of mac Retina displays. There doesn't seem to be any workaroud that fixes this problem. It's very confusing that the button saves as an image instead of as code.

Am I doing something wrong here?

[Reg]

Hi Justin,

Could you provide a link to your CTAs that are becoming blury on a page so I can take a look?

Cheers,

Reg

[Justin14]

Hi Reg,

These are CTA's that are in emails that we send. So they look super blurry in the email body. Does that make a difference?

[ojobson]

I think this is because Hubspot creates the CTA text as an image file, which is of a low-resolution. As you describe - next to email body text, which a device with a high-density pixel screen will render with pin-sharp accuracy, the CTAs look aweful.

[ojobson]

Vote here to change this annoying defficiency:  https://community.hubspot.com/t5/HubSpot-Ideas/CTA-retina-display-support/idi-p/17881

[jamiewalden]

You can add the noresize parameter to the image source URL to fix this. Here are the instructions: https://blog.hubspot.com/customers/how-to-add-high-resolution-images-to-your-email-hubspot-support-s...

Basically change this: <img src="https://www.yoursite.com/file-name.jpg" /> 

to this: <img src="https://www.yoursite.com/file-name.jpg?noresize" />

Hope that helps.

[ojobson]

@jamiewalden Unfortunately, whilst that does work for jmages on site, it doesn’t work for emails or when using a text only CTA. The majority of our CTAs... 😞