Web图片格式介绍

2022-11-04 17:31 阅读

常用格式

  • APNG。后缀:.apng,MIME type:image/apng。动态图,比gif性能好,但不如webpge格式。过渡格式。Java不支持。浏览器支持: Chrome, Edge, Firefox, Opera, Safari。
  • AVIF。后缀:.avif,MIME type:image/avif。静态图、动态图,表现都很好。不够流行,浏览器支持不好。Java不支持。浏览器支持: Chrome, Opera, Firefox (只支持静态图、不支持动态图)。
  • GIF。后缀:.gif,MIME type:image/gif。静态图、动态图,简单图片表现好。静态图应使用png代替,动态图应使用WebP, AVIF or APNG代替。浏览器支持: Chrome, Edge, Firefox, IE, Opera, Safari。
  • JPEG。后缀:.jpg, .jpeg, .jfif, .pjpeg, .pjp,MIME type:image/jpeg。静态图。不支持透明,简单图可使用png代替,复杂图可使用WebP或AVIF代替。使用广泛。Java支持。浏览器支持: Chrome, Edge, Firefox, IE, Opera, Safari。
  • PNG。后缀:.png,MIME type:image/png。静态图。支持透明。用于简单图片。使用广泛。Java支持。浏览器支持: Chrome, Edge, Firefox, IE, Opera, Safari。
  • SVG。后缀:.svg,MIME type:image/svg+xml。向量图。需要在不同尺寸都清晰显示时,非常有优势。浏览器支持: Chrome, Edge, Firefox, IE, Opera, Safari。
  • WebP。后缀:.png,MIME type:image/webp。静态图、动态图。最好的网络图片格式,图片格式的未来。Java支持。浏览器支持: Chrome, Edge, Firefox, Opera, Safari。

过时格式

以下格式要么有更好的代替格式,要么没有得到浏览器的广泛支持,应该避免使用。

  • BMP。后缀:.bmp,MIME type:image/bmp。Java支持。浏览器支持: Chrome, Edge, Firefox, IE, Opera, Safari。
  • ICO。后缀:.ico, .cur,MIME type:image/x-icon。浏览器支持: Chrome, Edge, Firefox, IE, Opera, Safari。
  • TIFF。后缀:.tif, .tiff,MIME type:image/tiff。Java支持。浏览器支持: Safari。

总结

考虑目前的使用程度、未来的趋势以及Java支持情况,GIF、JPEG、PNG还是主流,WebP则是未来趋势。Java支持这4种格式的处理。

参考资料

咨询
交流群
电话