アニメーション gif をループ再生させる設定方法
- 2016 8/29
macOS の Finder 上でアニメーション gif ファイルをスペースキーで開くとエンドレスリピート再生されるのに、ブラウザで開くと1回しか再生されないのなんでだろう?と思って調べてみました。
macOS の Finder 上でアニメーション gif ファイルをスペースキーで開くとエンドレスリピート再生されるのに、ブラウザで開くと1回しか再生されないのなんでだろう?と思って調べてみました。
Mac で JPEG 画像を Jpegoptim を使ってロスレス圧縮する。
Jpegoptim をインストールする
brew install jpegoptim |
JPEG ファイルをロスレス圧縮する
メタデータを全て削除するオプション –strip-all だけ付けて使っています。
jpegoptim --strip-all sample.jpg |
現在のディレクトリの JPEG ファイルを一括でロスレス圧縮する
find . -name '*.jpg' -o -name '*.jpeg' | xargs jpegoptim --strip-all -o |
Mac で PNG 画像を OptiPNG を使ってロスレス圧縮する。
OptiPNG をインストールする
brew install optipng |
PNG ファイルをロスレス圧縮する
メタデータを全て削除するオプション –strip all だけ付けて使っています。
optipng --strip all sample.png |
現在のディレクトリの PNG ファイルを一括でロスレス圧縮する
find . -name '*.png' | xargs optipng -strip all |
JPEG画像のファイルサイズを1/5に軽量化するオンラインサービス
・JPEGmini – Your Photos on a Diet!
PNG画像を圧縮してくれるサービス
・TinyPNG – Compress PNG images while preserving transparency
ドラック&ドロップで速攻圧縮してくれるImageOptim
PNGを無劣化で圧縮できるWindows用フリーソフト「PNGGauntlet」が便利そうなのでメモ。
・DL:PNGGauntlet – PNG Compression Software | BenHollis.net
・参考:PNGを無劣化で圧縮できるWindowsソフト「PNGGauntlet」:phpspot開発日誌
Webサイトの表示速度を上げるためにも、できるだけ画像サイズを小さくするなどの工夫は必要ですよね。
GIFアニメーションを作れるウェブサービス「Picasion」が簡単に使えて便利だったのでご紹介します。
・Picasion – Create GIF animations online – Make an Animated GIF – GIF Animator
「Image」から、アニメーションにしたい画像を複数選択して、「Size」や「Speed」を設定して、「Create animation」ボタンをクリックすると、すぐにGIFアニメーションが完成します。
以上です。