ホームページ >ウェブフロントエンド >jsチュートリアル >Photo Compressor CLI ツールを作成しました
こんにちは!ウェブサイトやプロジェクト用に画像を最適化するのに苦労したことはありませんか。フォトコンプレッサー という素晴らしいものがあります。これは、画像を圧縮して超軽量の .webp 形式にシームレスに変換するように設計されたコマンドライン ツールです。
このツールは Sharp を利用しているため、高速で信頼性が高くなります。プロのようにメディアを最適化するのに役立ちます。ローカル ファイルを操作している場合でも、クラウドでホストされている画像を操作している場合でも、フォト コンプレッサー がサポートします。
気に入っていただける理由は次のとおりです:
ローカル画像の最適化: ローカル ディレクトリ内の画像を簡単に圧縮します。
クラウド画像の最適化: URL または画像 URL のディレクトリから直接画像を処理します。
名前付けに悩まされることはありません: ファイル名の競合は自動的に処理されます。
詳細ログ: 節約と処理時間に関する洞察を得ることができます。
フォトコンプレッサーのインストールは簡単です。お気に入りのパッケージ マネージャーを選択してください:
npm install -g photo-compressor
Yarn ファンの場合:
yarn global add photo-compressor
グローバルに何もインストールしたくないですか?問題ない! npx:
を使用して直接実行します。
npx photo-compressor
フォトコンプレッサーの使用は簡単です。コマンドとオプションの概要は次のとおりです。
-h, --help: ヘルプ情報を表示します。
-V、--version: パッケージの現在のバージョンを確認します。
ローカル ディレクトリから画像を簡単に圧縮します:
photo-compressor local --dir <path_to_directory> --output <path_to_output_directory>
オプション:
-d, --dir
-o, --output
オンラインでホストされている画像はありますか?次のように圧縮します:
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 サイトの他の関連記事を参照してください。