When using HTML attributes, opposed to styles, you don't include the "px".īecause different email clients interpret HTML differently the code appears redundant but in our experience it's all necessary to make your logo display properly across multiple platforms. Also notice we did NOT put "px" after the last 200. Note: Do NOT specify the height, it should scale automatically. Step 4: Using some simple code tell the email clients at what size to display your logo.Step 3: Place your logo file online so you can link to it.This will allow for a higher pixel density on Retina screens. For example, if you want your logo to display at 200 pixels wide x 50 pixels high, then save it out at 400 pixels wide x 100 pixels high. Step 2: Save your logo as a JPG or PNG at twice the size you want it displayed.Step 1: Determine the size you want your logo to appear in your email. ![]() One thing to note is that this solution requires you to be using an email client that allows you to insert HTML code into your email signature. Hopefully this benefits the well being of everyone else who's currently pulling their hair out over this seemingly minute detail. ![]() Since we couldn't find this solution anywhere else on the internet we decided to post it ourselves. After some research, trial and error and then more research we finally discovered a solution that works. What might be considered a simple task like placing your logo in your email signature becomes a bit trickier when you realize it appears pixelated and blurry on Retina screens. Making a logo in your email signature look crisp on Retina screens and across all email clients should be simple, right? Not so much.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |