エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Gifsicle+node.jsでgifアニメをまとめて最適化 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Gifsicle+node.jsでgifアニメをまとめて最適化 - Qiita
はじめに 自サイトでは彩りのため、gifアニメを載せている。しかし元々ブログやtwitter紹介用に大きめに... はじめに 自サイトでは彩りのため、gifアニメを載せている。しかし元々ブログやtwitter紹介用に大きめに録画したものを、特に何の加工もせずCSSで小さく表示していただけだったので、無駄にファイルサイズがでかく(ものによっては1MB超えだったり)、訪問者に全く優しくなかった。 さすがにどうにかしようと思ったが、いちいちアニメを撮り直す元気もない。 バッジ処理でまとめて最適化できないだろうかとネットを巡って見つけたのが以下のgifsicleというツール。 https://www.lcdf.org/gifsicle/ npmにNode.js用にラップされたパッケージがあったのでそちらを利用し、最適化スクリプトを書いた。 const { execFile } = require('child_process'); const gifsicle = require('gifsicle'); co