Lossy or lossless: which compression should I use for web images?

Use lossy (JPG, WebP, AVIF) for photographs — the human eye barely notices the difference at quality 80–85, and file sizes are 5–20× smaller. Use lossless (PNG, WebP-lossless) for screenshots, UI mockups, logos and anything with sharp edges or text — lossy creates ugly artifacts around boundaries.

Does conversion preserve EXIF metadata (camera, GPS, date)?

It depends on the tool: ImageMagick and FFmpeg copy EXIF by default, while cwebp drops it unless you pass -metadata all . KaijuConverter strips metadata server-side after conversion to protect your privacy — if you need to keep camera or GPS data, use a desktop tool you control.

Lossy or lossless: which compression should I use for web images?

Use lossy (JPG, WebP, AVIF) for photographs — the human eye barely notices the difference at quality 80–85, and file sizes are 5–20× smaller. Use lossless (PNG, WebP-lossless) for screenshots, UI mockups, logos and anything with sharp edges or text — lossy creates ugly artifacts around boundaries.

Does conversion preserve EXIF metadata (camera, GPS, date)?

It depends on the tool: ImageMagick and FFmpeg copy EXIF by default, while cwebp drops it unless you pass -metadata all . KaijuConverter strips metadata server-side after conversion to protect your privacy — if you need to keep camera or GPS data, use a desktop tool you control.

Guide

GIF Format: Complete Guide to Graphics Interchange Format and Animation

PC By Pablo Cirre • Updated May 7, 2026

What Is GIF Format?

GIF (Graphics Interchange Format) is a bitmap image format developed by CompuServe in 1987, with version 89a (which added animation) released in 1989. Despite being over 35 years old, GIF remains one of the most culturally prominent image formats on the internet, primarily known for its animation capability and widespread use in memes, reaction images, and short video-like content on social media platforms.

GIF uses lossless LZW compression and is limited to 256 colors per frame — making it excellent for simple graphics, logos, and line art, but poorly suited for photographs or complex imagery. Its animation support allows multiple frames with individual timing, creating the familiar looping animations seen across the web.

GIF File Structure

GIF files follow a well-defined binary structure:

GIF89a Header
├── Signature: "GIF" (3 bytes)
├── Version: "89a" or "87a" (3 bytes)
├── Logical Screen Descriptor (7 bytes)
│   ├── Canvas Width (2 bytes)
│   ├── Canvas Height (2 bytes)
│   ├── Global Color Table Flag (1 bit)
│   ├── Color Resolution (3 bits)
│   ├── Sort Flag (1 bit)
│   ├── Global Color Table Size (3 bits)
│   ├── Background Color Index (1 byte)
│   └── Pixel Aspect Ratio (1 byte)
├── Global Color Table (optional, 6n bytes for n colors)
│
├── [Graphic Extension Block] (optional)
│   ├── Extension Introducer: 0x21
│   ├── Graphic Control Label: 0xF9
│   ├── Block Size: 4
│   ├── Packed Fields (disposal method, user input flag, transparency flag)
│   ├── Delay Time (2 bytes, in centiseconds)
│   ├── Transparent Color Index
│   └── Block Terminator: 0x00
│
├── [Image Descriptor] (for each frame)
│   ├── Image Separator: 0x2C
│   ├── Left Position (2 bytes)
│   ├── Top Position (2 bytes)
│   ├── Width (2 bytes)
│   ├── Height (2 bytes)
│   ├── Local Color Table Flag
│   ├── Interlace Flag
│   └── Local Color Table Size
│
├── [Local Color Table] (optional, per frame)
├── [Image Data] (LZW compressed pixel data)
│
├── [Application Extension] (Netscape Looping Extension)
│   └── Loop Count (0 = infinite loop)
│
└── GIF Trailer: 0x3B

LZW Compression in GIF

GIF uses LZW (Lempel-Ziv-Welch) compression — a lossless dictionary-based algorithm that builds a code table during encoding:

Start with a code table containing one entry per color index (0-255 for 8-bit)
Read pixel colors one by one
If the current string of pixels is in the code table, continue reading
If not, add the new string to the code table and output the code for the previously matched string
Codes start at a minimum of 2 bits and grow as the code table fills

