选择显示字体大小

用photoimpact给你的网页图片减肥

    经过一番优化,原来379kb大小的jpeg图像被压缩到了77.7kb,而且图像质量并不差!想知道应该怎么做吗?看看下面的文章……

    笔者有自己的个人主页,经常需要在设计网页时加入一些图片。可是有许多比较精细一些的图片个头都不小,非常影响整个网页的运行效率。我们在设计网页时如何才能在图像质量和图像大小之间找到一个合适的比率呢?友立公司出品的photoimpact(photo 硬派)软件中所带的图像优化器可以帮你的忙。

    下面笔者就来介绍一下它的使用方法:

    第一步,运行“photoimpact”软件,打开要优化的图像。

    第二步,打开“图像优化器”,单击“web”菜单中的“图像优化器”选项,打开“图像优化器”命令框,单击右边预览窗口下方的“jpeg 图像优化器”按钮。

    第三步,设置模式。单击“jpeg 选项”选项卡,在“模式”右边的下拉框选择创建jpeg文件的模式,这里有渐进、标准或标准优化三种模式,“渐进”可以使图像在下载时以逐渐淡入的方式显示,“标准”将创建与所有浏览器都兼容的图片,但这样的文件体积要比“渐进”模式的文件大,而“标准优化”则可以用非渐进的压缩技术创建尽可能小的图像文件。

    第四步,设置采样模式。“二次采样”可以改善压缩状况,但也可能会损失一些色彩信息。这里我们在“二次采样”中选择“yuv411”模式,这种模式的压缩率是最高的。

    第五步,设置压缩率。拖动“质量”右侧的滑动条来调整压缩程度,或者直接在输入框中输入数值也行。数值越小,文件体积也就越小,但图像的质量也就相对越差。这里调节时注意一些,压缩的不能太厉害了,否则图像可能会变得惨不忍睹了哦!一边拖动滑块,一边注意在预览窗口中查看效果,个人认为质量在40左右就可以了。

    第六步,设置图像柔化度。单击“柔化”右边的下拉框,选择一个数值,数值越高,图像显得越平滑,尺寸也会越小,也会更模糊一些。然后在“文件类型”中选择真彩色(。

    第七步,批处理。为了掌握好压缩率与图像质量之间的关系,您可以用“批处理”命令来了解一下各个压缩率下的图像效果。单击“批处理”按钮,打开对话框,在这里设置好压缩质量的范围及测试次数后,单击“确定”按钮进行批处理压缩测试。完成后,您可以在“批处理结果”对话框中查看测试结果,满意哪个结果,单击“选取”按钮即可。

    经过上面的设置,你已基本完成了图像的优化,这时候你可以单击原始图像下方的“浏览器预览”按钮用默认的浏览器查看一下图像在网页上的效果了。图像下方有图像的大小、下载时间等参数。你可以单击“调制解调器速度”菜单按钮,选取好连接速度,计算一下优化后图像的下载时间,这样就可以进行有的放矢的调整了!


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons