ホームページ >ウェブフロントエンド >jsチュートリアル >Photo Compressor CLI ツールを作成しました

Photo Compressor CLI ツールを作成しました

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2025-01-15 20:30:43435ブラウズ

こんにちは!ウェブサイトやプロジェクト用に画像を最適化するのに苦労したことはありませんか。フォトコンプレッサー という素晴らしいものがあります。これは、画像を圧縮して超軽量の .webp 形式にシームレスに変換するように設計されたコマンドライン ツールです。

I Created a Photo Compressor CLI Tool

このツールは Sharp を利用しているため、高速で信頼性が高くなります。プロのようにメディアを最適化するのに役立ちます。ローカル ファイルを操作している場合でも、クラウドでホストされている画像を操作している場合でも、フォト コンプレッサー がサポートします。

フォトコンプレッサーを使用する理由

気に入っていただける理由は次のとおりです:

  • ローカル画像の最適化: ローカル ディレクトリ内の画像を簡単に圧縮します。

  • クラウド画像の最適化: URL または画像 URL のディレクトリから直接画像を処理します。

  • 名前付けに悩まされることはありません: ファイル名の競合は自動的に処理されます。

  • 詳細ログ: 節約と処理時間に関する洞察を得ることができます。

インストール: すぐに始められます

フォトコンプレッサーのインストールは簡単です。お気に入りのパッケージ マネージャーを選択してください:

npm install -g photo-compressor

Yarn ファンの場合:

yarn global add photo-compressor

グローバルに何もインストールしたくないですか?問題ない! npx:
を使用して直接実行します。

npx photo-compressor

使用方法: コマンドとオプション

フォトコンプレッサーの使用は簡単です。コマンドとオプションの概要は次のとおりです。

共通オプション

  • -h, --help: ヘルプ情報を表示します。

  • -V、--version: パッケージの現在のバージョンを確認します。

コマンド

1.ローカル画像の最適化

ローカル ディレクトリから画像を簡単に圧縮します:

photo-compressor local --dir <path_to_directory> --output <path_to_output_directory>

オプション:

  • -d, --dir : 画像をスキャンするディレクトリ (必須)。

  • -o, --output : 最適化された画像の出力ディレクトリ (デフォルト: ./optimized)。

2.クラウド画像を最適化する

オンラインでホストされている画像はありますか?次のように圧縮します:

photo-compressor cloud --url <image_url_OR_array_of_images> --output <path_to_output_directory>




</p>
<p><strong>オプション</strong>:</p>

<ul>
<li><p>-u, --url <url>: 画像の URL または画像 URL の配列 (必須)。</p></li>
<li><p>-o, --output <path>: 最適化された画像の出力ディレクトリ (デフォルト: ./optimized)。</p></li>
</ul>

<h3>
  
  
  実際の例
</h3>

<p>始めるための実践的な例をいくつか示します:</p>
<h4>
  
  
  ローカル画像の最適化
</h4>



<pre class="brush:php;toolbar:false">npm install -g photo-compressor

クラウド画像の最適化

yarn global add photo-compressor

簡単な裏話

なぜこのツールを作成したのですか?正直に言うと、私はシリコンバレーを一気に見ていて、圧縮に関連するものを構築したいというインスピレーションを得ました。これは、Web パフォーマンスを向上させるために画像を迅速に最適化する必要がある Web 開発者にとって、優れたソリューションであることがわかりました。 (追記:私はまだ初心者なので、フィードバックはいつでも大歓迎です!)

楽しみに参加しましょう

開発コミュニティはコラボレーションがすべてです。このツールを改善したりバグを見つけたりするアイデアがある場合は、GitHub リポジトリにアクセスして貢献してください!

コーディングを楽しんでください!パッケージについてのご意見をコメント欄でお知らせください。

以上がPhoto Compressor CLI ツールを作成しましたの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。