Including the spacing in your images
In this example we’re using a table row with an empty 20 pixel height cell in it to add spacing between two images that are stacked vertically.
While this can be a great method to quickly add some extra spacing around images without needing to dive into inline styling and modifying your CSS, it does have the drawback of adding a fair amount of code bloat.
Doing this in more than one or two places throughout your email could lead to inflated file sizes and it’s important to remember that your email file size does matter.
How to fix spacing issues with Gmail and Outlook
Including an HTML doctype in your email code is crucial for achieving consistent rendering across various email clients. However, as USA Business Fax List with many aspects of email code, it can sometimes lead to unexpected side effects.
One particular side effect that arises from including the HTML5 doctype in your email is the introduction of extra space below images when viewed in Gmail and Outlook.com. This issue can significantly impact the experience of your subscribers, especially if your design involves spliced images.
Struggling with extra space under your images in Gmail and Outlook? Don’t worry, the fixes below will help you eliminate those pesky spaces.
Add style=”display: block” to your image
This is the most popular fix for the extra space below images in Gmail and Outlook. Simply add the code from below to your images and it’ll most likely remove the extra spacing.
Spacing issues or not – Don’t forget to test before you send
Whether you’re implementing one of our methods for adjusting the spacing and padding around your images or using our fixes for extra space appearing in Gmail and Outlook.com, it’s imperative that you test every email, every time.
By conducting thorough testing after modifying spacing in your email code, you can catch any potential issues, optimize the visual presentation, and deliver a consistent and engaging experience to your email recipients across various email clients and devices.
With Email on Acid by Synch, you can preview your design on more than 100 clients and devices, so you know how your email will look before it hits the inbox.
DO MORE IN LESS TIME WITH EMAIL ON ACID
Stop switching back and forth between platforms during pre-deployment and QA. With Email on Acid you can find Aero Leads and fix problems all in one place. Double check everything from content to accessibility and deliverability. Plus, with accurate Email Previews on more than 100 of the most popular clients and devices, you can confidently deliver email perfection every time.
