CMS Development

Justin14
Participant

Blurry CTA's on mobile.

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 Réponses
jamiewalden
Membre

Blurry CTA's on mobile.

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 Votes
ojobson
Contributeur de premier rang

Blurry CTA's on mobile.

@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 Votes
ojobson
Contributeur de premier rang

Blurry CTA's on mobile.

Reg
Contributeur | Partenaire solutions Elite
Contributeur | Partenaire solutions Elite

Blurry CTA's on mobile.

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 Votes
Justin14
Participant

Blurry CTA's on mobile.

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 Votes
ojobson
Contributeur de premier rang

Blurry CTA's on mobile.

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.