应用错误收集

文件类型

优化图像时要考虑的第一个也是最简单的事情是文件类型。某些图像文件类型更适合特定图像。例如，JPG最适合拍摄照片。另一方面，PNG最适合于颜色较少的简单图像或使用透明度的图像。 24位PNG最适合包含照片元素和简单图形的图像。 8位PNG可以进一步减少少于256色的图像中的文件大小。

精灵和预加载器

减少加载时间的一个有用的做法是使用CSS sprites，它是显示一块较大图像的CSS代码。这种技术通常用于按钮上的鼠标悬停状态。例如，使用精灵，您可以将一段图像显示为您网站上的按钮，并在用户将鼠标悬停在该按钮上时显示该图像的不同部分。

虽然精灵经常用于交互式菜单和按钮，但它们也可用于从单个图像文件显示多个站点图像。这将要求浏览器只下载一个图像而不是三个或四个。

除了精灵之外，还可以使用JavaScript，jQuery，Ajax或CSS预加载图像。当预先加载图像时，浏览器下载或“预加载”图像，然后在用户访问图像时立即显示它。预加载可以大大减少图像繁重网站的加载时间，尤其是带有照片画廊的网站。

使用CSS代替图片

有时，减少图像加载时间的最佳方法是根本不使用图像。 CSS的改进使浏览器可以使用纯CSS渲染某些“图像”。现在可以使用CSS生成圆角矩形，渐变，阴影和透明图像。请注意，在使用CSS替换图像之前，每个浏览器都不会始终支持这些技术并且应仔细考虑浏览器兼容性。

建议在使用图像时对图像优化进行一些良好的读取并减少加载时间。