vimwiki

Web image format

They are four main image format for the web with different use cases:

• jpg
• png
• gif
• svg

jpg

• + large color palette for low size
• - no transparency.
• Use cases: photography and images with lots of gradient

png

• + opacity, no color palette limitation
• - bigger than jpg for same quality
• Use cases: icons, technical diagram, logo…

gif

• + animation
• - limited in color, binary transparency(can’t be semi opaque)
• Use cases: simple animation

gif

• + vector base (scalable)
• - file size can be big if lots of text in the svg
• Use cases: same as png, responsive design

source