GIF画像は、ボタン、見出し、ロゴなどのWeb上で一般的に使用されます。 どの画像編集ソフトウェアでも、ほとんどの画像をGIF形式に簡単に変換できます。 写真画像はJPEG形式に適しています。
- 難易度:平均
- 所要時間: 5分
ステップバイステップの手順
- 画像編集ソフトウェアで 画像を開きます。
- [ファイル]メニューの[Web用に保存]、[名前を付けて保存]、または[書き出し]のいずれかを選択します。 ソフトウェアでWebオプションの保存オプションが提供されている場合は、これが推奨されます。 それ以外の場合は、ソフトウェアに応じて名前を付けて保存またはエクスポートを探します。
- 新しいイメージのファイル名を入力します。
- [ファイルの種類]ドロップダウンメニューから[GIF]を選択します。
- オプションボタンを探して、GIF形式に固有の設定をカスタマイズします。 これらのオプションは、お使いのソフトウェアによって異なる場合がありますが、以下の選択肢の一部またはすべてを含む可能性があります。
- GIF87aまたはGIF89a - GIF87aは透過またはアニメーションをサポートしていません。 指示がない限り、GIF89aを選択する必要があります。
- インターレースまたはノンインターレース - インターレース画像は、ダウンロード時に徐々に画面に表示されます。 これにより、読み込み時間が速くなるという錯覚が生じることがありますが、ファイルサイズが大きくなる可能性があります。
- 色の濃さ - GIF画像には最大256の固有色があります。 画像の色数が少ないほど、ファイルサイズは小さくなります。
- 透明性 - 画像内で単一の色を選択して非表示にすることで、画像をWebページで表示したときに背景が表示されるようにすることができます。
- ディザリング - ディザリングは段階的なグラデーションの領域にスムーズな外観を与えますが、 ファイルサイズとダウンロード時間も増加させることができます 。
- オプションを選択したら、OKをクリックしてGIFファイルを保存します。
注目すべき事実とヒント
- GIF画像は256色以下に制限されています。 256色以上の写真画像をGIF形式に変換すると、不鮮明な外観になります。
- GIFファイルの色数が少ないほど、ファイルサイズは小さくなり、ダウンロード速度は速くなります。
- GIF最適化プログラムを使用して、さまざまなオプションをより適切に制御することができます
さまざまなソフトウェアアプリケーションへの変更
この記事が登場して以来、状況は少し変わりました。 Photoshop CC 2015とIllustrator CC 2015の両方がSave For Webパネルから離れ始めました。 Photoshop CC 2015では、GIF画像を出力する2つの方法があります。 最初は、[ファイル]> [書き出し]> [書き出し]を選択して、GIFを書式の1つとして選択できるようにします。
あなたがこのパネルで得られないものは、色の数を減らす能力です。 そのようなコントロールが必要な場合は、[ファイル] - [名前を付けて保存]を選択し、フォーマットとしてCompuserve GIFを選択する必要があります。 [名前を付けて保存]ダイアログボックスの[保存]ボタンをクリックすると、[インデックス付きの色]ダイアログボックスが開き、そこでパレットとディザリングの色数を選択できます。
Compuserve? スローバックがあります。 インターネットが幼少期にあったCompuserveは、オンラインサービスとしての主要プレーヤーでした。 1990年代初めのピーク時には、画像用のGIF形式も開発しました。 書式はCompuserveの著作権で保護されています。 したがって、会社名の追加。 実際、PNG形式はGIFのロイヤリティフリーの代替手段として開発されました。
Illustrator CC 2015は、ファイルをGIF画像として出力することから、徐々に遠ざかりつつあります。 [ファイル]> [エクスポート]> [Web用に保存]のオプションはまだ含まれていますが、このオプションを長く保存しないと伝える必要があるウェブ用の保存(レガシー)に変更しました。 これは今日のモバイル環境では理解できます。 最も一般的な形式は、ベクトルのSVGとビットマップのPNGです。 これは、新しいExport Assetsパネルまたは新しいExport> Export for Screens機能ではっきりと分かります 。 提供されるファイルにはGIFは含まれません。
Photoshop Elements 14には、PhotoshopとIllustratorのWeb用に保存(レガシー)パネルにあるすべての機能が含まれています。
AdobeのCreative Cloudアカウントをお持ちの場合は、何年も前から、Adobeが提供する最高のWeb画像アプリケーションの1つとされている別のオプションがあります。 アプリケーションは、Creative Cloudメニューの[Additional Apps]セクションにあるFireworks CS6です。 最適化パネル - ウィンドウ>最適化 - でGIFを選択し、4-Upビューを使用して比較するとかなり正確で効率的なGIF画像を作成できます。
Tom Greenによる更新