![]() Choose wisely between JPG’s, GIF’s, and maybe PNG’s. This will make your logo look crystal clear on both desktops and mobile devices and help your organization look more professional.ĭo not use SVG’s or WebP in an html email signature. Because of this I highly recommend that you save your image at double the size and then set the width and height attributes of the image to keep it to the size you want it to be seen at. This is because that mobile devices screen is typically a retina (or high dpi) screen with MUCH more than 300 pixels across, so it is blowing up your image to 150% - 200% of your image, which causes visible pixelation. If you put a 300px image into your email signature and view it on a mobile device, it will end up looking fuzzy. The main thing to think about today is the quality of the image you are adding. As such the image size will depend greatly on your image signature and it’s design. If its a logo then it may be long, or square, or tall. It obviously depends on the kind of image you are including. The question is always: what size should those images be? Give me a standard! Unfortunately, there is no such standard to quote here, but I can tell you what I found from my years of experience. Including a logo or a photo in your email signature has been common practice for a long time. We recommend a logo take up 150px - 300px of width, but be saved at 2x the resolution so 300px - 600px. Especially with the prevalence of mobile email, this seems wise. In general, I would recommend keeping your signature smaller so that it appears nicely on both desktop and mobile devices. So in today’s world there isn’t always a clear answer for which to go with. This is partially good because it means that the signature may not appear broken, but it can also be bad because elements within the signature can become too tiny to read or be useful. Many mobile email clients will scale email signatures down to their screen size. These devices are typically held in portrait mode and tend to render emails at around 400 pixels, but the actual width can vary greatly. Mobile: According to Litmus, 42% of email opens are now on a mobile device.Because of this, many people choose the safe route of sticking to 600. It could be around 600 pixels or it could be thousands. This means you have no idea how much room will actually be left to view your email. They can expand and shrink their windows at will. Big Monitors: Today’s desktops come in many sizes, and people don’t keep their windows full screen anymore. ![]() This standard is still an important one today, but it is not as simple as it used to be for a few reasons: This left about 600 pixels with a little bit of margin on each side. This was during a time when you could basically guarantee that every screen was about 1024 pixels wide, and the email clients that everyone was using had some kind of sidebar that took up about 1/3 of the screen. You could use an email signature width of up to 600 pixels, but if possible I would recommend something below 320 pixels wide.įor a long time the standard width for developing any kind of html email was 600px.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |