TOML

Image File Formats - TOML

Image file formats are standard formats for storing, displaying, and transferring digital image data on computers. Various formats exist depending on usage and characteristics, including JPEG, PNG, GIF, BMP, SVG, WebP, and AVIF. Each has distinct features regarding compression methods, transparency, animation support, and color depth. Choosing the appropriate format is essential for purposes such as web display, printing, photo storage, and icon creation. In recent years, next-generation formats like WebP and AVIF, which offer high compression with high quality, are becoming increasingly popular.

image format JPEG PNG GIF WebP AVIF SVG web development graphics

[[items]]
code = "01"
slug = "jpeg"
name = "JPEG"
description = "Lossy compression format optimized for photographic images."
animation = false
browserSupport = "Universal (all browsers)"
compression = "Lossy compression (DCT-based)"
extensions = "[\".jpg\",\".jpeg\",\".jpe\",\".jif\",\".jfif\"]"
fullName = "Joint Photographic Experts Group"
mimeType = "image/jpeg"
transparency = false
useCases = "[\"Photographs\",\"Web display\",\"Digital cameras\",\"Print images\"]"

[[items]]
code = "02"
slug = "png"
name = "PNG"
description = "Format supporting lossless compression and full alpha transparency."
animation = false
browserSupport = "Universal (IE9+)"
compression = "Lossless compression (DEFLATE)"
extensions = "[\".png\"]"
fullName = "Portable Network Graphics"
mimeType = "image/png"
transparency = true
useCases = "[\"Screenshots\",\"Logos and icons\",\"Transparent images\",\"Charts and diagrams\"]"

[[items]]
code = "03"
slug = "gif"
name = "GIF"
description = "Format supporting animation and 1-bit transparency."
animation = true
browserSupport = "Universal (all browsers)"
compression = "Lossless compression (LZW)"
extensions = "[\".gif\"]"
fullName = "Graphics Interchange Format"
mimeType = "image/gif"
transparency = true
useCases = "[\"Simple animations\",\"Small icons\",\"Logos\",\"Shapes\"]"

[[items]]
code = "04"
slug = "bmp"
name = "BMP"
description = "Standard bitmap image format for Windows."
animation = false
browserSupport = "Universal (limited use)"
compression = "Uncompressed or lossless compression"
extensions = "[\".bmp\",\".dib\"]"
fullName = "Bitmap"
mimeType = "image/bmp"
transparency = false
useCases = "[\"Windows applications\",\"Intermediate format for image editing\",\"System resources\"]"

[[items]]
code = "05"
slug = "svg"
name = "SVG"
description = "XML-based scalable vector graphics format."
animation = true
browserSupport = "IE9+, Chrome 4+, Firefox 3+, Safari 3.2+, Edge 12+"
compression = "XML-based (HTTP compressible)"
extensions = "[\".svg\",\".svgz\"]"
fullName = "Scalable Vector Graphics"
mimeType = "image/svg+xml"
transparency = true
useCases = "[\"Icons and logos\",\"Charts and diagrams\",\"UI elements\",\"Print graphics\"]"

[[items]]
code = "06"
slug = "webp"
name = "WebP"
description = "Next-generation web image format developed by Google."
animation = true
browserSupport = "Chrome 23+, Firefox 65+, Safari 14+, Edge 18+, Opera 12.1+"
compression = "Lossy and lossless (VP8-based)"
extensions = "[\".webp\"]"
fullName = "WebP"
mimeType = "image/webp"
transparency = true
useCases = "[\"Web image optimization\",\"Animation\",\"Transparent images\",\"Responsive images\"]"

[[items]]
code = "07"
slug = "avif"
name = "AVIF"
description = "Next-generation image format using AV1 codec."
animation = true
browserSupport = "Chrome 85+, Firefox 93+, Safari 16+, Opera 71+, Edge (Chromium-based)"
compression = "Lossy and lossless (AV1-based)"
extensions = "[\".avif\",\".avifs\"]"
fullName = "AV1 Image File Format"
mimeType = "image/avif"
transparency = true
useCases = "[\"Highly compressed web images\",\"HDR images\",\"High-quality photos\",\"Next-gen web development\"]"