1.切片的目的
提高网站性能:网页的打开速度与服务器的响应速度和网页的大小有关,如果图片太大,加载时间太长。所以在此情况下,如果用网页切片,会提高网页的加载速度,增强了用户体验。
2.使用的工具
个人喜欢用ps做切片,也可以用fireworks
3.步骤
- 将需要做切片的图片导入ps
- 打开(视图-->标尺),然后设置切片的参考线(这一步视个人情况而定)
- 选择切片工具
- 设置切片选项(鼠标右键选择‘编辑切片选项’,可设置大小、图片链接、说明等)
- 保存切片为网页格式,图片类型可设置为jpeg、png、gif,然后点击存储,格式一般选‘HTML和图像’。此时会保存成具有table的html页面和图片,如果要保存成div+css,则设置选“其他”,在弹出页面选“切片”生成css文件
4.可参考的例子
http://www.uimaker.com/uimakerhtml/uistudy/2010/0430/3379.html
http://www.ittribalwo.com/article/2711.html
http://www.16xx8.com/photoshop/jiaocheng/2014/133033.html