Blurry CTA's on mobile.

Justin14
Participant

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
Reg
Participant | Platinum Partner
Participant | Platinum 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
0 Upvotes
Justin14
Participant

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?

0 Upvotes
ojobson
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.

ojobson
Top Contributor
jamiewalden
Member

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.

0 Upvotes
ojobson
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... 😞
0 Upvotes