タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

WebPに関するsakenのブックマーク (1)

  • npm scriptsで画像を最適化する(WebP変換とファイル監視を含む)

    要件 srcディレクトリにある画像を対象に最適化する 最適化した画像は構造を変えずhtdocsディレクトリに出力する jpgとpngはWebPへの変換に対応する WebPのフォールバックが必要な案件に備えてjpgとpngも同時に出力できるようにする WebPを使わない WebPを使うけど、フォールバック画像が必要 フォールバック画像は不要で、WebPを使う パッケージをインストールする 画像最適化に必要なパッケージをインストールします。 npm i -D imagemin-keep-folder imagemin-mozjpeg imagemin-pngquant imagemin-gifsicle imagemin-svgo imagemin-webp imageminだとディレクトリ構成が無視されてしまうIssueが挙がっています(マージされている気配はなさそう?)。 今回は「imag

    npm scriptsで画像を最適化する(WebP変換とファイル監視を含む)
  • 1