This process works best for images with large areas of solid color or repeated patterns (illustrations, logos, simple animations). For photographs with smooth color gradients, LZW compression is largely ineffective after color quantization.

Color Palette: 256 Colors and Dithering

GIF's 256-color limit is its most significant technical constraint. Each GIF uses a color palette — a lookup table of up to 256 RGB color values. Each pixel in the image stores an 8-bit index (0-255) into this palette rather than its full RGB color.

Color Quantization

For images with more than 256 colors (photographs, complex illustrations), the encoder must reduce to 256 colors through color quantization. Common algorithms:

Median Cut: Recursively divides the color space into equal-population regions
Octree: Builds a tree of colors and prunes less-important leaves
Wu's algorithm: Minimizes the weighted squared error between original and quantized colors

Dithering

After quantization, smooth gradients appear as harsh boundaries. Dithering reduces this by spatially distributing quantization error:

Floyd-Steinberg dithering: Error from each pixel is distributed to the right, lower-left, lower, and lower-right neighbors. Produces natural-looking patterns but may cause "dot pattern" artifacts
Ordered dithering (Bayer matrix): Deterministic threshold matrix; produces regular dot patterns
No dithering: Sharp color boundaries — visually harsh but smaller file size

For animated GIFs, dithering increases file size significantly because dithered pixels are less repetitive (LZW compresses repetition).

GIF Animation

GIF 89a's animation extension allows multiple image frames with individual frame delays and disposal methods.

Frame Delay

Frame delay is stored in centiseconds (1/100 second units). Delay of 0 is often interpreted as 100ms (10fps) by browsers to prevent CPU overload. Common animation rates:

4 centiseconds (25fps) — fast animation
10 centiseconds (10fps) — typical for GIF
100 centiseconds (1fps) — slideshow

Disposal Methods

After displaying each frame, the decoder must "dispose" of it before showing the next:

0: Do not dispose — leave previous frame visible (overlaid)
1: Do not clear — same as 0 (frame stays)
2: Restore to background — clear canvas to background color before next frame
3: Restore to previous — restore canvas to state before current frame was drawn

Looping (Netscape Extension)

The Netscape Application Extension (NETSCAPE2.0) added loop control:

Loop count 0: Loop forever (most GIFs on the internet)
Loop count n: Play exactly n+1 times
No extension: Play once

Frame Optimization

Animated GIF file sizes can be dramatically reduced by only encoding the portion of each frame that differs from the previous frame:

Frame 1: Full 640×400 canvas
Frame 2: Only the 50×20 region that moved, positioned at the change location
Frame 3: Only the region that moved again

This "delta encoding" is the primary optimization used by GIF optimizers like gifsicle and ezgif.

GIF Transparency

GIF supports 1-bit transparency: one color index in the palette can be designated as transparent, and all pixels with that index are rendered as completely transparent. There are no partially transparent pixels — it's binary (on/off).

This limitation makes GIF unsuitable for images with soft shadows, anti-aliased edges, or semi-transparent elements. PNG (8-bit alpha channel) or WebP are better choices for transparent images.

"Background fringe" artifact: When a GIF with a transparent background was created from an anti-aliased image, the semi-transparent edge pixels were blended with a specific color (typically white) during quantization. If the GIF is placed on a colored background, these edge pixels show as a "halo" of the wrong color.

GIF File Size

GIF file sizes depend heavily on:

Number of unique colors — fewer colors compress better (256 → smaller codes)
Image width — LZW encodes horizontal runs; reducing width can help
Spatial repetition — large areas of solid color compress very well
Temporal repetition (animations) — frame optimization removes redundant areas
Dithering — dithered images are less compressible than flat-color images
Number of frames × frame area = raw pixel count

A 640×480, 100-frame GIF of a screen recording with many colors can easily exceed 20MB. The same content as MP4 (H.264) might be 500KB.

GIF vs. Modern Alternatives

Feature	GIF	WebP (animated)	APNG	MP4 (short)
Colors	256	16.7 million	16.7 million	16.7 million
File size	Large	~30% smaller	~20% smaller	Much smaller
Transparency	1-bit	8-bit alpha	8-bit alpha	❌
Browser support	Universal	All major	All major	✅ in
Email support	✅	❌ most clients	❌ most clients	❌
Social media	✅	Limited	Limited	✅ MP4 preferred
Editing ease	High	Medium	Medium	Medium

