5. Summary

The following table lists the pros and cons, special features and the application of the image file formats.

While you discover several negative marks in the JPG column, don’t forget that it’s still the only format of choice when it comes to photos. Aside from this, we at Codingpeople prefer to use PNGs for graphics and icons, and we will gladly support you in regards to SVG if you want to future-proof your web artwork.

 

Lossless

Animation

Transparency

Layers

Pros

Cons

Usage

PNG-8

check-sm.png

cross-sm.png

cross-sm.png

  cross-sm.png

Lossless, wide compatiblity, transparency

-

Logos, icons, clipart

PNG-24

check-sm.png

cross-sm.png

cross-sm.png

cross-sm.png

Lossless, wide compatiblity, transparency

Files too large for photos

Archiving

JPG

cross-sm.png

cross-sm.png

cross-sm.png

cross-sm.png

Small files, wide compatiblity

Lossy

Photos

GIF

check-sm.png

check-sm.png

check-sm.png

cross-sm.png

Small animations (archaic), wide compatiblity, transparency

Only 256 colors

-

SVG

check-sm.png

check-sm.png

check-sm.png

check-sm.png

Scalable without quality loss

-

Graphics