Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Email Trends: Styled Alt Tags

1,047 views

Published on

Styled Alt Tags let you add a little pizzazz to emails when the images are blocked. The slide set includes a chart that shows how styled alt tags appear in the various browsers and email clients.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Email Trends: Styled Alt Tags

  1. 1. Email Trends:Styled Alt Tags
  2. 2. What are Styled Alt Tags? Alt Tag without style attributes Alt Tag with style attributesStyled Alt Tags are Alt Tags that contain in-line style information for an image. Whenthe image doesn’t appear, the alt text appears in the font, size, and color that you havechosen.
  3. 3. Advantages of Styled Alt Tags Gives a mailing visual appeal when images are blocked. Can be used to create contrast with cell background.
  4. 4. Disadvantages of Styled Alt Tags May cause alt tag text to disappear. Takes a little longer to create. Does not work in all browsers or email clients. Can be difficult to enter correctly.
  5. 5. Basic Format<img style="color:rgb(133, 10, 238);font-family:Georgia; font-size:60px;" alt="30%SALE, Today only!"src="image.jpg"width="300"height="323">Here is the basic format for a styled alt tag. Hex values may also be used (in thisexample: #850aee).
  6. 6. Using Styled alt tags to create contrast<img style="color:rgb(255, 255, 255);font-family:Georgia; font-size:60px;" alt="30%SALE, Today only!"src="image.jpg"width="300"height="323">You can also use styled alt tags to make alt information visible in cells with a darkbackground color.
  7. 7. Length is an issueIn some browsers and on some platforms (such as the iPhone), if the text needs towrap, it will not appear.
  8. 8. Every browser and client is different. Gmail (Firefox) Live Mail Outlook.com
  9. 9. ResourcesGoolara Bloghttp://blog.goolara.com/2013/01/24/the-finer-points-of-styled-alt-tags/ Includes a more detailed explanation of the information in this presentation.Using Text and Graphicshttp://goolara.com/Resources/Download.aspx?fileName=Goolaras_TextAndImages_whitepaper.pdf Goolara’s White Paper on using text and graphics in email.W3School’s Tutorialhttp://www.w3schools.com/html/html_css.asp A basic primer on using inline styles.
  10. 10. About GoolaraGoolara, LLC is the maker of Symphonie—powerful email marketing software with theadvanced features a professional marketer needs, but without the hassle of othersystems. For a demonstration, call 1-888-362-4575 toll free, or visithttp://goolara.com/RequestDemo.aspx and request a demo.

×