<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	
	>
<channel>
	<title>
	Comments on: Animated GIF Ultimate Guide &#8211; How To Create Smallest GIF File Size	</title>
	<atom:link href="https://tehnoblog.org/animated-gif-ultimate-guide-how-to-create-smallest-file-size/feed/" rel="self" type="application/rss+xml" />
	<link>https://tehnoblog.org/animated-gif-ultimate-guide-how-to-create-smallest-file-size/</link>
	<description>phones ● computers ● audio ● video ● technology</description>
	<lastBuildDate>Tue, 26 Jun 2018 11:13:22 +0000</lastBuildDate>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>
		By: TehnoBlog		</title>
		<link>https://tehnoblog.org/animated-gif-ultimate-guide-how-to-create-smallest-file-size/#comment-146</link>

		<dc:creator><![CDATA[TehnoBlog]]></dc:creator>
		<pubDate>Sat, 15 Jul 2017 09:24:56 +0000</pubDate>
		<guid isPermaLink="false">http://tehnoblog.org/?p=722#comment-146</guid>

					<description><![CDATA[In reply to &lt;a href=&quot;https://tehnoblog.org/animated-gif-ultimate-guide-how-to-create-smallest-file-size/#comment-145&quot;&gt;Nathan&lt;/a&gt;.

Hi, thanks for your comment.

Unfortunately, because of the limited color palette, transparency in GIF (animated or not) will look really ugly with jagged edges around the object(s). At least, this is from my experience working/editing in Photoshop, where none of the options could help to avoid it. You have to define a constant background in order to avoid the 8-bit (or less) transition between the edges and the [transparent/overlay] background. So, I strongly recommend not using it, unless really necessary.

The only &quot;solution&quot; to smooth it out is to use 2x, 4x or 8x over-sized image file(s) which cancels our initial effort to reduce the size in the first place and then scale it back in browser (or wherever you need it for to be displayed), assuming availability of some better scaling algorithms than simple nearest neighbor.

Depending on what you try to animate:

[1] something &quot;real&quot; like a live-action video scene to embed in a web page, GIF seems like easiest option, or you can use HTML5 video and some mp4 clip;

[2] or just a simple object which you can animate with some programming, forgetting GIF all the way. For example, you can animate simple objects and things with JavaScript/jQuery (like 2D/3D rotation, translation, scaling, color/hue shift...). Alternatively, some forms of animation can be achieved directly in web browser using pure HTML5 and CSS3.

So, in the web domain you already have all the tools to create animations that can fairly replace and will outperform complex GIFs with transparency and size like this in pure code (assuming no live action video), or using static &quot;pre-rendered&quot; PNG files, that allow you 24-bit palettes and better quality (the size might not be so small, as 8-bit PNG also sucks with alpha channel).

If you need it for something else, like animated logo to be used in a video editor, live stream or whatever, then you may consider APNG if it is supported by the editor, or some movie clip with background carefully edited/removed (assuming video container and codec support transparency support).

The alternatives exists in some areas, depending on the field of application.]]></description>
			<content:encoded><![CDATA[<p>In reply to <a href="https://tehnoblog.org/animated-gif-ultimate-guide-how-to-create-smallest-file-size/#comment-145">Nathan</a>.</p>
<p>Hi, thanks for your comment.</p>
<p>Unfortunately, because of the limited color palette, transparency in GIF (animated or not) will look really ugly with jagged edges around the object(s). At least, this is from my experience working/editing in Photoshop, where none of the options could help to avoid it. You have to define a constant background in order to avoid the 8-bit (or less) transition between the edges and the [transparent/overlay] background. So, I strongly recommend not using it, unless really necessary.</p>
<p>The only &#8220;solution&#8221; to smooth it out is to use 2x, 4x or 8x over-sized image file(s) which cancels our initial effort to reduce the size in the first place and then scale it back in browser (or wherever you need it for to be displayed), assuming availability of some better scaling algorithms than simple nearest neighbor.</p>
<p>Depending on what you try to animate:</p>
<p>[1] something &#8220;real&#8221; like a live-action video scene to embed in a web page, GIF seems like easiest option, or you can use HTML5 video and some mp4 clip;</p>
<p>[2] or just a simple object which you can animate with some programming, forgetting GIF all the way. For example, you can animate simple objects and things with JavaScript/jQuery (like 2D/3D rotation, translation, scaling, color/hue shift&#8230;). Alternatively, some forms of animation can be achieved directly in web browser using pure HTML5 and CSS3.</p>
<p>So, in the web domain you already have all the tools to create animations that can fairly replace and will outperform complex GIFs with transparency and size like this in pure code (assuming no live action video), or using static &#8220;pre-rendered&#8221; PNG files, that allow you 24-bit palettes and better quality (the size might not be so small, as 8-bit PNG also sucks with alpha channel).</p>
<p>If you need it for something else, like animated logo to be used in a video editor, live stream or whatever, then you may consider APNG if it is supported by the editor, or some movie clip with background carefully edited/removed (assuming video container and codec support transparency support).</p>
<p>The alternatives exists in some areas, depending on the field of application.</p>
]]></content:encoded>
		
			</item>
		<item>
		<title>
		By: Nathan		</title>
		<link>https://tehnoblog.org/animated-gif-ultimate-guide-how-to-create-smallest-file-size/#comment-145</link>

		<dc:creator><![CDATA[Nathan]]></dc:creator>
		<pubDate>Sat, 15 Jul 2017 04:19:22 +0000</pubDate>
		<guid isPermaLink="false">http://tehnoblog.org/?p=722#comment-145</guid>

					<description><![CDATA[Thanks for the guide.

I was looking for something free to improve compression, particularly in regards to handling transparency.  I was using GIMP, which has some really awful handling of optimization-- I was seeing some 3% improvement, whereas really crude (but still tedious) hand optimization was getting me down to like 2/3rds the original file size.

The online tools you mention are pretty bad.  Particularly, they don&#039;t let you run multiple optimizations at once.  They also don&#039;t do a better jobs of optimizing for progressive gifs (built on successive layers) than GIMP does.  Nor is it worth the headache for these tiny improvements in file size.

As you mentioned, VirtualDub is the one tool that does a good job at optimizing for building layered gifs.  Unfortunately, it also does some really awful things to the colors that other tools don&#039;t do, limiting the palette really badly, and there aren&#039;t any options for gifs, you just get what it gives you.  Also difficult to use it to re-time gifs, which is pretty important when doing avi-&#062;gif (30fps is usually overkill, one shouldn&#039;t aim for more than 10fps with a gif, I think).

Still looking for any decent tools.  I think I&#039;m stuck with hand optimization for now.]]></description>
			<content:encoded><![CDATA[<p>Thanks for the guide.</p>
<p>I was looking for something free to improve compression, particularly in regards to handling transparency.  I was using GIMP, which has some really awful handling of optimization&#8211; I was seeing some 3% improvement, whereas really crude (but still tedious) hand optimization was getting me down to like 2/3rds the original file size.</p>
<p>The online tools you mention are pretty bad.  Particularly, they don&#8217;t let you run multiple optimizations at once.  They also don&#8217;t do a better jobs of optimizing for progressive gifs (built on successive layers) than GIMP does.  Nor is it worth the headache for these tiny improvements in file size.</p>
<p>As you mentioned, VirtualDub is the one tool that does a good job at optimizing for building layered gifs.  Unfortunately, it also does some really awful things to the colors that other tools don&#8217;t do, limiting the palette really badly, and there aren&#8217;t any options for gifs, you just get what it gives you.  Also difficult to use it to re-time gifs, which is pretty important when doing avi-&gt;gif (30fps is usually overkill, one shouldn&#8217;t aim for more than 10fps with a gif, I think).</p>
<p>Still looking for any decent tools.  I think I&#8217;m stuck with hand optimization for now.</p>
]]></content:encoded>
		
			</item>
	</channel>
</rss>
