你有没有见过很多网站使用了很多图片,但下载速度还是很快的,所以这里有一些秘密与你分享
1) 在网站设计之初,就要做好规划,比如如何使用背景图片等,这样我们就有了清晰的思路。
2) 编辑图片时,你应该把它剪下来,以显示必要的、重要的和相关的部分。
3) 在输出图像时,应正确设置图像的大小,并将长度和宽度像素设置为所需的大小,而不是输出大图像。使用图像时,应指定较小的长度和宽度以缩放图像。
4) 尝试合并装饰图片以节省HTTP请求的数量。
5) 页面上的边框和背景应该用CSS而不是图片来显示。
6) 在图片的使用上,可以尽量使用PNG格式来代替过去常用的GIF和JPEG格式。在质量保证的情况下,使用最小的文件。
8) 如果使用Photoshop,缩放通常会使图像模糊。您可以使用smartsharpen使图像更好。
9) 对于GIF和PNG文件格式,尽量减少颜色位的数量。
10) 对于GIF和PNG文件,尽量减少抖动以使文件变小。
11) 如果要将文本添加到图像中,请尽可能不要将文本嵌入图像中。相反,可以使用透明的背景图像或CSS定位让文本覆盖图像,这样可以达到同样的效果,并在更大程度上压缩图像。
12) 有损压缩可用于较小的GIF和PNG图像。
13) 在保证背景清晰的基础上,尽可能对前景进行较大程度的压缩。
14) 如果在优化前对图像进行去噪处理,可以得到20%以上的压缩比。
15) Jpg图像也可以模糊背景,当压缩时,它们可以压缩更多。
使用这些步骤可以大大降低网站的加载速度并减少您的担心。