imgsquash

概括

圖像壓縮完整堆棧網站代碼。包含用節點，react和Next.js框架編寫的API服務和前端。

屏幕截圖

設置Google雲存儲

1. 在Google Cloud上創建一個項目，並通過此快速啟動指南添加一個免費的雲存儲桶：
   • https://cloud.google.com/storage/docs/quickstart-console
2. 使用gcloud命令行工具進行身份驗證（在此處下載）或使用服務帳戶文件設置GOOGLE_APPLICATION_CREDENTIALS env變量。
   • 指南：https：//cloud.google.com/sdk/docs/authorizing

開始API服務

1. 使用以下變量在文件夾的根部創建.env文件。有關如何添加ENV變量，請參見Dotenv。
   • API_Version ： 1 （可選）。
   • gc_storage ： your-google-cloud-bucket-name
   • dl_base_url ： [YOUR-API-URL]/1/dl
2. 進行npm install以安裝API的所有節點模塊。
3. npm run dev在3000端口上啟動開發服務器。
4. npm start

開始前端

1. 進行npm install以安裝所有節點模塊以進行前端。
2. Do npm run dev將在3001端口上啟動WebPack服務器。
3. npm run build和npm start構建和使用生產中的代碼。

筆記

1. 以下程序用於優化

   • mozjpeg（有損失的JPEG壓縮）
   • JPEGTRAN（無損JPEG壓縮）
   • PNGQUANT（有損耗的PNG壓縮）
   • Optipng（無損PNG壓縮）

2. 當前文件大小上傳限制為10MB。

3. API路線。 [郵政]

   • /image ：通過文件，URL，base64或二進制上傳圖像。
     • 文件： file或base64或binary 。
     • 有損： Boolean （默認：false）
   • /url ：壓縮直接圖像URL。
     • URL：有效的圖像URL。
   • /zip ：接受文件對象列表作為帶有（ id ， size和name ）的數組，並發送zipter zipter結果。
     • 文件：文件對象列表作為數組。

   [GET] - /dl/:id ：生成壓縮圖像的下載URL。接受可選查詢name 。

執照

麻省理工學院