Converting GIF Files

GIF → MP4 (for social media sharing)

# FFmpeg: GIF to MP4
ffmpeg -i input.gif -movflags faststart -pix_fmt yuv420p -vf "scale=trunc(iw/2)*2:trunc(ih/2)*2" output.mp4

MP4 files are typically 5-15× smaller than equivalent GIFs.

GIF → WebP (for web delivery)

# FFmpeg: GIF to animated WebP
ffmpeg -i input.gif -vf fps=15 -loop 0 output.webp

# ImageMagick: GIF to WebP
magick convert input.gif output.webp

GIF Optimization (reduce size while keeping GIF)

# gifsicle: optimize and reduce frames
gifsicle -O3 --colors 128 input.gif -o output.gif

# ezgif.com: web-based GIF optimizer (no command line needed)

PNG → GIF (for simple graphics)

magick convert input.png -dither FloydSteinberg -remap output.gif output.gif

When to Use GIF in 2024

GIF's main remaining stronghold is email. Email clients (Outlook, Gmail, Apple Mail) universally support animated GIF but not WebP, APNG, or video. For email marketing animations, GIF remains the only viable format.

For social media and web content, the tide has shifted toward MP4 or WebP for new content. Many social platforms (Twitter/X, Discord, Tenor) transcode uploaded GIFs to MP4 for delivery, showing a "GIF" label but serving video. The "GIF" format has become a cultural label rather than a technical format for much modern animated content.

For static images with few colors (logos, icons, simple illustrations), GIF still performs well — but PNG has largely replaced it even for static images due to better lossless compression and full alpha channel support.

Related conversions

Most teams that read this guide convert images in one of these directions:

Related conversions

Put what you just learned into practice — convert your files now in seconds, free and without registration.

Convert →

Convert →

Convert →

Convert →

Convert →

Convert →

Frequently Asked Questions

GIF uses LZW lossless compression on a palette of 256 colors, without any inter-frame video compression beyond simple frame optimization (only encoding pixels that change between frames). MP4 uses advanced video codecs (H.264 or H.265) with motion compensation, predictive coding, and sophisticated entropy coding across frames. For a 5-second animation at 15fps, an MP4 can be 10-20× smaller than the equivalent GIF at similar quality. This is why Twitter/X, Discord, and other platforms convert uploaded GIFs to MP4 video for delivery — they display as GIFs but are actually served as MP4 to save bandwidth.

GIF uses LZW sem perdas compressão em um palette of 256 colors, sem any inter-frame video compressão beyond simples frame optimization (only codificação pixels that change between frames). MP4 uses advanced video codecs (H.264 ou H.265) com motion compensation, predictive coding, e sophisticated entropy coding across frames. para a 5-second animation at 15fps, an MP4 can be 10-20× menor que the equivalent GIF at similar quality. This is why Twitter/X, Discord, e other plataformas converter enviado GIFs to MP4 video para delivery — they display as GIFs mas are actually served as MP4 to salvar bandwidth.

GIF uses LZW verlustfrei Komprimierung auf einem palette von 256 colors, ohne any inter-frame video Komprimierung beyond einfach frame optimization (only Codierung pixels that change between frames). MP4 uses advanced video Codecs (H.264 oder H.265) mit motion compensation, predictive coding, und sophisticated entropy coding across frames. für a 5-second animation at 15fps, an MP4 can be 10-20× kleiner als the equivalent GIF at similar quality. This is why Twitter/X, Discord, und other Plattformen umwandeln hochgeladen GIFs to MP4 video für delivery — they display as GIFs aber are actually served as MP4 to speichern bandwidth.

GIF uses LZW sin pérdidas compresión en un palette de 256 colors, sin any inter-frame video compresión beyond simple frame optimization (only codificación pixels that change between frames). MP4 uses advanced video codecs (H.264 o H.265) con motion compensation, predictive coding, y sophisticated entropy coding across frames. para a 5-second animation at 15fps, an MP4 can be 10-20× más pequeño que the equivalent GIF at similar quality. This is why Twitter/X, Discord, y other plataformas convertir subido GIFs to MP4 video para delivery — they display as GIFs pero are actually served as MP4 to guardar bandwidth.

