[vc_row nt_foevis_container_display=”true” css=”.vc_custom_1516374419689{padding-top: 160px !important;}”][vc_column][vc_column_text]
Full Width Background Images in Templates
Click Here to download a Quick Reference PDF
Full width background images can now be used with 75%+ client support. Primarily a desktop feature, but also supported on Tablets and Extra Large phones. Background images should not contain key features of the design or information; this image will be ancillary to the main content of the email and should only serve as a design feature.
Fallback
The fallback for this feature is our standard single color background found in our current emails (Please see note in Best Practices regarding usage of colors).[/vc_column_text][/vc_column][/vc_row][vc_row nt_foevis_container_display=”true” gap=”20″][vc_column][vc_column_text]
Live Example
[iframe src=”https://www.autoloop.us/DMS/public/ViewCampaign.aspx?savedcampaignid=c183a5f2-826b-42f8-ace5-adbb9ecc7e1f&companyid=5782&Customer=true¬ificationid=22fcd676-a93f-4b81-a0ce-4f2ef70318af” width=”100%” height=”800″]
View Full Live Example – Click Here
[/vc_column_text][/vc_column][/vc_row][vc_row nt_foevis_container_display=”true” css=”.vc_custom_1512060053425{padding-top: 60px !important;}”][vc_column][vc_column_text]
Best Practices
- The best types of image for this feature are patterns or large imagery without a primary focal point.
- Image size needs to be LARGE – Image weight needs to be LIGHT
- Suggested background image size is 1920×2200
- Image must be optimized – image weight can be no more than 300kb
- Image format should be .JPG or .PNG
- Image must fade to a solid color, or include a natural break to a solid color – The solid color the image fades to must be the fallback color for the email background.
- Keep in mind the center of your image will be fully covered by the Email container
[/vc_column_text][/vc_column][/vc_row][vc_row nt_foevis_container_display=”true” css=”.vc_custom_1512065846762{padding-top: 60px !important;padding-bottom: 80px !important;}”][vc_column width=”1/2″][vc_column_text]
Supported Clients
- Outlook – All Versions
- iPhone – Not likely visible because our emails are already full width on mobile.
- iPad
- Gmail – All Desktop Versions
- AOL
- Yahoo
- Office 365
- Hotmail
[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]
Fallback Clients
- Smaller Mobile Devices as viewport crops background images
[/vc_column_text][/vc_column][/vc_row]