10、选择合适的图像格式

选择合适的图像格式

1. 图像边框问题

在IE浏览器中， <a> 元素内的图像周围会绘制蓝色边框（在黑白图像中显示为灰色），但HTML规范中并没有要求为作为链接的图像添加边框，其他浏览器也不会这样做。这个边框不太美观，可使用CSS来设置 <a> 元素内的 <img> 元素无边框。

2. 图像准备的重要性

图像和图形能让网站生动起来，但必须学会为网页准备图像，否则会显著增加页面加载时间。在桌面或笔记本电脑上编写网站时，可能意识不到页面在互联网上的加载时长，本地文件的加载速度比在互联网上快很多。因此，选择合适的图像格式并正确保存图像，能确保网站加载速度不会过慢，从而让访问者更满意。

需要注意的是，虽然可以通过右键点击图像（或Ctrl + 点击）并选择“下载图像到磁盘”或“另存为图像”来从其他网站下载图像用于练习，但图像受版权保护，在网站上使用他人图像可能会引发法律问题。

3. 位图图像

大多数网页上的静态图像属于位图图像。位图图像将图片划分为像素网格，并分别指定每个像素的颜色。电脑屏幕就是由像素组成的。常见的位图格式有JPEG、GIF、TIFF、PNG以及容易混淆的位图（BMP）。

图像每平方英寸的像素数量称为图像分辨率。网页图像通常以每英寸72像素的分辨率保存，这与电脑屏幕每平方英寸的像素数量相对应。而印刷图像通常以每英寸300点的分辨率提供给打印机。图像每英寸的像素或点数越多，文件大小（以KB为单位）就越大，文件越大，在网络上传输所需的时间就越长。所以，网页上使用的图像