当前位置: 首页 > 网络学院 > 设计教程 > 设计理念 > 图形简介:第二部分
Image Size
图像尺寸
Image size refers both to the height and width of the image in pixels and the file size. Large graphics take a long time to download over the Web and many people will become impatient. Try to keep your graphic files less than 35K in size.
图像尺寸涉及到图像的高度和宽度(单位:像素),以及生成的图像文件尺寸大小。从互联网下载大图会耗费很长时间,很多人会因此感到不耐烦。所以,尽量使你的图形文件小于35K。
Image resolution also affects the size of an image. The standard resolution for Web graphics is 72 dpi (dots per inch). Most image editing programs have commands to change the resolution. For example, in Adobe Photoshop choose Image Size from the Image menu to set the resolution.
图像解析度同样会影响图像的大小。网络图形的标准解析度为72dpi(dots per inch:每英寸点数[1英寸约2.54厘米])。大多数图像编辑程序都包含改变解析度的指令。举个例子来说,在Adobe Photoshop中,可以选择图像菜单的设置解析度指令来改变图像尺寸。
Also make sure your graphic is not larger than 600 pixels wide. Images wider than that require scrolling on smaller monitors. Most graphics applications have commands that display the size of the image in pixels. For example, in Adobe PhotoShop choose Image Size from the Image menu to see the dimensions of an image.
尽可能保证你的图形宽度不要超过600像素。如果图像宽度超过这个宽度,那么,有些小型显示器就会要求使用滚动条来浏览整张图形。大多数图像应用程序都包含以像素来显示图像尺寸的指令。举个例子来说,在Adobe Photoshop中,可以选择“图像尺寸”中的“图像”菜单来查看一个图像的尺寸。
For example an image that is 720 pixels wide is too large to fit within a standard browser window. You would have to scroll horizontally to see the entire image (unless your video resolution is set very high) and horizontal scrolling is big taboo on the Web.
举个例子来说,一个图像的宽度是720像素,这相对于标准的浏览器窗口来说太大了一点,你将会使用水平滚动条来查看整个图像(除非你的视频解析度非常高)并且禁止在网络中使用水平滚动条。
Transparency
透明度
The GIF
GIF
The figure below illustrates the problem with non-transparent graphics. Notice that Figure 1 has the white background of the GIF appearing against the grey background of the table. Figure 2 is the same graphic except saved in GIF
下面的图示阐明了非透明图形的问题。注意:图表1的Gif图片拥有一个白色背景,它与台面上的灰色背景形成对比;图示2中同样的图形并没有将GIF
图示 1 以GIF格式存储的白色背景图像
图示 2 这同样是GIF