图像的切片技术

2012/11/29 14:55:59作者：佚名来源：网络

移动端

图像的切片技术主要有两大重要用途：第一，当使用一幅完整的图片作为网页时，需要对它进行切片，以加快网页的下载时间，这种情况多出现在个人网站中；第二，在制作导航按钮时，无论是在多媒体作品中还是在网页作品中，都需要从整体的界面设计中逐一地将按钮输出，以便制作时使用，这时也要对图像进行切片。

一、个性主页的切片

当网页中放置了一幅较大的图片时，网页的下载时间较长。为了加快网页的下载速度，可以把大图片分成若干个小图片，然后再将这些小图片重新组合成一体，这就是网页技术中的图像切片。利用imageReady提供的切片工具，用户可以轻松实现图像切片。
切片还可以用于在Web页中创建超链接、动态按钮和动画，并可以对每个切片分别应用不同的优化设置。当将图像存储为Web页时，每个切片将作为个独立的文件存储，但通过浏览器观察到的仍然是一个完整的图像。实际上，它使用了HTML技术中的表格，对切片后的图像进行重新拼接，在Dreamweaver软件中打开输出后的网页可以清晰地看到这点。

二、导航按钮的切片

无论是多媒体作品还是网页作品，都需要导航按钮。而导航按钮的制作通常是与界面设计一起进行的，这样做的好处是便于整体协调版面的颜色、布局、对比关系等。但是整合多媒体程序或制作网页时却需要使用独立的按钮，因此，设计完成了界面后，还要将按钮进行切片输出。
如图所示是一个多媒体光盘界面。制作多媒体程序时，需要将下方的导航按钮切片输出。切片时可以使用切片工具，但是为了保证每个导航按钮大小一致，建议执行“图层>新建基于图层的切片”命令。使用该命令时，要保证每个按钮都在一个独立的图层上。
将导航按钮切片后，选择所有的按钮切片，再执行“文件>将优化结果存储为”菜单命令，在弹出的“将优化结果存储为”对话框中设置参数，如图所示(注意：如果输出的是网页按钮，文件名不要使用中文，这与输出网页的设置不同)。

运行效果

以上就是有关图像的切片技术的相关内容，希望对你有所帮助。

标签：

热门软件/ 推荐游戏/ 手机软件

图像的切片技术

资讯分类

推荐教程

精品软件推荐