但是,当我查看其他类似的网站时,我看到一些使用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?
解决方法
>您需要透明度(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兼容性的东西.