![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
どうもハルです。
![](https://harublog.site/wp-content/uploads/2019/11/IMG_1995.jpg)
GIFアニメーションの容量を軽くするにはどうしたらいいの?
できればオフライン環境で、ワンタッチで圧縮できたらいいな。
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
Photoshopを使って圧縮する方法を解説するよ。
今回は、重いGIFアニメを軽くする、Photoshop(フォトショップ)を使ったオフライン一発圧縮の方法を紹介します。
ドロップレットで、圧縮して軽くなったGIFファイルを自動生成できます。
Adobe Photoshopを使用します。▼
重いGIF動画ファイル、9.7MBあります。▼
![](https://harublog.site/wp-content/uploads/2020/07/2119770307ca27fe598caeeb58fb72e0.gif)
圧縮したのがこちら、縦横サイズ一緒で2.6MB(73%削減)。▼
![](https://harublog.site/wp-content/uploads/2020/07/Nivea70.gif)
GIFアニメの容量を軽くする【Photoshop一発圧縮】
![GIFアニメの容量を軽くする【Photoshop一発圧縮】](https://harublog.site/wp-content/uploads/2020/07/IMG_4755-1.png)
GIFアニメの容量を、Photoshop一発圧縮で軽くします。▲
「ドロップレット」にドラッグすると、自動生成されるので操作はワンアクションのみ。
サイトにアップロードしたり、圧縮したファイルをダウンロードする手間がいりません。
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
ドロップレットは簡単につくれるよ。
GIFアニメを圧縮するドロップレットの作り方
Photoshopの操作を、オートメーションで動かせる「アクション」機能。
さらに、アプリケーション起動から処理→閉じるところまでやってくれるのが「ドロップレット」です。
アクションの記録スタート
Photoshopを立ち上げて、[ウインドウ]>[アクション]。
アクションパネルが展開されます。▼
![](https://harublog.site/wp-content/uploads/2020/07/02.jpg)
アクションパネルの、[新規アクション作成]ボタンをクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/03.jpg)
アクション名を「GIF圧縮」にして[記録]。▼
![](https://harublog.site/wp-content/uploads/2020/07/04.jpg)
[記録スタート]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/05.jpg)
GIFファイルを開く
[ファイル]>[開く]でGIFファイルを開きます。▼
![](https://harublog.site/wp-content/uploads/2020/07/06.jpg)
適当にGIFファイルを選びます。
操作の記録用なので、何でもいいのです。
GIFファイルが開きました。▼
![](https://harublog.site/wp-content/uploads/2020/07/07.jpg)
[ファイル]>[Web用に保存]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/08.jpg)
Web用に保存パネル
![](https://harublog.site/wp-content/uploads/2020/07/09.jpg)
GIFファイルを圧縮するためのパネルです。▲
カラー、ディザ、劣化、画像サイズをいじるとGIFファイルが軽くなります。
カラー:128
ディザ:88%
劣化:70
画像サイズ:同じ大きさにしたいので変更しません。
以上、設定は目安なので、自分の好みで変更してもらって構いません。
GIFの「カラー」は、表示できる色の数です。
数字が多くなるほど、色の多彩な表現が可能になるけど、ファイルは重くなります。▼
![](https://harublog.site/wp-content/uploads/2020/07/IMG_4757.png)
「ディザ」をなしにすると、グラデーションがなくなりファイルは軽くなります。
ディザは基本的に、下げすぎないほうがいいです。▼
ディザあり ディザなし
「劣化」は、画像圧縮するためにとても大切です。
数値が高くなるほど、ノイズがでますが圧縮の効果はデカイです。
50~70くらいがクオリティを保ったまま、GIF圧縮ができるちょうどいい数値です。▼
![](https://harublog.site/wp-content/uploads/2020/07/IMG_4756.png)
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
調整できたら[保存]をクリックしてね。
圧縮済みのGIFファイルの保存先を、[デスクトップ]にして[保存]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/10.jpg)
ファイルを閉じて記録を停止
[ファイル]>[閉じる]。▼
![](https://harublog.site/wp-content/uploads/2020/07/11.jpg)
Photoshop形式のファイルはいらないので、[保存しない]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/12.jpg)
[停止]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/13.jpg)
ドロップレットの作成
[ファイル]>[自動処理]>[ドロップレットを作成]。▼
![](https://harublog.site/wp-content/uploads/2020/07/14.jpg)
ドロップレットを保存の[選択]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/15.jpg)
ドロップレットの名前を「GIF圧縮.app(←好みでOK)」で入力。
保存場所をデスクトップにして、[保存]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/16.jpg)
アクション:「GIF圧縮」を選択
“開く”コマンドを無視:チェックいれる
実行後:[保存して閉じる]
“別名で保存”コマンドを省略:チェックいれる
設定できたら、[OK]をクリック。▼
![](https://harublog.site/wp-content/uploads/2020/07/17.jpg)
ドロップレットが作成されました。▼
![](https://harublog.site/wp-content/uploads/2020/07/18.jpg)
ドロップレットは、Dockに置いておくと使いやすい。▼
![](https://harublog.site/wp-content/uploads/2020/07/19.jpg)
GIFファイルをドロップレットにドラッグすると、自動で圧縮してくれます。▼
![](https://harublog.site/wp-content/uploads/2020/07/01.jpg)
まとめ
GIFアニメーションを作成して、ファイル容量を軽くする方法を解説しました。
画質が悪くなったり、操作が面倒だったりで、これといった決定的な方法がありません。
試行錯誤した結果、ある程度カスタマイズできて、簡単に圧縮できる方法だと思っています。
![](https://harublog.site/wp-content/uploads/2020/03/IMG_2679-scaled.jpg)
今後も便利な機能や、小技を紹介していくよ。
以上、重いGIFアニメを軽くする、Photoshopを使ったオフライン一発圧縮の方法を紹介します。
最後まで読んでいただき、ありがとうございます。
コメント