Html Signature Is Resizing Only Some Images In Outlook

I made an email signature in HTML that seems to follow most guidelines (tables, inline styles, etc.) and it looks pretty decent on most clients. However, it must look weird on Outl

Solution 1:

It seems that Outlook (and possibly other applications) ignore the height and width properties when you add the px unit to the value. The spec is not 100% clear on this, however, by default integer values are considered pixels and you can add a % suffix for a percentage value.

According to the spec, the value must be a non-negative integer and does not mention a requirement to add the px suffix:

The width and height attributes on img, iframe, embed, object, video, and, when their type attribute is in the Image Button state, input elements may be specified to give the dimensions of the visual content of the element (the width and height respectively, relative to the nominal direction of the output medium), in CSS pixels. The attributes, if specified, must have values that are valid non-negative integers.

Further reading:

• How to specify image size in pixels

• W3 HTML Dimension Attributes Spec

---

To conclude, the valid code should be:

<imgsrc="url"width="7"height="15">

Solution 2:

I was the same problem sending HTML templates to Outlook and Gmail in a responsive mode. There gonna be always problems with this components of CSS and how to Outlook will read your styles. So, at this point, you can save too al your styles at the top of your HTML code and then inherit in your tags. Then, you can visit this page:

http://templates.mailchimp.com/resources/inline-css/

This page was saved me and helped me for this problem, because all your code are gonna be in Iliner mode but too you will have at the same time your styles code in the top of your HTML code for Google. Outlook does'nt read always as a far as I know, styles within HTML tags. Greetings.