When we create a signature thru html code (with hubspot email generator) or plain with our own image, that we set to a 125px width, it is being displayed correctly in Gmail, Outlook etc. Here is an example what we did in Hubspot and how it turned out in for example Outlook:
Outlook on a Mac:
So far so good.
Now the thing is, that in Apple Mail (which unfortunately many of our clients use) the image is always as big as the window is. So it looks like this:
When I use a Signature in for example Gmail and send it to Apple Mail, the image is not broken. So its only happening when we use a signature from Hubspot. Again, it occures in both HTML Code and Plain. Eventho the HTML Code said Max-width of the image 128px. Not working.
This is how an html code from the Hubspot generator looks like for our clients then.
Can anyone help? Because we really want to send out emails from Hubspot as well.
first things first. works like a charm on apple mail now.
To be fair I must admit i tried some changes in the width, like 10% or sth for the TR or TD just to see if any of those would work (i am absolutely newbie in html, css and that stuff). So the 10% can com from my side tho. But the original code didnt work as well. I can still generate it again if you want.
Can you tell me just shortly what you changed to the original one?
Attached the signature in apple mail 🙂
But if this happens for me, that can happen for everyone in Hubspot more or less, right? Should we consider it a bug and report it?
changed the width of tr to a fixed width(in this case the width of your image)
added a html-width element since "style"-tags can get cut in clients(GMail is very sensitive in this case)
added a fixed width to the td-element. Again - the same width of your image
changed the max-width of the image in the <img>-tag. One px is not much and should make a difference but you never know 😁
This is definitely not a HubSpot bug. It's a eMail client thing since every client is completly different. For instance: Outlook Online is different than Outlook Windows App, different than Outlook on iOS, different than you get the point. Also it's a lot of fun (not) to optimize email components to every Outlook version. Outlook 12 is different than Outlook 16... Every version has it's own quirks. But the award for the best (not) client goes to Gmail. It will rewrite every line of your email to it's logic. You can invest sleepless nights/weeks to optimize for GMail by hand.
If you want to go a customized way you should create "static" e-Mail templates with just HubSpot modules like rich-text, images and such things instead of static text. A great tool for static responsive emails is is mjml.io. But you will need a bit of code knowledge (there's a great docu for mjml).
As I'm working for Thought Leader Systems, a HubSpot partner - I'm can't work on private HubSpot projects. But if it's something (web)design or other CMS related(the big "W") I can do stuff.