You will learn
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. If your email is being clipped, you can skip ahead to the section on Reducing an Email's Size for tips on avoiding Gmail clipping.
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.
The View entire message link leads to a version of your email created by Gmail with all
<style> tags removed. When CSS optimization is turned on, content alignment, column styles, table styles, and other style elements may be removed entirely or appear differently than intended.
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.
Your message may also be clipped if you send multiple messages to your inbox with the same subject line. To avoid this, send a direct email with a unique subject line.
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.
Reduce an email's 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, that 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, minimize the number of blocks that are set to display on just one device type, and use a block set to display on both Desktop & Mobile instead.
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, replace it with an image block containing your logo followed by 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.
Section background images
If you are using Klaviyo’s new email template editor and have added a background image for a particular section, consider removing it to decrease the size of your message.
Remove unnecessary styles
If you copy and paste text from an external source (like Google Docs or Microsoft Word) 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.
Alternatively, use Ctrl+Shift+V or Cmd+Shift+V when pasting in new content to paste as plain text and avoid adding unnecessary styles.