GIF（Graphics Interchange Format）
GIFは、シンプルなアニメーションをサポートすることで最もよく知られているビットマップ画像フォーマットです。可逆LZW圧縮を使用しますが、フレームごとに256色パレットに制限されています。GIFは、短いアニメーションクリップ、リアクション画像、シンプルなグラフィックに今でも人気があります。
MIMEタイプ
image/gif
種類
バイナリ
圧縮
無劣化
メリット
- + Native animation support without JavaScript
- + Universal browser support since the 1990s
- + Simple 1-bit transparency
デメリット
- − Limited to 256 colors per frame
- − Large file sizes for animations compared to video
- − No alpha transparency (only on/off)
.GIFを使うタイミング
シンプルなアニメーション、リアクション画像、色数が少ない小さなグラフィックにGIFを使用してください。写真にはJPEGまたはWebPが適しています。
技術的詳細
GIFはLZW圧縮を使用し、フレームあたり最大256色のパレットを持ちます。アニメーションは、フレームごとの遅延と破棄設定を持つ複数フレームを格納することで実現されます。
歴史
GIFは1987年にCompuServeによって導入され、Web上で使用された最初の画像フォーマットの1つとなりました。アニメーションGIF（GIF89a）は1989年にリリースされました。
.GIFから変換
.GIFに変換
関連フォーマット
関連用語
Learn More
Image Format Guide: JPEG vs PNG vs WebP vs AVIF
Choosing the right image format affects file size, quality, and browser compatibility. This comparison covers the strengths of JPEG, PNG, …
How to Resize Images for Web Without Losing Quality
Serving properly sized images is critical for web performance. Images that are too large waste bandwidth and slow page loads, …
Batch Image Conversion: Best Practices for Bulk Processing
Converting hundreds of images one by one is tedious and error-prone. Learn how to set up efficient batch conversion workflows …
How to Remove Image Backgrounds Effectively
Removing backgrounds from product photos, portraits, and logos is a frequent task in design and e-commerce. This guide covers techniques …
Troubleshooting Image Quality Loss During Conversion
Converting between image formats sometimes produces unexpected quality degradation. This guide explains why quality loss happens and how to minimize …
Image Optimization for Core Web Vitals and SEO
Images directly impact Core Web Vitals scores, especially Largest Contentful Paint. Learn how to optimize images for faster loading, better …