gif(1987年) jpg(1992年) png(1996年)
大小 很小 一般 大(png24)
质量 低 一般(缩放有损失,失真) 高(无损压缩,不失真)
动画 支持,使用无损压缩 不支持 不支持
透明度 支持单一透明度 不支持透明 支持透明
用途 小动图,使用8 bit彩色 产品图,banner图,常换,24bit真彩色 logo,常年不换的小图标,透明的
JPEG/JFIF是最普遍在万维网(World Wide Web)上被用来储存和传输照片的格式。JPEG在色调及颜色平滑变化的相片或是写实绘画(painting)上可以达到它最佳的效果。在这种情况下,它通常比完全无失真方法作得更好,仍然可以产生非常好看的影像(事实上它会比其他一般的方法像是GIF产生更高品质的影像,因为GIF对于线条绘画(drawing)和图示的图形是无失真,但针对全彩影像则需要极困难的量化)
PNG:8位PNG支持两种不同的透明形式(索引透明和alpha透明),24位PNG不支持透明,32位PNG在24位基础上增加了8位透明通道(32-24=8),因此可展现256级透明程度
JPG 和 PNG:JPG在图片压缩方面有巨大优势,但采用有损压缩,图片质量有损失。一般截屏用PNG格式不但比JPG质量高 且 文件还更小;防锯齿PNG非常有优势。
最近一阶段在用Axure8做布局设计,在做轮播banner图时出现了按钮闪烁的情况,我的解决情况如下:
1、把左右按钮和动态面板组合到一起,把移入移出事件加给组上面(可行)
2、在动态面板上加热区,把按钮加在热区上面(当时做的时候还是出现了问题Q_Q!,然后我的感觉是按钮和热区的上下顺序有关,具体没有实践。。。)