Web图片格式介绍

常用格式

• 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种格式的处理。

参考资料

• https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types