Combine Images Into a Grid — Free Online Tool

Skip to content
MergeFrame
All guides

How-to Guide

Combine Images Into Grids for Newsletter Emails

Email newsletters and image grids are a perfect match: grids compress multiple visual stories into a single file that displays reliably across Gmail, Outlook, Apple Mail, and every client in between.

Try MergeFrame — Free

Email is the most reliable marketing channel — but it's also the most restrictive for layout. Complex HTML tables break in Outlook, responsive columns stack awkwardly in Gmail, and multi-image galleries require heavy code that triggers spam filters. A single grid image solves all of these problems: it displays perfectly in every email client, requires zero HTML structure, loads as one file (reducing server requests), and bypasses the image-alignment nightmares that plague newsletter builders. Newsletter creators use grids in three primary ways: product roundups (four affiliate products in a 2×2 grid with prices visible), article previews (three story thumbnails in a 1×3 strip linking to blog posts), screenshot tutorials (a 2×2 grid showing four key steps of a software workflow), and curated collections (a 3×3 mood board of inspiration images). The grid approach is particularly powerful for Substack writers who want visual richness without leaving the platform's simple editor — upload one grid image and it fills the content width perfectly. For Mailchimp and ConvertKit users, grid images eliminate the need for multi-column content blocks that render inconsistently on mobile. The optimal newsletter grid width is 600–700px (standard email content width), but export at 1200–1400px so the image remains sharp on Retina displays. Keep file size under 300KB by exporting at moderate resolution — email clients often block or delay large images. Use 4px spacing for clean separation and avoid thin borders that may disappear at small sizes. MergeFrame's local processing ensures that draft newsletter visuals containing embargoed information or unreleased products never leak through server uploads.

How to Do It — Step by Step

  1. 1

    Select newsletter visuals

    Product photos, article thumbnails, screenshots, or curated images that support your newsletter story.

  2. 2

    Open MergeFrame, set email width

    mergeframe.com. Export at 1200–1400px width for Retina email displays. Actual display width will be 600–700px.

  3. 3

    Choose layout for your content type

    2×2 for product roundups, 1×3 for article previews, 2×2 for tutorial steps, 3×3 for mood boards.

  4. 4

    Add clean spacing

    4px spacing creates visual separation without adding file size. Avoid thin borders that vanish at email sizes.

  5. 5

    Export, compress if needed, and embed

    Keep under 300KB for fast loading. Upload to your newsletter platform and insert as a single image.

Ready to merge your images?

100% browser-based. No account. No upload. Free.

Open MergeFrame →

Frequently Asked Questions

What's the best image width for email newsletters?

Display at 600–700px, but export at 1200–1400px for Retina sharpness. Email clients will downscale automatically.

Will grid images display correctly in Outlook?

Yes. A single PNG image displays reliably in every email client, including Outlook, which is notorious for breaking complex HTML layouts.

How do I keep newsletter image file sizes small?

Export at the resolution you need but avoid excessive dimensions. For photo grids, 1200–1400px width at 80% quality PNG usually stays under 300KB.

MergeFrame — Combine images into a grid. Free. No account. Browser-only.

Try MergeFrame Free →