今天周末,正好休假,闲着无事,就把以前从网上下载的HP模板整理一下!整理中发现几个HP模板体积很大,例如《国色天香》-------580kb《金屋藏娇》-----775kb,简直是“胖子”,于是就想为模板减肥^_^。下面以《金屋藏娇》为例说明减肥的全过程!
1.把隐藏的文件显示出来,多出了一个名为Thumbs.db隐藏文件,这是一个数据库文件,微软的说法是能加快图片的浏览速度,至于加快了多少,我看不出来,我们是来为模板减肥的,不是看图的,这文件属垃圾文件范畴,理所当然应该删掉,不过此时不要删除,最后一步才将其删掉。此时,查看模板原体积——775k
2.删除多余的文件(模板中未使用的文件)。HP模板不同于软景,模板文件夹中所有文件都会被软件复制,软景则不会,因此删除多余的文件很有必要(模板中跟本就没使用的文件)。检查了一下《金屋藏娇》中有menu.js和04.jpg的文件,删掉减了230K。对于有些模板来说,多余的文件是图片,如果将其删掉,模板将减肥不少。所以这步是不能省掉的
3.文件夹index中共有6个子文件和文件夹,其中image和pic文件夹就占了744K,因而,减肥重点就在这两个文件夹
a.我们先为image文件夹减肥,里面的图片是模板使用的文件,一共653K,巨无霸一个^_^
告诉大家一个很好用的方法,不用装什么软件,就用系统自带的画图工具就行!具体做法是用画图工具打开图片(静态的,不是GIF动态格式),在将其“另存为”在相同的位置,将原图片替换掉!替换前和替换后,根本就看不出什么区别! 现在再看只有190K,从653K变为190K,瘦身不少!
b.再看pic文件夹,里面的图片是用来做chapter.htm的背景图片特效的,一共91K!在我看来完全可以用“背景颜色”代替“背景图片”。图片一般都有花纹,会影响某些文字的阅读。而“背景颜色”只要颜色值适当,则不会出现此问题,而且还能减肥不少!因此将pic文件夹删掉!当然此时应对的biao1.js中下拉列表中相应选项的value值改为颜色代码!
4.做完了上述几步后,再看模板只有200K,减肥显著,不过仍然有点肥,继续瘦身。重点落在image文件夹,用PS打开图片,文件--存储为web和设备所用格式,在弹出的对话框中选择”jpg格式“,品质选”中等“然后存储在原位置,替换掉原图片,替换后的图片看不出损失了多少像素!这样image文件夹由190K变为128kb
5.删掉Thumbs.db文件
好了整个瘦身过程完成。再看此时模板变为140kb。从775kb到140kb减了不少啊!
当然,还可以继续减肥,我觉得里面有些JS特效是多余的,如时间,日期等。屏幕右下角就显示时间,模板何必再加时间显示!还有再看看css文件。有些模板css文件中定义的类,标签,ID,伪类选择器等,加起来有40多种!一个HP模板用的着那么多样式吗?定义了就要使用!所以梳理一些多余代码也是必要的!