CMS Development

Rachel-Marvel
Contributor

Images in footer are adopting a jagged border - why?

SOLVE

Screen Shot 2018-08-21 at 12.53.05.png

 

Here is the code snippet: 

<img src="https://resources.marvelapp.com/hubfs/email-images/xxx"/>

You can see that the github icon works correctly - anybody any idea why this is happening?

0 Upvotes
1 Accepted solution
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Images in footer are adopting a jagged border - why?

SOLVE

@Rachel-Marvel - I'm not exactly sure why the images are being downsampled so much but, if there's any way you can edit the image url and change width=30 to width=50, that should fix it

https://resources.marvelapp.com/hs-fs/hubfs/email-images/Marvel_Social_Linkedin.png?t=1534850535236&width=50&name=Marvel_Social_Linkedin.png

If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

View solution in original post

6 Replies 6
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Images in footer are adopting a jagged border - why?

SOLVE

@Rachel-Marvel - can you give us a preview link to the page?

0 Upvotes
Rachel-Marvel
Contributor

Images in footer are adopting a jagged border - why?

SOLVE

yep sure thing, thanks! @tjoyce


0 Upvotes
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Images in footer are adopting a jagged border - why?

SOLVE

@Rachel-Marvel - we can't see that page because we would need access to that portal. Can you create a email page based off of that template and send us the preview link to the landing page, please? 😄

0 Upvotes
Rachel-Marvel
Contributor

Images in footer are adopting a jagged border - why?

SOLVE
tjoyce
Solution
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

Images in footer are adopting a jagged border - why?

SOLVE

@Rachel-Marvel - I'm not exactly sure why the images are being downsampled so much but, if there's any way you can edit the image url and change width=30 to width=50, that should fix it

https://resources.marvelapp.com/hs-fs/hubfs/email-images/Marvel_Social_Linkedin.png?t=1534850535236&width=50&name=Marvel_Social_Linkedin.png

If this answer helped, please, mark as solved 😄


tim@belch.io | forms.belch.io | Design your own Beautiful HubSpot Forms; No coding necessary.

 

Drop by and say Hi to me on slack.

Rachel-Marvel
Contributor

Images in footer are adopting a jagged border - why?

SOLVE

Thank you - this didn't work for me initially but git pointed me in the right direction. The images were degrading because tehy were the wrong size and were being resized. 

Thank you!