エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Web制作のための画像圧縮とWebP生成
4 月が終わり、GW に突入しますね。 季節の変わり目になりクーラーのタイミングを伺ってる、スピッカー... 4 月が終わり、GW に突入しますね。 季節の変わり目になりクーラーのタイミングを伺ってる、スピッカートの金山(@spicato_kana)です。 今回は、弊社で使用している Web 制作のための画像圧縮と WebP 生成を紹介します! 毎回 Web サービスなどを用いて圧縮すると効率が悪いので、弊社では自動化しています。 圧縮と WebP 生成には、 sharp というライブラリを使用しています。 sharp-cli があり webpack 上で簡単に使用できるのですが、ここ一年以上更新がされていないので今回は使用しません。 直近(2022/12/14 時点)で、更新されて v4 になっていました! かわりに、npm script で実行します。 結論(コード) 最初に結論を書くのがいいと聞くので、最初にコード全体を書きます。 // ES Modules 対応にする // Webpack