Use <strong>lossy</strong> (JPG, WebP, AVIF) for photographs — the human eye barely notices the difference at quality 80–85, and file sizes are 5–20× smaller. Use <strong>lossless</strong> (PNG, WebP-lossless) for screenshots, UI mockups, logos and anything with sharp edges or text — lossy creates ugly artifacts around boundaries.

GIF stores colors using an 8-bit palette index per pixel — an 8-bit number can represent at most 256 values (0-255). This design decision was made in 1987 when color monitors typically displayed far fewer colors and memory was extremely expensive. The format was never updated to support more colors. For photographs and complex images, this means the encoder must "quantize" millions of colors down to 256, which is why photographic GIFs look posterized or grainy. Dithering can help simulate more colors by mixing palette colors spatially, but it increases file size. For full-color images, use PNG or JPEG instead of GIF.

For new projects in 2026, WebP is supported by all modern browsers (95%+ of traffic) and saves 25–35% over JPG at the same visual quality. AVIF is even more efficient (40–50% smaller) but encoding is slower and Safari support is recent. Use WebP as the default and AVIF as the progressive enhancement via <code><picture></code> with JPG fallback.

It depends on your use case: For web embedding (website content): use short MP4 in a <video> element — 10-20× smaller, full color, smooth playback. For web images with animation (hero banners, loading indicators): animated WebP — 30% smaller than GIF, full color, alpha transparency. For email marketing: GIF remains the only reliable choice since most email clients don't support video or WebP. For social media: upload MP4; the platform will display it as a "GIF." For content that needs to stay as a file and be easily shareable (like Discord reactions): GIF still works well due to universal support.

Depende de your usar case: para web embedding (website content): usar short MP4 em um <video> element — 10-20× smaller, full color, smooth playback. para web images com animation (hero banners, loading indicators): animated WebP — 30% menor que GIF, full color, alpha transparência. para email marketing: GIF remains the only reliable choice since most email clients don't support video ou WebP. para social media: enviar MP4; the plataforma will display it como um "GIF." para content that needs to stay como um arquivo e be easily shareable (like Discord reactions): GIF still funciona well due to universal support.

Es hängt ab von your verwenden case: für web embedding (website content): verwenden short MP4 in einem <video> element — 10-20× smaller, full color, smooth playback. für web images mit animation (hero banners, loading indicators): animated WebP — 30% kleiner als GIF, full color, alpha Transparenz. für email marketing: GIF remains the only reliable choice since most email clients don't support video oder WebP. für social media: hochladen MP4; the Plattform will display it als ein "GIF." für content that needs to stay als ein Datei und be easily shareable (like Discord reactions): GIF still works well due to universell support.

Depende de your usar case: para web embedding (website content): usar short MP4 en un <video> element — 10-20× smaller, full color, smooth playback. para web images con animation (hero banners, loading indicators): animated WebP — 30% más pequeño que GIF, full color, alpha transparencia. para email marketing: GIF remains the only reliable choice since most email clients don't support video o WebP. para social media: subir MP4; the plataforma will display it como un "GIF." para content that needs to stay como un archivo y be easily shareable (like Discord reactions): GIF still works well due to universal support.

It depends on the tool: ImageMagick and FFmpeg copy EXIF by default, while cwebp drops it unless you pass <code>-metadata all</code>. KaijuConverter strips metadata server-side after conversion to protect your privacy — if you need to keep camera or GPS data, use a desktop tool you control.

The loop count is set by the Netscape Application Extension block in the GIF file. Loop count 0 means infinite loop. Most GIF creation tools (Photoshop, GIMP, Canva, online GIF makers) have a loop setting — select "Forever" or "Infinite." If you have a GIF that doesn't loop and want to make it loop, use gifsicle: gifsicle --loop=0 input.gif -o output.gif. You can also use ImageMagick: magick convert -loop 0 input.gif output.gif. The original GIF89a spec specified that no loop extension means the animation plays once; the Netscape extension (1995) added the loop count, and loop=0 for infinite became the standard.

Three common causes: (1) ICC color profiles dropped during conversion shift colors slightly; (2) chroma subsampling (4:2:0) reduces color accuracy in lossy JPG/WebP; (3) the new format may not support all features of the original (e.g. PNG → JPG drops transparency to white). For pixel-perfect results stick to lossless formats and preserve color profiles explicitly.