Rumah > hujung hadapan web > tutorial js > Saya Mencipta Alat CLI Pemampat Foto

Saya Mencipta Alat CLI Pemampat Foto

Mary-Kate Olsen
Lepaskan: 2025-01-15 20:30:43
asal
432 orang telah melayarinya

Hei! Pernahkah anda bergelut dengan mengoptimumkan imej untuk tapak web atau projek anda, saya ada sesuatu yang menarik: pemampat foto. Ia adalah alat baris arahan yang direka untuk memampatkan dan menukar imej kepada format .webp yang sangat ringan dengan lancar.

I Created a Photo Compressor CLI Tool

Alat ini dikuasakan oleh Sharp, yang menjadikannya pantas dan boleh dipercayai. Ia membantu anda mengoptimumkan media seperti seorang profesional. Sama ada anda bekerja dengan fail setempat atau imej yang dihoskan awan, pemampat foto menyokong anda.

Mengapa Menggunakan pemampat foto?

Inilah sebab mengapa anda akan menyukainya:

  • Optimumkan Imej Setempat: Mampatkan imej dalam direktori tempatan dengan mudah.

  • Optimumkan Imej Awan: Proses imej terus daripada URL atau malah direktori URL imej.

  • Tiada Penamaan Sakit Kepala: Ia akan mengendalikan konflik nama fail secara automatik untuk anda.

  • Log Terperinci: Dapatkan cerapan tentang penjimatan dan masa pemprosesan.

Pemasangan: Bermula Dalam Sekejap

Memasang pemampat foto adalah mudah. Pilih pengurus pakej kegemaran anda:

npm install -g photo-compressor
Salin selepas log masuk
Salin selepas log masuk

Atau, jika anda peminat Benang:

yarn global add photo-compressor
Salin selepas log masuk
Salin selepas log masuk

Tidak mahu memasang apa-apa secara global? Tiada masalah! Jalankan terus menggunakan npx:

npx photo-compressor
Salin selepas log masuk

Cara Menggunakannya: Perintah dan Pilihan

Menggunakan pemampat foto adalah mudah. Berikut ialah senarai arahan dan pilihannya.

Pilihan Biasa

  • -h, --help: Paparkan maklumat bantuan.

  • -V, --versi: Semak versi semasa pakej.

Perintah

1. Optimumkan Imej Setempat

Mampatkan imej daripada direktori tempatan dengan mudah:

photo-compressor local --dir <path_to_directory> --output <path_to_output_directory>
Salin selepas log masuk

Pilihan:

  • -d, --dir : Direktori untuk mengimbas imej (diperlukan).

  • -o, --output : Direktori output untuk imej yang dioptimumkan (lalai: ./optimized).

2. Optimumkan Imej Awan

Adakah anda mempunyai imej yang dihoskan dalam talian? Mampatkan mereka seperti ini:

photo-compressor cloud --url <image_url_OR_array_of_images> --output <path_to_output_directory>
Salin selepas log masuk

Pilihan:

  • -u, --url : URL imej atau tatasusunan URL imej (diperlukan).

  • -o, --output : Direktori output untuk imej yang dioptimumkan (lalai: ./optimized).

Contoh Dunia Nyata

Berikut ialah beberapa contoh praktikal untuk anda bermula:

Optimumkan Imej Setempat

npm install -g photo-compressor
Salin selepas log masuk
Salin selepas log masuk

Optimumkan Imej Awan

yarn global add photo-compressor
Salin selepas log masuk
Salin selepas log masuk

Kisah Latar Pantas

Mengapa saya mencipta alat ini? Sejujurnya, saya sedang menonton Silicon Valley dan mendapat inspirasi untuk membina sesuatu yang berkaitan dengan pemampatan. Ternyata, ia adalah penyelesaian yang kemas untuk pembangun web yang perlu mengoptimumkan imej dengan cepat untuk prestasi web yang lebih baik. (P.S. Saya masih noob, jadi maklum balas sentiasa dialu-alukan!)

Sertai Keseronokan

Komuniti pembangunan adalah mengenai kerjasama. Jika anda mempunyai idea untuk menambah baik alat ini atau mencari sebarang pepijat, pergi ke repositori GitHub kami dan menyumbang!

Selamat Pengekodan! Beritahu saya dalam ulasan pendapat anda tentang pakej tersebut.

Atas ialah kandungan terperinci Saya Mencipta Alat CLI Pemampat Foto. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan