皮皮虾 发表于 2022-4-13 15:15:17

网站图片优化的原则

现在的网站大量的使用图片,那么这些图片如何优化才好呢?

1)在网站设计之初,要做好计划,壁纸的使用方法等,让你知道该怎么做。

2) 编辑图片时,应做好修剪,以显示必要的、相关的和内容相关的部分。

3)输出图片时,图片尺寸要设置正确,长宽像素要设置成自己需要的尺寸,而不是输出大图,然后在使用的时候,指定更小的长宽缩放图像。

4)尽量结合装饰图片来保持http请求的数量。在具体使用中,使用了 CSS wit。

5) 页面的边缘和背景应该尽可能使用CSS而不是图像来显示。

6)在图片的使用上,尽量使用png格式来代替过去常用的gif和jpeg格式。在保持质量的同时使用尽可能小的文件。

7) 在 html 中明确指出图像的大小。

8)如果你使用photoshop,缩放图像通常会使图像模糊,你可以使用智能锐化来增强图像。

9) 对于 Gif 和 PNG 文件格式,尽量减少颜色位数。

10) 对于 Gif 和 PNG 文件,尽量减少抖动以使文件更小。

11)如果要给图片添加文字,如果可能的话,不要在图片中插入文字,而是使用透明背景图片,或者CSS位置来覆盖图片上的文字,这样不仅可以达到同样的效果。效果,还能让画面更漂亮。压缩效果好。

12) 在较小的 Gif 和 PNG 图像上,可以使用有损压缩。

13)如果可能的话,在保证前景清晰的基础上,使用局部压缩来更大程度的压缩背景。

14) 图像优化前,如果能做到降噪,可以额外获得20%的压缩。

15)jpg图片也可以模糊背景,压缩的时候可以进一步压缩。

页: [1]
查看完整版本: 网站图片优化的原则