设计的可用性和图像压缩
我们应该知道的两个流行的互联网浏览器,Netscape Navigator和Internet Explorer中,是他们不以同样的方式显示网页。
为了使事情更混乱,也没有个人电脑或Mac电脑上显示图像的方式相同。总之,在Mac上创建的图像出现在电脑上多黑暗,在PC上创建的图像出现在Mac上轻松得多。像素大小差异(每英寸72像素和96在Mac上每英寸像素为640x480的PC上)使字体大小大不相同。
我们将在本文中介绍的几个秘诀是,以确保很好地展示您的网页不管系统或浏览器,并帮助您的网页下载尽快不管他们是怎么被观看。
步:压缩图形
在我们做任何事情,我们必须确保我们的图形已为网络优化。
大多数图形程序都具有根据所谓的 另存为网页 文件选项。一旦你创建的图形,你需要确信你喜欢它,因为它是完全相同,并准备上传你的网站上花一分钟时间来打开这个原始的,伟大的软件图形,单击此选项。
当您单击另存为网页格式,你应该能够预览终结果之前,实际上储蓄。在Photoshop中,您将获得此选项和 滑杆 ,让你从高转移到低质量时,作为一个JPEG保存。当你与品质移动,你会发现文件大小下降或增加。看起来更近了,你会看到一个点,显示大约多少时间,将会采取不同的连接速度下载该图形。
为优化您的图形的实际方法将根据不同的图形软件所使用。终的结果是一样的-你需要的必要性需要采取一分钟,创造高的对比低的文件大小的图片,你可以质量。
互联网的两个主要的图形格式,JPEG和GIF,都内置有两种格式之间的主要区别一些压缩,正如我们将看到,总有该图像压缩方面也下一点,以尽可能多挤时间超过了它。
JPEG格式
是一个松散的压缩方法。换句话说,它只是为了节省空间,丢弃的图像部分。JPEG算法的个图像划分成正方形(你可以看到这些广场严重压缩的JPEG文件-俗称 pixellating )。然后,它使用一个数学方程称为离散余弦变换转成曲线,一起去组成图像的数据设置广场。根据你想要多少图像的压缩算法丢弃的数据不太重要的一部分(较小的曲线),其中增加较少,对整体 形 的形象。这意味着,不像一个GIF,你就会得到多少,你说的要压缩的形象。但是,宽松的压缩方法可以生成诸如假彩色和区块效应不良影响。
图像互换格式
代表图形交换格式。这是一个无损耗的压缩方法。这意味着,当该程序创建一个GIF南瓜原始图像时,它需要注意不要丢失任何数据。它使用一个简单的替代方法的压缩。
压缩的大可用以gif依赖于不断重复中有一个图象。平坦的色彩以及有时甚至会压缩到一个原始文件的大小而十分复杂的,不重复的图像将票价差,也许只有节省20%左右。
与GIF文件的一个问题是,他们被限制为256色或更少的调色板。此外,因为你没有在压缩总量控制,下载速度将大大改变使用一个GIF。就个人而言,我建议使用的GIF只有当你需要他们的动画和一个灵活的JPEG为别的依靠。
抗混叠
反走样是用于制作弯边在电脑屏幕上出现平稳的技术。它主要用于大字体字体和图形,但也可使用。其效果是通过使用在边界中介颜色,掩盖了硬边。
反锯齿是获得周围的电脑屏幕分辨率低,使您的文字出现一帆风顺的,如果他们愿意刚参加了时尚杂志权宜之计。
当使用图形中的文本或使用图形来代替文字总是反别名文本。在Photoshop中,您将得到在您的工具栏上选择的权利-只要勾选复选框。
第二步:
既然有这么一个平台和浏览器之间,大的不同,确保你 试驾 你的图形-和布局一般对于这个问题,-在你决定你是 完成 。尝试查看许多不同的浏览器您的网站,你可以得到你的手,然后采取不同的平台上一看它-如果你使用电脑,看看如何在Mac上的另一半冲浪,反之亦然。
你应该采取的另一个步骤,以帮助减少您的网页上下载速度是使用您的图像的高度和宽度标签。所见即所得的编辑通常会为你做这个。如果你用手做你的HTML,确保有一个高度和宽度为每个网页上的图像的指定。
后,更多的图像,你回收你整个网站中使用,更好的访问者的体验会。一旦图像在浏览器缓存中,浏览器将不会重新下载。这意味着,如果你用10个不同的网页完全一样的图像导航栏,浏览器将只下载一次。