优化工具可以帮助您在图像的显示质量和文件大小之间取得平衡。由于大图像文件可能会使网页加载非常慢,因此在不牺牲太多图像质量的情况下,达到尽可能小的文件大小对于网页开发至关重要。 There are various methods for displaying an image using optimization
1- 链接缩略图这种技术将原始图像调整为较小的第二版本,大约是头像大小。该较小图像经过了高度优化,以尽可能多地删除信息,同时使其保持可识别性。这个缩略图可以超链接到原始图片,图片尺寸和质量更大。超链接可以在另一页打开原始图片,或者作为弹出窗口,让观看者选择最初显示优化版本,如果他们想要查看更大的版本,可以点击它。
2- 交错交错是GIF文件中的特性,可以使图片在网页上加载得更快。图片在浏览器中快速显示,尽管其质量可能较差。随着传输的数据增加,图片质量会提高。需要注意的是,交错GIF文件通常会比非交错文件稍大,因此只有当快速看到图片比稍后再看到它但质量更完整更重要时才使用交错。
3- 逐步JPEG任何JPEG文件都可以保存为逐步JPEG。这与交错GIF非常相似。就像GIF一样,它会在页面首次加载时向访问者展示低质量的图片,然后在多次传输中逐步提高图片的质量。一些优化编辑工具允许您指定图片完全下载前的传输次数。
4- Flash缩放Flash可以用来显示非常大的图像,从物理尺寸到字节大小。它是通过将原始图像分割成几个小瓷砖,然后将它们无缝拼接并“流式传输”到观看者那里,以便根据观看者正在查看的图像部分来实现的。
5- 表格段。一些优化工具可以允许您手动将图像分成几个更小的区块,如瓦片。这些区块然后在相应数量的表格单元格中进行使用。每个单元格无边框,没有间距或填充。当表格加载时,每个单元格会加载其自己的(小的)图像部分,这相对较快。这种效果是通过在表格加载时逐个显示各个部分来阶段图像加载过程。显然,每个单元格中图像的各个部分必须正确匹配。
一些图像优化工具将允许您通过预览和比较不同文件压缩格式和设置的(kb大小和图像质量)结果来优化您的图形。这是一个有用的选项。
另请参阅如何在xoops网站中使用图像进行准备?以及
我应该使用PNG、GIF、JPG还是其他图像类型?
图像大小
是否有方法可以动态指定图像的大小?
例如 [img size=90%]
或 [img size=640x400]