Instantly share code, notes, and snippets.

@t32k t32k/ImageOptim.md
Last active Feb 15, 2019

Embed
What would you like to do?
画像最適化ツールImageOptim.app(Mac)の使い方

ダウンロードしよう!

サイト

まずはサイトから、ImageOptim.appをダウンロードしましょう。

使ってみよう!

起動

ImageOptim.appを起動させてみましょう。起動させると、そっけないウィンドウが表示されます。

選択

このウィンドウに最適化させたい画像をドラッグ&ドロップさせます。
ウィンドウ左下の+ボタンからでもファイルを選択できます。

処理中

ドロップさせると自動的に最適化が実行されます。MacBookのファンが唸りだすかもしれませんが問題ありません。頑張っているのです。

完了

ファイル名横の緑色のチェックマークがついたら最適化完了です。
まれに再実行すると、さらにファイルサイズ削減できるので試してみましょう。

何をしているの?

ImageOptim.appは必要のないメタ情報(どのツールで作ったとか、どの場所で撮られたとか)やカラープロファイルを削除して、 画質を劣化させずに ファイルサイズを軽量化させます。

情報

左がImageOptim.appをかけたもの、右がオリジナルの写真のメタ情報です。ExifやGPSなどの余計なメタ情報が削除されているのがわかります。

このように、.jpg.gif.png拡張子に関係なく、サーバーへアップロードする前には必ずImageOptim.appの処理を施すようにしておきましょう。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment