<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Fwolf's Blog &#187; compress - Fwolf's Blog</title>
	<atom:link href="http://www.fwolf.com/blog/post/tag/compress/feed" rel="self" type="application/rss+xml" />
	<link>http://www.fwolf.com/blog</link>
	<description>随心·随意·随缘·努力～</description>
	<lastBuildDate>Sun, 29 Aug 2010 14:52:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>压缩网页图片</title>
		<link>http://www.fwolf.com/blog/post/447</link>
		<comments>http://www.fwolf.com/blog/post/447#comments</comments>
		<pubDate>Wed, 12 Aug 2009 04:54:34 +0000</pubDate>
		<dc:creator>Fwolf</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[compress]]></category>
		<category><![CDATA[convert]]></category>
		<category><![CDATA[gif]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[jpg]]></category>
		<category><![CDATA[optimize]]></category>
		<category><![CDATA[png]]></category>
		<category><![CDATA[yslow]]></category>

		<guid isPermaLink="false">http://www.fwolf.com/blog/?p=447</guid>
		<description><![CDATA[不压不知道，一压吓一跳，大部分图片几乎都能在近似无损的情况下压缩掉 65% 原始大小左右，如果指明有损压缩，比如 jpeg 的 85 %，还能更小。 Smush.it smushit 现在已经属于 Yslow 的一部分了，可以通过 firefox 插件使用，也能在线用，缺点就是你的图片必须能够从公网访问。 可以压缩各种图片，按照官方的解释，它会尝试各种工具和算法，找到最优的方式。因此，smushit 是一种很安全的压缩工具，几乎看不到差别，就是用起来麻烦些。 imagemagick 不同的图片格式有各自的特点，比如 gif 善于存储颜色较少的图片，也是动画图片的首选；png 善于存储能够矢量化的图片，jpg 则善于存储颜色、图片变化都比较多的图片。根据不同的图片特点，进行类型转换，有时能收到不错的效果。 图片 convert 之后，还可以利用其它工具进一步压缩，不过效果不大了。 另附一个转换图片类型之后，批量替换模板中调用文件名的脚本： grep logo.gif * -R &#124; awk '{print $1}' &#124; sed 's/://' &#124; xargs -I '{}' sed -i 's/logo.gif/logo.jpg/' '{}' jpegoptim 这是今天刚发现的好东西，ubuntu 源中有，主要可以用它去除 jpg 图片文件当中的 comment exif IPTC 等无用标记，我测试的情况压缩率比 smushit [...]]]></description>
			<content:encoded><![CDATA[<p>不压不知道，一压吓一跳，大部分图片几乎都能在近似无损的情况下压缩掉 65% 原始大小左右，如果指明有损压缩，比如 jpeg 的 85 %，还能更小。</p>

<h3>Smush.it</h3>

<p><a href="http://developer.yahoo.com/yslow/smushit/" title="Smush.it&trade;">smushit</a> 现在已经属于 <a href="http://developer.yahoo.com/yslow/">Yslow</a> 的一部分了，可以通过 firefox 插件使用，也能在线用，缺点就是你的图片必须能够从公网访问。</p>

<p>可以压缩各种图片，按照<a href="http://developer.yahoo.com/yslow/smushit/faq.html#faq_crushtool">官方的解释</a>，它会尝试各种工具和算法，找到最优的方式。因此，<a href="http://developer.yahoo.com/yslow/smushit/" title="Smush.it&trade;">smushit</a> 是一种很安全的压缩工具，几乎看不到差别，就是用起来麻烦些。</p>

<h3>imagemagick</h3>

<p>不同的图片格式有各自的特点，比如 gif 善于存储颜色较少的图片，也是动画图片的首选；png 善于存储能够矢量化的图片，jpg 则善于存储颜色、图片变化都比较多的图片。根据不同的图片特点，进行类型转换，有时能收到不错的效果。</p>

<p>图片 convert 之后，还可以利用其它工具进一步压缩，不过效果不大了。</p>

<p>另附一个转换图片类型之后，批量替换模板中调用文件名的脚本：</p>


<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #c20cb9; font-weight: bold;">grep</span> logo.gif <span style="color: #000000; font-weight: bold;">*</span> <span style="color: #660033;">-R</span> <span style="color: #000000; font-weight: bold;">|</span> <span style="color: #c20cb9; font-weight: bold;">awk</span> <span style="color: #ff0000;">'{print $1}'</span> <span style="color: #000000; font-weight: bold;">|</span> <span style="color: #c20cb9; font-weight: bold;">sed</span> <span style="color: #ff0000;">'s/://'</span> <span style="color: #000000; font-weight: bold;">|</span> <span style="color: #c20cb9; font-weight: bold;">xargs</span> <span style="color: #660033;">-I</span> <span style="color: #ff0000;">'{}'</span> <span style="color: #c20cb9; font-weight: bold;">sed</span> <span style="color: #660033;">-i</span> <span style="color: #ff0000;">'s/logo.gif/logo.jpg/'</span> <span style="color: #ff0000;">'{}'</span></pre></div></div>


<h3>jpegoptim</h3>

<p>这是今天刚发现的好东西，ubuntu 源中有，主要可以用它去除 jpg 图片文件当中的 comment exif IPTC 等无用标记，我测试的情况压缩率比 <a href="http://developer.yahoo.com/yslow/smushit/" title="Smush.it&trade;">smushit</a> 略低一点点。由于能够通过命令行使用，所以易用性更强。</p>

<p>一般我喜欢用 <code>--strip-all</code> 参数去除所有无用内容，实际压缩之前可以用 <code>-n</code> 参数预测一下压缩率（默认直接压缩覆盖源文件了），<code>24bit Adobe</code> 类型的图片基本上都能够压缩掉 65% 原始大小，碰到 <code>24bit JFIF</code> 这种类型的图片一般压不动，但带上有损压缩参数比如 <code>-m85</code>之后，依然能够达到较理想的压缩率，并且图片损失效果不明显。</p>

<p>遇到无法压缩的图片、压缩后体积反而增大的图片会自动跳过，很贴心。</p>

<p>基本上，有了上面三种方式，就能够处理大部分网页图片了。</p>

	Tags: <a href="http://www.fwolf.com/blog/post/tag/compress" title="compress" rel="tag">compress</a>, <a href="http://www.fwolf.com/blog/post/tag/convert" title="convert" rel="tag">convert</a>, <a href="http://www.fwolf.com/blog/post/tag/gif" title="gif" rel="tag">gif</a>, <a href="http://www.fwolf.com/blog/post/tag/image" title="image" rel="tag">image</a>, <a href="http://www.fwolf.com/blog/post/tag/jpg" title="jpg" rel="tag">jpg</a>, <a href="http://www.fwolf.com/blog/post/tag/optimize" title="optimize" rel="tag">optimize</a>, <a href="http://www.fwolf.com/blog/post/tag/png" title="png" rel="tag">png</a>, <a href="http://www.fwolf.com/blog/post/tag/yslow" title="yslow" rel="tag">yslow</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.fwolf.com/blog/post/430" title="转换静态图像为视频 (2009-01-19)">转换静态图像为视频</a> (1)</li>
	<li><a href="http://www.fwolf.com/blog/post/277" title="使用mencoder转换佳能数码相机录像文件的最佳参数 (2007-01-01)">使用mencoder转换佳能数码相机录像文件的最佳参数</a> (11)</li>
	<li><a href="http://www.fwolf.com/blog/post/383" title="[MediaTemple]虚拟主机内存优化的一点心得 (2008-02-19)">[MediaTemple]虚拟主机内存优化的一点心得</a> (2)</li>
	<li><a href="http://www.fwolf.com/blog/post/53" title="PNG图片压缩工具 (2005-06-19)">PNG图片压缩工具</a> (7)</li>
	<li><a href="http://www.fwolf.com/blog/post/89" title="IE 6.0仍然无法显示PNG图片文件的原貌？ (2005-11-14)">IE 6.0仍然无法显示PNG图片文件的原貌？</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.fwolf.com/blog/post/447/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
