You can also select way Photoshop interprets and reduces the RGB colors in your image: perceptual, selective, and adaptive each use slightly different algorithms, and its worth trying them all to see which gives you the most accurate palette. It’s worth trying each dithering option and adjusting its percentage (if available) to get an effect you like, or at least one you can live with. It almost always results in a larger file, because it interferes with the way a GIF is compressed. This is a bit deceiving, as the dithering happens in Photoshop and is not directly supported in GIF. Photoshop offers three schemes for dithering, or dispersing pixels in a way that can imitate smooth areas of color in a limited-palette image. I was able to cut the file weight in half by limiting the colors to 16. Many of these colors look like duplicates or near duplicates, so I’m sure I can use fewer colors. You can see the 256 colors Photoshop intends to put in the GIF in the color table on the right. Exporting the grid animation above, at 256 colors the file weight was 829.5k. In Photoshop’s Save for Web dialog box there are tools for getting the best outcome for the fewest colors to shave off some weight. A color overlay works as well, if you make one or more of your frames monochromatic, you can use a smaller color palette. Sometimes, you can make an image smaller simply by darkening it, according to Tumblr GIF artist carriefishers. A smaller color palette can have a significant effect on the final file size. The Graphics Interchange Format allows 8 bits per pixel for each image, so a single image to can have its own palette of up to 256 different colors. Limiting Colors in Your Design to Control Weight If you’re creating for Tumblr, you’ll want to be sure your GIF is no more than 500px wide and less than 1.75MB. A skyscraper is recommended to weigh no more than 20KB. Notice that these are some very lightweight animations. You can find standard sizes and weights for banner ads at the designer’s toolbox and most publications and websites have their requirements on their rate sheets. Size or dimensions – the width and height of an image in pixels, such as 336 px x 280 px Naturally, no one wants to frustrate visitors with a slow-loading page, or worse, crash their browser. The more pictures and animations on a web page, the larger that page will be in file size-and the slower it will transfer to a viewer’s device. Very simply, bandwidth is rate at which information transfers from a web server to a web browser. Publications and websites have limited bandwidth. There is a search engine and sharing space just for GIFs: and the GIF animations have their own category in the social media industry’s “shorty” awards. If you’re interested in the history and current state of the artform, PBS Digital Studios has a great video on Youtube: Animated GIFs: The Birth of a Medium. GIF stands for Graphics Interchange Format and it is a common web standard for images. Here’s a few Photoshop tricks to make sure your masterpiece is the optimal size. Load time is important to websites, so there are file size, or weight, restrictions on your GIF. They’re also great for illustrating steps in tutorials, as shown in this article at. Twitter and Reddit accept GIFs, and there’s been an explosion of creativity on Tumblr. Animated GIFs are popping up everywhere as a medium for self expression and as a tool for marketing.
0 Comments
Leave a Reply. |