html – 我应该使用什么图像类型? GIF,JPG还是PNG?

前端之家收集整理的这篇文章主要介绍了html – 我应该使用什么图像类型? GIF,JPG还是PNG?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试为自己创建一个个人主页,以了解有关网页设计(JavaScript,使用Photo Shop等)的更多信息.我计划在左边有一个图形菜单,顶部有一个横幅,还有一个“照片”部分,我可以在其中显示我拍摄的各种照片的照片.

但是,当我查看其他类似的网站时,我看到一些使用GIF,有些使用JPG,有些甚至使用PNG.这些之间有什么区别吗?我应该为网站上使用的图形图像和我的照片的JPG使用GIF吗?我应该制作一切PNG吗?

完全重复:

> PNG vs. GIF vs. JPEG vs. SVG – When best to use?
> Website Image Formats: Choosing the right format for the right task.
> Which format for small website images? GIF or PNG?

解决方法

在以下情况下应使用PNG:

>您需要透明度(1位或Alpha透明度)
>无损压缩效果很好(例如图表或徽标,或计算机生成的图像)

在以下情况下应使用JPEG:

>无损压缩效果不佳(如照片)

GIF应该在以下时间:

> PNG不可用,例如在非常旧的软件或浏览器上
>动画是必要的

尽管有相反的神话,但PNG在大多数方面都优于GIF.除了动画之外,PNG还能够实现GIF的每种图像模式,并且当使用相同的图像模式时,由于与LZW相比,PNG具有更好的DEFLATE算法,因此PNG将具有更好的压缩效果. PNG还能够提供GIF无法执行的其他模式,例如24位颜色和Alpha透明度,但这是您需要注意的地方:如果您忘记转换为调色板模式,您的PNG图像可能会以24位颜色保存这将占用更多空间.

PNG模式包括(这只是一小部分)

>调色板颜色为2至256色(如GIF)
>调色板颜色2至256色,透明色(如GIF)
>真彩色(24位色)
>带alpha通道的真彩色(24位彩色8位alpha透明度)

要在Web上使用PNG进行最佳压缩,请使用调色板模式.如果您发现PNG文件大于等效的GIF文件,那么您将以24位颜色保存PNG并在调色板模式下保存GIF(因为GIF始终处于调色板模式).首先尝试转换为调色板模式.

PNG还具有其他模式,例如具有Alpha透明度的调色板颜色.诸如此类的模式无法在Photoshop中创建,但其他应用程序可以创建它们.

编辑2013:删除了一堆关于IE6兼容性的东西.

猜你在找的HTML相关文章