To display properly, all BenchmarkONE images should be placed within an Image Block inside the drag-and-drop editor. While our templates are 600px wide, simply uploading a 600px image can sometimes result in a "blurry" look on modern smartphones and high-resolution (Retina) screens.
The Golden Rule: The 2x Resolution
To ensure your images stay sharp on high-definition displays, we recommend uploading your images at twice the width of the space they will occupy. The email client will then scale the image down, resulting in a much crisper appearance.
Recommended Widths for High-Resolution Rendering:
Large Headers (full width 600px): Upload images at 1200px wide.
2-Columns (300px): Upload images at 600px wide.
3-Columns (200px): Upload images at 400px wide.
Accepted File Types
JPG (JPEG): Best for photographs. Offers the best balance of quality and small file size.
PNG: Best for logos, icons, or images requiring transparency.
GIF: Used for simple animations.
💡 Tip: Keep image file sizes under 1MB. If an image is too large (like a raw 1500px+ photo in a tiny 200px column), the email client may struggle to scale it, causing it to look jagged or blurry.
Common Image Issues
Blurry Images: This usually means the image resolution is too low for the display. Follow the "2x Rule" above.
Images in Text Blocks: Images placed inside text blocks are not mobile-responsive and do not allow for proper padding or text wrapping. Always use dedicated Image Blocks for a clean, professional look.
Rotating Photos: If an image appears sideways, it was likely uploaded directly from a mobile device. To fix this, open the image in an editor on your computer (rotate it correctly, if needed) and "Save As" a new file type before uploading.
Image Clipping: If your email is too "heavy" (too many large images), Gmail may "clip" the bottom of your email. Resizing your images to the recommended specs helps prevent this.
Recommended Free Editors
Use these tools to crop, resize, or compress your images before uploading:
Canva: Great for cropping images to specific dimensions and adding design elements.
Squoosh.app: An easy Google tool to resize and compress images quickly.
ILoveIMG: Perfect for bulk-resizing multiple images at once.
Windows Photos / Apple Preview: The built-in tools on your PC or Mac are excellent for quick pixel-width adjustments.