web重构大会2010演讲——网络图像优化.pdf

2010年Webrebuild年会广州站 网络图像优化 WebRebuild stevenpan 选择格式 INDEX01_选择格式 真色彩jpg 、png24、png32 INDEX01_选择格式 当真色彩图像，使用GIF或PNG8后？ 原图：大于256色 GIF ：256种色 PNG8 ：256种色 INDEX01_选择格式 调色板gif、png8 INDEX01_选择格式 当调色板图像，使用JPG或PNG24后？ PNG8 ：7.7 KB JPG14.5 KB PNG24 ：23.4 KB INDEX01_选择格式 小图用PNG8 INDEX01_选择格式 57 X 57 PNG24 ：8.1 KB GIF ：3.1 KB PNG8 ：3.0 KB INDEX01_选择格式 一些简单的图像 INDEX01_选择格式 JPEG不适合保存图形分明线条简单的图像。 PNG8: 907byte GIF: 1450byte JPG: 1850 byte 优化方法 INDEX02_优化方法 GIF 动画压缩 INDEX02_优化方法 优化前177 KB 优化后107 KB INDEX02_优化方法 INDEX02_优化方法 ImageMagick ImageMagick (TM) 是一个免费的创建、编辑、合成图片的软件。它可以读取、转换、写入多种格式的图片。图片切割、颜色替换、各种效果的应用，图片的旋转、 组合，文本，直线，多边形，椭圆，曲线，附加到图片伸展旋转。ImageMagick是免费软件：全部源码开放，可以自由使用，复制，修改，发布。它遵守GPL 许可协议。它可以运行于大多数的操作系统。ImageMagick的大多数功能的使用都来源于命令行工具。 / Gifsicle *Batch mode for changing GIFs in place. * Prints detailed information about GIFs, including comments. * Control over interlacing, comments, looping, transparency... * Creates well-behaved GIFs: removes redundant colors, only uses local color tables if it absolutely has to (local color tables waste space and can cause * viewing artifacts), etc. * It can shrink colormaps and change images to use the Web-safe palette (or any colormap you choose). * It can optimize your animations! This stores only the changed portion of each frame, and can radically shrink your GIFs. You can also use transparency to make them even smaller. Gifsicle’s optim