Blurry CTA's on mobile.

Occasional Contributor

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?

6 Replies 6
Regular Contributor | Diamond Partner
Regular Contributor | Diamond Partner

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

Reg Desgroseilliers
www.rdcoding.com
Reply
0 Upvotes
Occasional Contributor

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?

Reply
0 Upvotes
Top Contributor

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.

Top Contributor
Occasional Contributor

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.

Reply
0 Upvotes
Top Contributor
@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... 😞
Reply
0 Upvotes