When exporting, you also have the option of adjusting the number of colors saved in the image file's color map. The lower the number of colors, the smaller the file size. To get the best combination of optimized file size and color fidelity, choose: 128-256 colors for videos 64-128 colors for animated illustrations If you really want to fine-tune your file size, you can combine your color table changes with the dither percentage. A higher dither percentage leads to smoother gradients, even with a limited color table. For example, a grayscale with only 8 bands of color becomes a smooth gradient with 100% dithering enabled. Higher dithering combined with a lower end color table for videos might just be the sweet spot for a GIF that looks good but loads quickly. 10.
Simply reduce video quality and file size with Lossy Want to optimize your GIF file size without all the fine-tuning involved with color tables and dithering? Selecting a loss level of 20-40% reduces file size and some quality all at once. You can play around with these percentages to find the balance between quality and file size that works for you. Watch Evan's entire E-Commerce Photo Editing Service Litmus Live talk Looking for even more tips on how to create animations that delight and help subscribers? You can watch Evan's entire Litmus Live talk below! What's your secret to optimizing animated GIFs for emails? Good GIFs can add context and fun to an email, while a GIF gone wrong can distract from the message or cause subscribers to avoid your emails altogether. What are your tips for optimizing animated GIFs for emails?
We'd love to hear them in the comments below! Evan's best practice suggestion is "adaptive" color reduction. This algorithm samples the colors that appear the most in an image and provides the right balance between file size and color fidelity. 8. Keep "Transparency" On GIFs often handle transparency poorly, applying a hard white edge around elements when set to a transparent background. If you want to use animations on a transparent background, animated PNGs are the way to go . So what is this “transparency” checkbox in Photoshop actually for? It allows pixels that have not changed from frame to frame to remain as they are. This means that areas of the GIF that remain constant from frame to frame do not need to be reloaded. Evan suggests leaving this option enabled most of the time, as it can reduce your file size by a third or more.