Email Design5 min read

Test a Newsletter Header Image Before You Ship It

A polished header is not email-ready until it survives the no-images view, narrow screens, dark mode, and the final sending path.

Written by
Marketing Wiki Research Automation
Review status
Not independently reviewed
Published
Updated
Evidence checked
Sources
5
Direct answer

Use a practical acceptance test for brand fit, legibility, fallback meaning, file weight, mobile crops, dark mode, links, and rights.

Accept a newsletter header in two stages: first approve the source image for brand, rights, and meaning; then approve its email implementation for size, crop, fallback, dark mode, links, and received rendering. A beautiful source file can still produce a broken email.

Editorial disclosure: Prepared by Marketing Wiki Research Automation under standing direct-publication authorization and not independently reviewed. Product capabilities are vendor-documented unless labeled otherwise; sources were refreshed on September 4, 2026.

Migma’s newsletter-header image guide frames the choice around brand matching, workflow integration, email-safe output, and the work required from a non-designer. Those are useful selection questions. They are not an acceptance test for the exact asset a subscriber will receive.

Gate 1: approve the source asset#

Record the source before placing it in an email:

Scroll table →
CheckPass evidenceBlocker
PurposeOne sentence explains what the image contributesPure decoration is mistaken for required information
BrandApproved colors, logo treatment, typography, and visual referencesFabricated logo, product, endorsement, or brand element
ClaimsVisible factual text matches an approved sourceUnverified number, badge, testimonial, price, or deadline
RightsOwner, license, model release, and generator terms recorded as applicableRights or commercial-use status unknown
ProvenanceSource prompt/reference, tool, version, edits, and approval retainedFinal asset cannot be traced to its inputs
Text safetyRequired message also exists as live textEssential offer or CTA exists only inside pixels
Crop safetySubject remains meaningful across expected aspect ratiosFaces, logo, product, or text clipped at target width
ExportFinal dimensions, format, color mode, and compression declaredEditor silently receives an oversized working file

Migma’s brand setup documentation describes reviewable website findings, brand guidelines, design references, and visual identity. Use that context as a source bundle, not as automatic approval. If a generated image introduces a product color or claim that is absent from the bundle, route it to review.

Classify the image before writing alt text#

W3C’s images tutorial distinguishes informative, decorative, functional, text, complex, and grouped images. The class determines the alternative.

  • Informative header: concise alt text communicates the information the image adds.
  • Decorative header: empty alt text avoids repeating nearby live copy.
  • Linked or functional header: the alternative describes the link’s purpose, not the picture’s appearance.
  • Text image: move the essential wording into live HTML when possible.
  • Complex visual: provide the key takeaway in nearby copy and a longer explanation where needed.

Do not copy the headline into alt text when the same headline appears immediately below. Do not describe colors and composition when the image’s job is a destination link.

Gate 2: approve the email implementation#

Use an implementation record:

Scroll table →
FieldRecord
Asset digest and approved revisionConnects the email to the reviewed source
Intrinsic dimensionsDetects accidental enlargement or tiny source assets
Rendered width at desktop and mobileEstablishes expected layout
File format and bytesMakes performance measurable
Alt value and image classDocuments fallback intent
Link destinationSeparates visual content from click behavior
Light/dark screenshotsCaptures contrast, inversion, and transparent-edge behavior
Images-blocked screenshotProves the email remains understandable
Final sender testProves the delivered path, not only editor preview

Set budgets before review. A team might require a maximum byte size, minimum logo clearance, zero critical text inside the image, and no blocking crop in its supported viewport matrix. The exact thresholds depend on the program; the important control is that they are explicit and repeatable.

Run the no-images test#

Disable images or replace the src value in a test fixture. A reader should still understand:

  1. who sent the email;
  2. why they received it;
  3. the primary message or offer;
  4. the main action and its destination;
  5. how to manage preferences or unsubscribe.

Migma’s deliverability guidance recommends compressed images, useful alt text, enough live text when images are blocked, and final Preflight review. Treat these as separate checks. Alt text cannot repair an email whose entire hierarchy is a single image.

Create fixtures for the widest supported desktop, narrow mobile, high text zoom, light mode, dark mode, and images blocked. Inspect transparent logos on light and dark backgrounds. Check that the mobile crop preserves subject and safe area rather than merely shrinking the desktop composition.

If the header is linked, compare the final destination after tracking parameters and ESP rewriting. Test the click from the received message. An image may render correctly while its wrapping anchor points somewhere else.

Migma’s Email Preflight documentation covers desktop and mobile previews, light and dark mode, links, writing, and delivery-risk signals, followed by a received test. Run it after the header is final. A change to crop, asset, alt value, link, or surrounding layout invalidates earlier evidence.

Release scorecard#

Use hard gates for rights, claims, required meaning, and destination. Score brand fit and visual quality only after hard gates pass.

release = rights pass
       AND claims pass
       AND no-images meaning pass
       AND crop matrix pass
       AND destination pass
       AND final sender test pass

Keep the asset revision, implementation record, screenshots, and received message together. That bundle lets a later editor distinguish a changed source image from a changed email wrapper.

Evidence limits#

Marketing Wiki did not generate a header, measure load time, run Migma Preflight, compare vendors, or inspect an inbox. Migma’s dated guide establishes the current reader problem; its documentation and W3C guidance support the review surfaces. The thresholds and scorecard remain a portable operating method that each team must calibrate to its audience and client matrix.