切片降低了网页减肥或加载时间

在界面设计网站技巧的领域,切片的过程划分为一个单一的 2D用户 界面 组成的布局( COMP )成多个图像文件(数字资产的)图形用户界面(GUI),一个或多个电子网页 。它通常是客户端创建一个网页和/或发展过程中的网站的一部分,但也可用于在用户界面设计的软件开发和游戏开发过程。

这 个过程涉及分区在任何一个单层的排版图像文件格式或多层原生文件格式分区使用的图形艺术软件。一旦分区,将其保存为单独的图像文件,通常在一个 GIF , JPEG 或 PNG 格式的批处理过程或一个时间。多层图像文件可能包括多个版本,相同的图像或状态,通常用于动画或者部件 。

实际使用情况

切片是用在许多情况下,凡平面设计布局,必须作为一个实施互动媒体内容 。因此,这是一个非常重要的技能通常由“ 前端 “开发商拥有的,是专门从事用户界面开发的互动媒体开发。

切片可能会产生几种不同的方式使用。前无表格的网页设计,切片图像一起举行恰恰与HTML表格。现代互动的页面布局,包括广泛使用层叠样式表(CSS)和语义标记 。表可用于Web浏览器,不能准确处理现代无表格的编码与罕见旧的兼容性 。

切片是专门用于位图图像。,矢量图像通常是处理媒体 播放插件应用程序,并包含在原始的多媒体文件格式,如 X3D , SWF , SVG 或 PDF文件。

优点

切片降低工作负荷和计算机数据存储空间的要求,需要只有一个充满活力的形象的变化,而 ​​不是整个图像的一部分。如果切片上是透明的多层次的形象的,它可以在不改变背景图像的多个部分被重用。

在网络上,打破了一个大的图像切片成许多较小的,从而降低了“网页减肥”或加载时间大大。可以用先进的切片方法,进一步压缩所需的数据量下载,以用户的计算机上的网页正确显示。

如 重复的背景图像这种技术意味着之一小的图像可下载的Web服务器只有一次然后被指示(通过一个CSS)来重复的标记语言,转向从Web服务器到客户端的计 算机的工作负荷。可以提高一定的性能问题,但与今天的技术和对转移的网页设计的发展趋势,网站通常需要高带宽的连接和最近的计算机硬件。

在离线的电子媒体,一个单独的二维图像切片的部分,可以用来降低本地计算机处理的要求,以改变该图像部分。

工具

不少行业标准的方案提供的能力,自动切片直接进入表的布局,使用内置函数。这些概括如下:

Adobe ImageReady中(停产后CS2中,从ImageReady中的功能移植到CS3的的)
ADOBE PHOTOSHOP
Macromedia Fireworks中(在CS3)

这些方案的最新版本,提高能力,直接转换成CSS艺术品虽然是非正统的方法,因为算法依赖于大量的绝对定位(例如),这可以在现代的Web浏览器的渲染 (显示)不一致。