Imgbot 免費圖片工具 – 線上調整圖片大小、壓縮、裁切、加入浮水印

Imgbot 免費圖片工具

歡迎回到鵠學苑— WordPress 網頁設計超詳細攻略– ,Imgbot 免費圖片工具 在大部分狀況下,許多圖片壓縮工具就只有單一功能,很少同時有像是調整圖片尺寸、裁切、浮水印等常用工具,那想要一個整合工具讓圖片編輯流程更加方便的話,不妨參考 Imgbot 這款多合一工具。接下來跟著鵠學院的腳步,讓我們開始學習吧!

Imgbot是一款免安裝多功能工具,透過瀏覽器就可對圖片進行圖片調整大小、裁剪,壓縮圖像或在線為照片添加水印。批量處理圖像並以單個 ZIP 下載所有文件。一次上傳最多 100 張圖片,每個文件最多 25 MB。

Imgbot 線上圖片整合工具
https://dashboard.tawk.to/#/chat

Resie image 調整圖像大小

第一步:進入 imgbot 網站點選 Resie image ,可以批次上傳但要注意的是,一次最多 100mb 。

Imgbot 免費圖片工具

第二步:上傳完圖片後在 Resize mode 的位置可以調整你要調整的大小及選擇輸出 JPG 或 PNG 格式。

Imgbot 免費圖片工具

第三步:若想要自訂尺寸的話則是在 Resize mode 選擇 Exact size 訂定尺寸及選擇圖像的比例。

Imgbot 免費圖片工具

第四步:完成後點選 RESIZE IMAGES ,就可以將設定好的圖片下載了。

Imgbot 免費圖片工具

Compress image 壓縮圖像

第一步:點選 Compress image ,可以批次上傳但要注意的是,一次最多 100mb 。

Imgbot 免費圖片工具

第二步:上傳後可以看到中間顯示原本檔案大小縮減幅度,右邊顯示減少%數,可以選擇單個下載或由下面他幫你準備好的ZIP整包下載下來。而最下面則顯示 YOU JUST SAVED 77%(6.1MB IN TOTAL)則是指平均節省了77%的大小總共為6.1MB。

Imgbot 免費圖片工具

Crop image 裁切圖像

第一步:點選 Crop image 進入,可以批次上傳但要注意的是,一次最多100mb。

Imgbot 免費圖片工具

第二步:Exact size 的開關可以設定裁切的框,將開關打開後可以直接輸入數值。

Imgbot 免費圖片工具

第三步:設定好尺寸就可以開始拖移要裁切位置,也有顛倒選項可以選擇。

Imgbot 免費圖片工具

第四步:最後你需要把你所上傳的所有圖像裁切完,才會在下方出現Crop image的按鈕。

Imgbot 免費圖片工具

Watermark images 添加浮水印

第一步:點選 Watermark images 進入,可以批次上傳但要注意的是,一次最多 100mb 。

Imgbot 免費圖片工具

第二步:上傳完畢後,可以看到出現了幾個選項:

  • Position選擇浮水印位置
  • Watermark可選擇文字或者圖片
  • Same position開關將浮水印位置固定在每一張圖片的相同位置

Imgbot 免費圖片工具

Imgbot 免費圖片工具

第三步:若選擇文字的話,可以在編輯塊變更:

    • 字型
    • 陰影
    • 文字外框
    • 調整浮水印尺寸
    • 調整浮水印透明度
    • 預覽
    • 刪除

Imgbot 免費圖片工具

第四步:若選擇圖片的話,會跳出上傳框,將logo或者設計好的圖片拖曳到框內上傳。要注意的是最大只能上傳 5mb。

Imgbot 免費圖片工具

第五步:在編輯塊可以變更:調整大小、調整透明度、預覽及刪除。

Imgbot 免費圖片工具

第六步:設定完浮水印及選擇好圖檔後點下 ADD WATERMARK按鈕,就可以下載完成後的圖片。

Imgbot 免費圖片工具

結語:
今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

woocommerce相關文章:

網站資訊文章推薦

行銷漏斗:如何找到最適合你的行銷方式
購物網站架設 – 電子商務網站建置的細節與項目
Google Search2020再進化,如何提升網頁品質?

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

回到頂端