Apple Mail is often friendly to polished email design, but "passes Apple Mail" still needs a device name. A 640-pixel campaign can sit comfortably in Mail on a Mac or iPad and then stack, wrap, or enlarge on an iPhone. MailSlurp currently provides separate Apple Mail targets for macOS, a physical iPhone, and a physical iPad. On September 29, 2026, we rendered one controlled `.eml` in all three so the screenshots could be compared without changing the message between devices. ## Open the Apple target you need - [Apple Mail on macOS](/tools/free-email-render/?target=apple_mail_macos) for the desktop app. - [Mail on a physical iPhone](/tools/free-email-render/?target=ios_mail_physical_device) for the narrow iOS experience. - [Mail on a physical iPad](/tools/free-email-render/?target=ipados_mail_physical_device) for the wider tablet experience. If your audience includes Gmail or Outlook users on iPhones, those are different apps. Use [Gmail on iOS](/tools/free-email-render/?target=gmail_ios_physical_device) or [Outlook on iOS](/tools/free-email-render/?target=outlook_ios_physical_device) rather than treating the operating system as the whole test. ## Mac and iPad kept the desktop columns The test email had a 640-pixel container, a dark hero with a CSS background logo, two equal columns, a remote wordmark, and a rounded CTA. Apple Mail on macOS and iPadOS both kept the columns side by side in these captures. {{LANDING_SHORTCODE:ARTICLE_IMAGE_COMPARISON:%7B%22leftSrc%22%3A%22asset%3Ablog%2Fclient-render-comparison%2Fapple-mail-macos-fixture-a.png%22%2C%22leftAlt%22%3A%22Controlled%20email%20in%20Apple%20Mail%20on%20macOS%20with%20two%20desktop%20columns%2C%20background%20logo%2C%20wordmark%2C%20and%20rounded%20CTA%22%2C%22leftWidth%22%3A%221440%22%2C%22leftHeight%22%3A%22940%22%2C%22leftLabel%22%3A%22Apple%20Mail%20on%20macOS%22%2C%22rightSrc%22%3A%22asset%3Ablog%2Fclient-render-comparison%2Fipados-mail-fixture-a.png%22%2C%22rightAlt%22%3A%22The%20same%20controlled%20email%20in%20Mail%20on%20a%20physical%20iPad%20with%20two%20columns%20and%20the%20complete%20email%20visible%22%2C%22rightWidth%22%3A%221620%22%2C%22rightHeight%22%3A%222180%22%2C%22rightLabel%22%3A%22Mail%20on%20iPad%22%2C%22caption%22%3A%22Both%20wider%20Apple%20targets%20retained%20the%20two-column%20layout%2C%20remote%20images%2C%20and%20CTA%20treatment.%20Their%20app%20chrome%2C%20scale%2C%20and%20available%20reading%20area%20were%20still%20different.%22%7D}} The desktop result shows the full message comfortably within a wide reading pane. The iPad capture is taller and scales the content for the tablet, but there is still enough room for the intended desktop row. That is a pass for this fixture in these targets. It is not permission to skip the phone. ## iPhone Mail activated the narrow layout On the physical iPhone target, the media-query marker appeared and the two cells stacked. The hero heading wrapped, the CTA expanded across much of the content width, and the remote image stayed visible. {{LANDING_SHORTCODE:ARTICLE_IMAGE:%7B%22src%22%3A%22asset%3Ablog%2Fclient-render-comparison%2Fios-mail-fixture-a.png%22%2C%22alt%22%3A%22Controlled%20email%20in%20Mail%20on%20a%20physical%20iPhone%20with%20a%20wrapped%20hero%20heading%2C%20stacked%20columns%2C%20visible%20wordmark%2C%20and%20wide%20blue%20CTA%22%2C%22width%22%3A%22750%22%2C%22height%22%3A%222304%22%2C%22variant%22%3A%22portrait%22%2C%22caption%22%3A%22The%20iPhone%20result%20used%20the%20narrow-screen%20treatment%3A%20the%20columns%20stacked%20and%20the%20heading%20wrapped%2C%20while%20the%20image%20and%20primary%20action%20remained%20visible.%22%7D}} This screenshot also shows why source order matters. The left column appears before the right because that is how the table cells were written. If the desktop design depends on a visual arrangement that becomes confusing when stacked, fix the source order rather than relying on an editor preview. ## What to inspect on Apple Mail ### Typography and fallback fonts Check the longest heading, personalized names, prices, dates, and translated copy. A fallback font can use different metrics and create an extra line even when the rest of the design is intact. Leave enough height around text rather than treating the desktop wrap as fixed. ### High-density images Apple devices can make soft or undersized artwork obvious. Give the image deliberate display dimensions and sufficient source resolution, but do not send an unnecessarily huge file. Keep essential offer text as live HTML so it remains readable if images are unavailable. ### Background images and transparent artwork Confirm that text remains readable when the background image does not load. Test transparent logos against the actual light or dark surface. The fixture's background logo passed these Apple captures, but the same technique was absent in Outlook Classic, which is why a multi-client check still matters. ### Columns and reading order The iPad result may preserve a desktop row while the iPhone stacks it. Check the gap between stacked sections, the logical order, and whether a narrow paragraph becomes awkward. A two-column comparison should remain understandable as two consecutive blocks. ### Buttons and links Inspect label contrast, button fill, line wrapping, and the tap area. Then open the link from a controlled test message and verify the destination. A beautiful button pointing to the wrong environment is still a failed email. ### The full message height Scroll beyond the first phone screen. Footers, legal copy, unsubscribe links, and secondary actions can reveal overflow or spacing problems that the hero does not. ## Preview Apple Mail with the final delivered message 1. Choose macOS, iPhone, or iPad from the links above. 2. Paste HTML for a fast draft check, upload an `.eml`, or send to the temporary target address. 3. For a campaign, use the real ESP test-send action after all content and tracking are final. 4. Inspect the screenshot at full size and record the target. 5. If the issue is responsive, compare iPhone with iPad or Mac using the same message revision. 6. Make one focused change, resend, and keep the repaired result with approval. The [mobile email preview guide](/blog/mobile-email-preview/) provides a broader iPhone-and-Android sign-off process. The [email rendering QA checklist](/guides/email-rendering-qa-checklist/) helps a team keep revisions and client results together. ## A practical Apple Mail test set You do not need every target for every text-only notice. Choose tests from the risk in the message. For a visual campaign with responsive columns: - Apple Mail on macOS - iPhone Mail - iPad Mail when tablet customers are meaningful - the relevant Gmail or Outlook mobile app - at least one Outlook Windows target for B2B audiences For a password reset, magic link, or one-time code: - iPhone Mail for the narrow layout and tap action - macOS or iPad if those devices are common in the journey - the app where your customers actually read mail on iOS - an automated inbox test for code or link correctness Visual rendering confirms appearance. It does not replace a deterministic check that the correct recipient received the correct link or code. ## Record differences, not vague verdicts A useful note says: > iPhone Mail, campaign revision 6: the two offer cells stack in the intended order, the hero wraps to two lines, and the CTA remains fully visible. Mac and iPad retain the two-column row. That note tells the next reviewer what was expected. "Looks good on Apple" does not. Save the following with campaign approval: - target device and app - light or dark appearance when relevant - campaign or template revision - full delivered screenshot - any accepted difference, such as a wrapped heading - any repair and its rerender - the link or action check ## Frequently asked questions ### Is Apple Mail on iPhone the same as Gmail on iPhone? No. They are different mail applications. The operating system alone does not identify how the message was rendered. Test Mail, Gmail, and Outlook on iOS separately when those apps matter to your audience. ### Why did the iPad keep two columns while the iPhone stacked them? The iPad target had a wider reading area. The controlled fixture's narrow-screen rule activated on the phone but not on the tablet. Your breakpoint, container width, and app reading pane determine what happens in your own message. ### Do I need custom fonts for Apple Mail? Only when the font is worth the added complexity and the fallback is deliberate. The message should remain readable and on-brand enough when the custom face is unavailable. Test real copy, not only a short placeholder heading. ### Can I rely on a browser's responsive mode? Use it while designing, but approve the received email in the real mail target. The final MIME, ESP transformations, image loading, app chrome, font behavior, and mail-client rules are not reproduced by simply narrowing a browser window. ## Compare the Apple devices that change the decision Mac and iPad can make a wide campaign look settled. The iPhone tells you whether the reading order, wrapping, and tap action survive the smaller screen. Use all three when the design risk warrants it, and name the app whenever an iOS customer reports a problem. [Preview the email in Apple Mail on macOS](/tools/free-email-render/?target=apple_mail_macos), or go straight to the [physical iPhone Mail target](/tools/free-email-render/?target=ios_mail_physical_device).