Gmail Clipping at 102KB: Why It Happens & How to Fix It
Gmail clipping happens when email HTML becomes too large, often around 102KB on desktop. See what counts, reduce size, and prevent clipping before sending.

Md. Yaikub Hossain Razon
Gmail clipping happens when an email’s HTML becomes too large, a threshold widely documented at around 102KB on desktop Gmail. When that happens, Gmail hides the remaining content behind a “[Message clipped] View entire message” link, so the practical fix is to reduce the delivered HTML size and test again.
One important detail is often missed: Google does not publish an official 102KB clipping threshold in Gmail Help. The ~102KB figure comes from long-standing industry documentation and observation, so it should be treated as a practical working limit rather than an official Google specification. Palisade’s 2026 review makes the same distinction.
This guide is for email marketers, developers, designers, and teams troubleshooting large HTML campaigns. It explains what contributes to clipping, how to measure HTML correctly, how to reduce email size, and how to verify the final message before launch.
What Is Gmail Clipping?
Gmail clipping is when Gmail displays only part of an email and places the remaining content behind a “View entire message” link. The full message is still present, but the recipient must take an extra step to see the hidden portion.
Gmail commonly displays:
[Message clipped] View entire message
Google’s Gmail Community distinguishes clipped messages from ordinary trimmed conversation content. A clipped message uses the explicit “[Message clipped] View entire message” notice.
This is different from Gmail hiding quoted replies behind an ellipsis.
With Gmail clipping, part of the email itself is no longer visible in the normal inbox view.
That can affect:
-
Long newsletters
-
Ecommerce campaigns
-
Product digests
-
Content-heavy updates
-
Emails with large amounts of generated markup
-
Emails with many repeated modules
-
Messages with heavily tracked URLs
The issue is mainly about HTML size.
It is not the same as an attachment-size limit.
Why Does Gmail Clip Around 102KB?
Gmail is widely documented to clip desktop email HTML at around 102KB, but Google does not publish that number as an official Gmail limit. Treat 102KB as a reliable working benchmark and keep a safety margin rather than building a message that sits exactly on the edge.
Palisade’s 2026 fact-check notes that Google Gmail Help does not publish an exact clipping threshold, while multiple email-industry sources document approximately 102KB.
Samuel Chenard, CEO and co-founder of Palisade, describes 102KB as “a reliable working number, not an official one.”
That is the safest way to describe the Gmail 102KB limit.
Avoid wording such as:
“Google officially limits email HTML to exactly 102KB.”
Use:
“Gmail is widely documented to clip email HTML at around 102KB on desktop.”
That wording is both useful and accurate.
What Counts Toward 102KB?
The practical Gmail clipping calculation focuses on the HTML source Gmail receives, including text, markup, CSS, URLs, comments, and embedded data. The more code carried inside the HTML part, the closer the message moves toward the clipping range.
Use this table as a quick guide:
|
Email Component |
Adds to HTML Size? |
Notes |
|
HTML tags |
Yes |
Tables, divs, spans, links, attributes |
|
Email text |
Yes |
Headlines, paragraphs, footer text |
|
Inline CSS |
Yes |
style="" attributes are part of HTML |
|
<style> CSS |
Yes |
CSS inside the document adds bytes |
|
Long URLs |
Yes |
Full destination and tracking URLs count |
|
HTML comments |
Yes |
Ordinary comments remain part of source |
|
Whitespace |
Yes |
Spaces and line breaks occupy bytes |
|
Hidden preheader markup |
Yes |
Still part of the HTML |
|
Tracking markup |
Yes |
Pixels, URLs, wrappers, identifiers |
|
Base64 image data |
Yes |
Embedded directly inside HTML |
|
External image URL |
Yes |
The URL and <img> markup count |
|
External image file bytes |
Usually no |
The remote JPG/PNG/WebP is fetched separately |
|
Attachment file bytes |
Not part of HTML size |
Separate from the rendered HTML body |
This distinction explains why a visually simple email can still become large.
For example, an email may contain:
-
dozens of nested tables
-
repeated inline styles
-
very long tracking URLs
-
duplicated hidden content
-
generated wrapper markup
and exceed a practical size budget without containing many visible words.
Do Images Count?
Externally hosted image files usually do not count toward the HTML clipping size, but the HTML used to reference them does. The <img> element, URL, attributes, inline styles, and any embedded data all become part of the source.
For example:
<img
src="https://example.com/images/product.jpg"
width="600"
alt="New product collection"
style="display:block;width:100%;height:auto;"
>
The remote image file may be hundreds of kilobytes.
That file is loaded separately.
However, everything written inside the HTML above contributes to the message source.
Base64 Is Different
A base64 image can look like:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...">
That long encoded string sits directly inside the HTML.
It can add a large amount of data to the message source.
So for Gmail clipping prevention:
Hosted images are usually better than embedding large image data directly into HTML.
Palisade’s current clipping review also notes that external image file size is not the same as HTML code size.
Why Gmail Clipping Matters
Gmail clipping can hide important parts of the campaign, including CTAs, footer content, tracking pixels, product sections, and supporting information. The email still arrives, but the recipient may not see the full intended experience without opening the clipped version.
Potential effects include:
-
Final CTA hidden
-
Footer hidden
-
Social links hidden
-
Product rows hidden
-
Offer terms hidden
-
Support information hidden
-
Open-tracking pixel hidden
-
Recipient required to click “View entire message”
If the open-tracking pixel sits below the clipping point, some email platforms report that the open may not be recorded normally.
Clipping can also weaken the visual flow.
Imagine a message structured like:
Hero → Benefits → Products → CTA → Footer
If Gmail clips after the products, the reader may never see the intended CTA in the normal inbox view.
That is why clipping should be treated as a production issue rather than only a cosmetic issue.
Is Gmail Clipping a Spam Issue?
Gmail clipping is primarily a message-size and rendering behavior, not the same thing as a spam-filter decision. A message can be fully authenticated, reach the inbox, and still be clipped because its HTML source is large.
Do not confuse clipping with:
-
SPF failure
-
DKIM failure
-
DMARC failure
-
Spam-folder placement
-
Blocklisting
-
Attachment limits
Those issues have different causes.
Your Gmail clipping fix should focus on reducing and testing HTML size.
MailEditor already discusses large email code in its broader deliverability content, but this guide stays focused on clipping itself to avoid cannibalizing those topics.
How to Check Your Email HTML Size
Measure the HTML in bytes, not only characters. UTF-8 characters can occupy different numbers of bytes, so a character counter is useful for editing but does not always equal the final encoded size.
The Web Platform TextEncoder API converts a JavaScript string to UTF-8 bytes. MDN documents that TextEncoder.encode() returns a byte array containing the UTF-8 representation of the input.
You can measure pasted HTML with:
const html = `YOUR HTML HERE`;
const bytes = new TextEncoder().encode(html).length;
const kilobytes = bytes / 1024;
console.log(`${kilobytes.toFixed(2)} KB`);
For example:
const html = document.documentElement.outerHTML;
const bytes = new TextEncoder().encode(html).length;
const kb = bytes / 1024;
console.log(`HTML size: ${kb.toFixed(2)} KB`);
This gives you the UTF-8 size of the string being measured.
The WHATWG Encoding Standard defines TextEncoder as a UTF-8 encoder.
Important Limitation
This measurement only reflects the HTML you provide.
Your ESP may later add:
-
Tracking parameters
-
Wrapper markup
-
Personalization
-
IDs
-
Footer content
-
Tracking pixels
So you should check the final delivered source too.
A Practical Size Budget
Because ~102KB is a working benchmark rather than an official Google limit, avoid targeting 101KB.
A useful internal QA framework could be:
|
HTML Size |
MailEditor QA Status |
|
Under 80KB |
Comfortable |
|
80–95KB |
Review Size |
|
95–102KB |
Close to Clipping Range |
|
102KB+ |
High Clipping Risk |
These ranges are MailEditor QA guidance, not official Gmail thresholds.
They provide room for:
-
ESP transformations
-
Personalized content
-
Tracking URLs
-
Last-minute edits
The safer goal is not:
“How close can we get to 102KB?”
The better goal is:
“How much unnecessary HTML can we avoid?”
Exported HTML vs Delivered HTML
The HTML you export from an email editor may not be the same HTML Gmail finally receives. Sending platforms can rewrite links, insert tracking, process variables, add wrappers, or append required footer content.
This difference is one of the most important Gmail clipping checks.
Suppose your exported file is:
88 KB
Your ESP may then add:
-
link tracking
-
campaign parameters
-
personalization attributes
-
analytics markup
-
unsubscribe markup
-
additional IDs
The final delivered message may be larger.
That means you need two measurements.
Measurement 1: Exported HTML
Check the file before upload.
Measurement 2: Delivered HTML
Send the campaign through the real ESP.
Then inspect the final message source.
Your final Gmail clipping risk depends more on the delivered version than the original editor file.
How to Check Delivered HTML
Send a real test through the platform that will deliver the campaign, then inspect the message source. This lets you review the actual code after tracking, personalization, and ESP processing.
A practical workflow is:
-
Export the final email.
-
Import or sync it with the sending platform.
-
Use a unique test subject.
-
Send the email to a Gmail inbox you control.
-
Open the delivered email.
-
Inspect the original message or source.
-
Locate the HTML body.
-
Measure the final HTML.
-
Compare it with the exported version.
You can use the MailEditor Email Test to send HTML tests during your QA workflow.
The purpose is not only to see the design.
You also want to know what changed between editing and delivery.
How to Reduce HTML Email Size
To prevent Gmail clipping, remove HTML that does not contribute to the final email experience while preserving the code needed for rendering and compatibility. The goal is cleaner markup, not aggressive optimization that removes important email-specific fallbacks.
Use these eight methods.
1. Remove Copied Formatting
Pasting content from word processors, websites, or rich-text tools can add unnecessary spans, classes, styles, and attributes. Clean pasted content before it becomes part of the final email.
A simple paragraph may become:
<p>
Summer collection available now.
</p>
But copied rich text may contain:
<p class="MsoNormal">
<span
style="
font-family:Arial;
font-size:16px;
font-weight:400;
color:#111111;
"
>
Summer collection available now.
</span>
</p>
One block may not matter much.
Repeat that hundreds of times and the source grows.
Clean formatting at the content stage.
2. Delete Unused HTML
Remove blocks, classes, styles, attributes, or modules that no longer appear in the finished email. Deleted visual content should not leave large amounts of hidden or unused source behind.
Look for:
-
Old product blocks
-
Unused navigation
-
Hidden experiments
-
Duplicate sections
-
Abandoned A/B versions
-
Empty cells
-
Empty wrappers
-
Unused CSS classes
Do not remove compatibility code simply because it is not visible.
First confirm what the code does.
3. Reduce Unnecessary Nested Tables
HTML email often needs tables, but every unnecessary wrapper adds markup. Simplify repeated table structures where you can do so without changing cross-client behavior.
For example, avoid creating several layers just to add one padding wrapper when one tested table cell can do the job.
Do not optimize tables blindly.
Outlook and other clients still make defensive email code valuable.
Focus on unnecessary nesting, not on eliminating tables from email.
4. Remove Ordinary Comments
Regular HTML comments add bytes even though recipients cannot see them. Remove development notes from the production version when they are no longer needed.
Example:
<!-- Start product section -->
and:
<!-- TODO: replace campaign image -->
can be removed before launch.
Preserve Conditional Comments
Do not automatically remove comments such as:
<!--[if mso]>
...
<![endif]-->
Those may support Outlook-specific rendering.
The rule is:
Remove ordinary comments. Preserve functional email comments.
5. Avoid Base64 Images
Base64 images place the image data directly inside the HTML, which can increase source size dramatically. Host campaign images and reference them through HTTPS URLs when your workflow supports that approach.
Avoid:
<img src="data:image/png;base64,...">
Prefer:
<img
src="https://example.com/images/banner.jpg"
alt="Seasonal collection"
>
The hosted file itself does not need to live inside the HTML source.
6. Reduce Repeated CSS
Repeated inline CSS can become a major source of HTML weight in long campaigns. Keep styles necessary for email-client rendering, but avoid adding duplicate declarations without purpose.
For example, ten cards may repeat:
style="font-family:Arial;font-size:16px;line-height:24px;color:#333333;"
In some email workflows, repetition is needed for client compatibility.
The goal is not to remove every inline declaration.
Instead, review:
-
duplicated unnecessary declarations
-
styles overridden immediately afterward
-
unused classes
-
obsolete test CSS
-
redundant attributes
Make changes only when they preserve rendering.
7. Account for ESP Markup
Do not finish size optimization before your sending platform touches the email. Link tracking, personalization, footer processing, and analytics may add source code after export.
That means your source should leave room for growth.
If the original file is already close to the clipping range, even small ESP additions can matter.
Use the real sending workflow before declaring the campaign finished.
8. Minify Final HTML Carefully
Minification can reduce whitespace and comments in the production source, but it should happen after editing and validation. Keep the readable development version available so future debugging remains practical.
Minification may remove:
-
extra spaces
-
line breaks
-
indentation
-
ordinary comments
However, email minification should preserve:
-
Outlook conditional comments
-
required whitespace
-
VML
-
fallback code
-
dynamic variables
-
personalization syntax
Do not use a generic minifier without testing the output.
You can use the MailEditor HTML Formatter before optimization to organize messy source and make unnecessary markup easier to identify.
Formatting does not reduce the size by itself.
It makes cleanup easier.
Before and After Cleanup Example
Consider this source:
<!-- Product -->
<table
width="100%"
cellpadding="0"
cellspacing="0"
border="0"
>
<tr>
<td>
<span
style="
font-family:Arial;
font-size:16px;
font-weight:400;
color:#333333;
"
>
Shop our latest products.
</span>
</td>
</tr>
</table>
A cleaner version might be:
<table
role="presentation"
width="100%"
cellpadding="0"
cellspacing="0"
border="0"
>
<tr>
<td
style="
font-family:Arial;
font-size:16px;
color:#333333;
"
>
Shop our latest products.
</td>
</tr>
</table>
Do not remove code only for appearance.
The cleaner version should still meet the rendering requirements of the campaign.
Why Test Emails Can Appear Clipped
Repeated Gmail test sends can sometimes produce misleading clipping behavior when messages use the same subject and Gmail groups them into one conversation. Use a fresh subject for each meaningful clipping test so you are evaluating the message itself rather than a growing test thread.
Palisade’s 2026 clipping review highlights same-subject test threading as a cause of confusing test results.
Instead of repeatedly sending:
Subject: September Newsletter Test
use:
September Newsletter Test 01
September Newsletter Test 02
September Newsletter Test 03
Or remove older test messages before the next check.
Recommended Test Process
-
Optimize the HTML.
-
Use a unique subject.
-
Send through the real ESP.
-
Open the message in Gmail.
-
Check for “Message clipped.”
-
Inspect the delivered source.
-
Measure the final HTML.
-
Repeat only after meaningful changes.
This gives you a cleaner result.
Gmail Desktop vs Mobile Clipping
Desktop Gmail’s ~102KB reference is the most commonly documented clipping benchmark, while mobile Gmail behavior can vary by client and device. Do not apply one mobile number universally; test the environments that matter to your audience.
Industry documentation summarized by Palisade reports lower clipping behavior in some mobile Gmail environments. It also notes that mobile figures can vary, particularly on iOS.
Therefore:
-
Treat ~102KB as a desktop working benchmark.
-
Keep a healthy margin below it.
-
Do not assume mobile uses the same threshold.
-
Test Gmail mobile separately.
-
Avoid building right up to a specific threshold.
A leaner message helps across both desktop and mobile.
MailEditor Size Audit
Use this four-stage audit to understand where HTML weight enters your production workflow. The value comes from comparing the same template at each stage rather than measuring unrelated campaigns.
Use one real MailEditor template.
Then record:
|
Stage |
What to Measure |
HTML Size |
|
1. Original template |
Export before cleanup |
Measure |
|
2. Cleaned template |
Unused markup removed |
Measure |
|
3. Optimized template |
Comments/redundancy reduced |
Measure |
|
4. Delivered version |
After ESP processing |
Measure |
Also record:
-
Number of links
-
Number of modules
-
Number of comments
-
Embedded data
-
Tracking additions
-
Final clipping result
What to Publish
For stronger E-E-A-T, publish the real values from one MailEditor campaign.
Do not estimate them.
A useful result table could look like:
|
Version |
Size |
Change |
Gmail Result |
|
Original |
[real measurement] |
— |
[result] |
|
Cleaned |
[real measurement] |
[change] |
[result] |
|
Optimized |
[real measurement] |
[change] |
[result] |
|
Delivered |
[real measurement] |
[change] |
[result] |
Replace every bracketed field with real measured data before publishing that table.
This can become one of the strongest original elements in the article.
Build a Gmail Clipping Checker
A useful clipping checker only needs one core measurement:
UTF-8 byte size of the HTML.
A simple browser-side calculation is:
function getEmailSize(html) {
const bytes = new TextEncoder().encode(html).length;
const kb = bytes / 1024;
return {
bytes,
kb: Number(kb.toFixed(2))
};
}
You can then map the result to internal QA guidance:
function getClippingStatus(kb) {
if (kb < 80) return "Comfortable";
if (kb < 95) return "Review Size";
if (kb < 102) return "Close to Clipping Range";
return "High Clipping Risk";
}
Again, these labels should be presented as MailEditor QA guidance, not Gmail’s official thresholds.
A stronger checker could also report:
-
Total UTF-8 bytes
-
Distance from 102KB
-
Comment bytes
-
Style bytes
-
URL length
-
Base64 data
-
Whitespace
-
Number of DOM elements
That turns the tool from a size counter into a diagnostic utility.
How to Prevent Gmail Clipping
The best way to prevent Gmail clipping is to keep the final delivered HTML comfortably below the commonly documented desktop clipping range while preserving email-client compatibility. Clean markup, hosted images, careful CSS, shorter URLs, and final ESP testing provide the strongest workflow.
Use this sequence:
-
Build the email.
-
Measure the HTML.
-
Remove unused content.
-
Remove ordinary comments.
-
Review repeated markup.
-
Avoid embedded base64 images.
-
Review long URLs.
-
Clean unnecessary CSS.
-
Keep Outlook fallbacks intact.
-
Measure again.
-
Send through the ESP.
-
Measure the delivered HTML.
-
Test Gmail with a unique subject.
-
Check mobile separately.
Do not optimize so aggressively that the email becomes less reliable.
Clean code and compatible code should work together.
Gmail Clipping Prevention Checklist
Use this checklist before launch.
HTML Size
-
Exported HTML measured
-
Delivered HTML measured
-
Comfortable margin below the clipping range
-
UTF-8 bytes used for measurement
Markup
-
Unused modules removed
-
Empty wrappers removed
-
Duplicate markup reviewed
-
Ordinary comments removed
-
Outlook conditional comments preserved
-
Unnecessary nested tables reviewed
CSS
-
Unused CSS removed
-
Duplicate CSS reviewed
-
Essential inline styles preserved
-
Responsive styles preserved
-
Dark-mode code preserved when required
Images
-
Images hosted externally
-
No unnecessary base64 image data
-
Image URLs are reasonable
-
Alt text included where appropriate
Links
-
Placeholder links removed
-
Tracking URLs reviewed
-
Primary CTA works
-
Footer links work
-
ESP link rewriting checked
Testing
-
Unique Gmail test subject used
-
Desktop Gmail checked
-
Mobile Gmail checked
-
“Message clipped” notice checked
-
Final delivered source inspected
-
CTA still visible
-
Footer still visible
-
Tracking placement reviewed
For the rest of your campaign QA, use MailEditor’s Email Pre-Send Checklist.
How MailEditor Fits the Workflow
MailEditor can help you build, clean, preview, test, and export HTML before the final Gmail clipping check. The most useful workflow is to combine visual editing with source cleanup and real inbox testing.
A practical MailEditor workflow is:
-
Build or import the campaign in MailEditor.
-
Remove content the campaign does not need.
-
Export the HTML.
-
Inspect and organize the source with the HTML Formatter.
-
Measure the UTF-8 HTML size.
-
Optimize unnecessary markup.
-
Send a real test through the MailEditor Email Test or your production ESP.
-
Inspect the delivered version.
-
Test Gmail clipping.
-
Export the approved campaign.
If you need a lighter starting structure, you can also browse MailEditor email templates.
Keep the number of tools small.
The goal is one reliable workflow:
Build → Measure → Clean → Send → Verify
Final Answer
Gmail clipping happens when an email’s HTML becomes too large, widely documented at around 102KB on desktop Gmail.
To prevent it:
-
Measure the HTML in UTF-8 bytes.
-
Remove unused markup.
-
Remove ordinary comments.
-
Reduce unnecessary nested structures.
-
Review repeated CSS.
-
Avoid large base64 image data.
-
Review tracking-heavy URLs.
-
Keep important email-client fallback code.
-
Measure the exported HTML.
-
Send through the real ESP.
-
Measure the delivered HTML.
-
Test Gmail with a unique subject.
-
Check desktop and mobile separately.
-
Keep a comfortable safety margin.
The most important distinction is:
The file you export is not always the file Gmail receives.
Measure both.
Then test the delivered campaign.
MailEditor gives you a practical workflow for building and cleaning the message with the HTML email editor, organizing source with the HTML Formatter, and sending real inbox tests with the Email Test tool.
Frequently Asked Questions
Question: What is Gmail clipping?
Answer: Gmail clipping is when Gmail hides the lower part of an email behind a “[Message clipped] View entire message” link. It commonly occurs when the HTML source becomes large. The full message still exists, but recipients must open the extended view to see the hidden content.
Question: What is the Gmail 102KB limit?
Answer: The Gmail 102KB limit is a widely documented working benchmark for desktop clipping, not an official threshold published by Google. Multiple email-industry sources have observed clipping at around 102KB of HTML, so campaigns should keep a safety margin rather than target the limit exactly.
Question: Do images cause Gmail clipping?
Answer: Externally hosted image file sizes usually do not count directly toward the HTML clipping total. However, image markup, URLs, attributes, inline CSS, and embedded base64 image data do add to the HTML source and can contribute to Gmail clipping.
Question: How do I fix Gmail clipping?
Answer: Reduce the final HTML size by removing unused markup, ordinary comments, unnecessary nested structures, duplicate CSS, embedded base64 images, and excess code. Then send the email through the real ESP, measure the delivered HTML, and test Gmail again using a fresh subject line.
Question: How do I check email HTML size?
Answer: Measure the HTML as UTF-8 bytes rather than relying only on character count. JavaScript’s TextEncoder can convert an HTML string into UTF-8 bytes, allowing you to calculate the size in kilobytes before and after ESP processing.
Question: Why is my Gmail test email clipped?
Answer: The message may genuinely be large, but repeated tests with the same subject can also be grouped into a Gmail conversation and create confusing clipping results. Use a unique subject for each meaningful test, then inspect and measure the final delivered HTML separately.
Question: Does Gmail clipping affect open tracking?
Answer: It can. If an email platform places its tracking pixel near the end of the message and that portion sits below the clipping point, some platforms report that the open may not be recorded normally. Keep the delivered HTML lean and test your actual tracking workflow.
Question: Does Gmail mobile also clip at 102KB?
Answer: Not always. Around 102KB is most commonly documented for desktop Gmail. Mobile behavior can vary by platform and client, with some industry documentation reporting lower thresholds. Test the Gmail mobile environments relevant to your audience instead of relying on one universal mobile number.
Popular Blogs

Email Design2 mins to read
Top Email Template Builders & HTML Email Editors for 2026
Compare the best email template builders and HTML editors to design professional, responsive campaigns without coding.

Email Tips7 mins to read
Best Drag and Drop Email Editors in 2026
Discover the best drag and drop email editors in 2026. Compare top tools, features, templates, pricing, and automation to build stunning emails fast.

Email Design9 mins to read
Email Signature Size and Image Best Practices
The ideal email signature is 320–600px wide and 90–200px high. Learn the best image sizes, formats, file limits, and mobile-friendly design tips.

Marketing7 mins to read
4 Best Unlayer Alternatives to Design Emails
Looking for Unlayer alternatives? Explore the 4 best email design tools to create beautiful, responsive emails faster and easier.

Marketing6 mins to read
5 Beefree Alternatives to Upgrade Email Design Workflows
Looking for a better email design tool? Explore 5 Beefree alternatives that streamline workflows, improve collaboration, and elevate email campaigns.