文章摘要
我们使用三种常用格式:JPEG、GIF和PNG.虽然它们是常用的,但它们之间有很大的区别.这三幅图片在网页设计前有一篇文章在分析中,文章先分析:JPEG支持24位颜色,并保留照片中的其他存在于连续色调图像的亮度和色调,细微变化明显.
我们使用三种常用格式:JPEG、GIF和PNG.虽然它们是常用的,但它们之间有很大的区别.这三幅图片在网页设计前有一篇文章在分析中,文章先分析:JPEG支持24位颜色,并保留照片中的其他存在于连续色调图像的亮度和色调,细微变化明显.
大多数浏览器支持JPEG.JPEG通过选择性地减少数据压缩文件大小.因为它会丢弃数据,所以jpeg压缩称为丢失压缩.高质量的设置导致使用的数据更少,但是JPEG压缩降低了图像中细节的清晰度,尤其是包含文本或矢量图形的图像.
GIF格式:在锐化细节时,它使用8位颜色,有效地压缩纯色区域.您还可以使用GIF格式创建动画图像,大多数浏览器都支持GIF格式,采用LZW压缩,以及无损压缩方法.他也有缺点,因为它是八种颜色,如果你优化了原始的24位图像,颜色信息就会丢失.
PNG文件比GIF文件更高级,并且可以比相同图像的GIF文件小10至30%,这取决于图像的颜色模式.由于并非所有浏览器都支持PNG,所以建议在尽可能多的Web用户访问该映像时避免使用这种格式.有两种类型的PNG格式:PNG-8和PNG-24.
PNG-24文件相同的图像往往比JPEG文件.除了支持背景透明度和背景杂波的PNG-24格式,还支持多层次的透明度.多颜色级别的透明度允许保留多达256个级别的透明度,而不是所有的浏览器支持,可以平滑的图像与任何背景颜色的边缘.
在看了这三幅图片的优缺点之后,让我们继续讨论网页设计中应该使用哪种格式.其实这是比较清晰的一种,如果图片是用JPEG格式扫描图片或照片,JPEG格式适合用来存储照片,在你的电脑上做规定的水平,按钮,以及在动画图像的形式,这些应该使用GIF图像,动画GIF格式可以用来做.
大多数浏览器支持JPEG.JPEG通过选择性地减少数据压缩文件大小.因为它会丢弃数据,所以jpeg压缩称为丢失压缩.高质量的设置导致使用的数据更少,但是JPEG压缩降低了图像中细节的清晰度,尤其是包含文本或矢量图形的图像.
GIF格式:在锐化细节时,它使用8位颜色,有效地压缩纯色区域.您还可以使用GIF格式创建动画图像,大多数浏览器都支持GIF格式,采用LZW压缩,以及无损压缩方法.他也有缺点,因为它是八种颜色,如果你优化了原始的24位图像,颜色信息就会丢失.
PNG文件比GIF文件更高级,并且可以比相同图像的GIF文件小10至30%,这取决于图像的颜色模式.由于并非所有浏览器都支持PNG,所以建议在尽可能多的Web用户访问该映像时避免使用这种格式.有两种类型的PNG格式:PNG-8和PNG-24.
PNG-24文件相同的图像往往比JPEG文件.除了支持背景透明度和背景杂波的PNG-24格式,还支持多层次的透明度.多颜色级别的透明度允许保留多达256个级别的透明度,而不是所有的浏览器支持,可以平滑的图像与任何背景颜色的边缘.
在看了这三幅图片的优缺点之后,让我们继续讨论网页设计中应该使用哪种格式.其实这是比较清晰的一种,如果图片是用JPEG格式扫描图片或照片,JPEG格式适合用来存储照片,在你的电脑上做规定的水平,按钮,以及在动画图像的形式,这些应该使用GIF图像,动画GIF格式可以用来做.
公安备案：皖公网安备34019102000119号