Learn how clipping works and what you can do to avoid it. Clipping occurs in Gmail inboxes when you send a message that exceeds a certain size, which can vary based on the device used to open the email.
About Gmail Clipping
If your email has been clipped, recipients will see a message like the one below:
When recipients click View entire message, your full email will open in their web browser.
Clipped emails are undesirable from a marketing standpoint and can also negatively impact your email deliverability. Additionally, when an email is clipped, the tracking pixel (used to calculate open rate) will also be clipped, so opens will not be tracked correctly.
If you are concerned about the size of your emails and want to ensure opens are tracked correctly, move the tracking pixel to the top of your emails.
The size limit for emails varies by device.
On desktop devices, the email size limit is 102 KB
On mobile devices, the email size limit can vary, ranging from around 20 KB on iOS to around 75 KB on other mobile devices
The 20 KB limit in Gmail’s iOS app is applied inconsistently. Learn more about clipping and Gmail for iOS.
To avoid clipping, ensure that your email code is less than 102 KB once sent. This limit includes all text, styling, links, and any other HTML content. If a large proportion of your subscribers open emails in Gmail’s iOS app, which has a smaller size limit, consider moving your tracking pixel to the top of your emails.
Image size does not impact the size of an email since images are loaded from an external source (e.g., your Klaviyo Brand Library or your website). The code used to display an image in an email contributes to the message size, but the size of the image file does not.
Test Your Email Size
To test the size of an email, send a one-off email (not a preview) to your own Gmail address. Once you receive the email, scroll down to the bottom and check for the Message clipped notification.
If the message was not clipped, then your email is under 102 KB. If it was clipped, click View entire message. Once the full message is open in your browser, right-click anywhere in the window; then, click View Page Source. Copy all of the page source code, then visit bytesizematters.com and paste your email’s code into the text field. The size of your email will appear in the right corner above the text field. You can then edit the email accordingly to decrease the size.
By default, Klaviyo adds link tracking to your emails, which increases the size of the email. This is why it is important to send a live email rather than a preview, as we only add link tracking in live sends. The fewer links you have in your email, the less code will be added.
Reducing Email Size
While the quickest way to reduce your email’s size is to remove some of your content, you can also make many small improvements without sacrificing any content.
Desktop- or Mobile-Only Blocks
When you include a desktop- or mobile-only block in an email, the block’s code is included in every email send. When someone opens your email, our code will identify what type of device they are viewing on, and determine whether to show or hide the block. If your email is being clipped, try minimizing the number of blocks that are set to display on just one device type.
Header/Link Bar Blocks
Because the header/link bar block has many styling options and dynamically adjusts to desktop and mobile devices, it is a code-heavy block. If you’re using this type of block and find that your email is getting clipped, an easy solution is to replace it with an image block containing your logo and a text block for your links.
If you disabled embedded styles for your emails in your account settings, this can increase email size. Navigate to Account > Settings > Email > CSS Optimization to confirm that Enable embedded styles is checked. If not, check this box to make your email less likely to be clipped.
Remove Unnecessary Styles
If you copy and paste text from an external source into a Klaviyo text block, the text you pasted in may include some extra styling as well. You can check this by viewing the Source area of a text block. If there is extra formatting, simply highlight the text and remove it.