ImageResizer 線上圖片剪裁、修改大小,免費圖片編輯工具推薦!

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略。之前跟大家分享過一些線上圖片編輯工具,像是 ImgbotSocial Media Image Maker ,皆能透過使用瀏覽器線上剪裁圖片做簡單的圖片編輯,畢竟不是人人電腦都有像是 Photoshop 或 Illustrator 製圖軟體,而有些情況就算自己的設備有安裝這些工具,我們也不太可能隨時隨身攜帶電腦,這些時候我們就可以直接透過線上工具進行圖片的編輯,今天我們要跟大家分享的是 ImageResizer ,那麼接下來就跟著鵠學苑的腳步開始學習吧~

ImageResizer 官方網站
https://imageresizer.com/

ImageResizer 是什麼

ImageResizer  是由一個加拿大團隊於2013年創立的線上圖片編輯工具,多年來都在持續更新改進工具,除了增加圖片編輯新功能以外,也加快了整體運作的速度,網站顯示過去幾年中調整了至少數百萬張圖像的大小,是個簡單操作的圖片編輯器。 ImageResizer  主要提供圖片調整大小、壓縮、裁剪,在 ImageResizer 上面剪裁圖片是可以自由選擇尺寸的,因此全部都可以由自己去定義調整,沒有什麼限制,另外不管是Windows、Mac、Linux 或任何帶有網路瀏覽器的設備都可以使用,而且這個工具是完全免費的!不需要註冊就能使用,輸出檔案也不會有煩人的浮水印。

鵠學苑|ImageResizer 線上圖片剪裁、修改大小,免費圖片編輯工具推薦!

ImageResizer 上方可以依照個人需求選擇功能使用:

  • 圖片編輯器 Image Resizer :調整圖片尺寸,圖片裁切、翻轉、旋轉。
  • 批次編輯 Bulk Resize :一次調整多張圖片大小。
  • 圖片放大器 Image Enlarger :圖片放大。
  • 圖片壓縮器 Image Compressor :圖片壓縮。
  • 圖片剪裁器 Image Cropper :圖片剪裁。

鵠學苑|ImageResizer 功能 2

 

ImageResizer 使用教學

點擊上方的網址就可以進入 ImageResizer 官方網站囉~接下來就跟著下方學習,了解 ImageResizer  如何使用吧!

ImageResizer 工具一:圖片編輯器 Image Resizer (調整圖片尺寸,圖片裁切、翻轉、旋轉)

 第一步點擊「Select Image 」匯入需要編輯的圖片。

首先點擊綠色按鍵「Select Image 」匯入需要編輯的圖片,才可以做接下來的圖片編輯。

鵠學苑|ImageResizer 圖片編輯器 Image Resizer 第一步

 第二步圖片尺寸、大小進行調整

區塊1這邊可以透過「Crop」進行圖片尺寸的裁切調整,「Flip」則是能將整個圖片進行上下翻轉與左右翻轉,「Rotate」則是將圖片進行旋轉,在調整的途中都能進行預覽。

鵠學苑|ImageResizer 圖片編輯器 Image Resizer 第二步之一

區塊2是如果想要快速調整自己的圖片尺寸,也可以透過尺寸比例或是百分比的比例進行調整,調整的單位有pixels、percent、inch、cm、mm,可以依照自己的需求進行選擇。

鵠學苑|ImageResizer 圖片編輯器 Image Resizer 第二步之二 1

最後區塊3,在保存選項可以直接輸入希望的圖片大小,ImageResizer 會盡量將圖片控制在這個大小以內,另外存取圖片上也能自由選擇 JPG或是PNG。這三個區塊都調整完畢後,點擊下方「Resize Image Now」的藍色按鍵,就會進行圖片尺寸的轉換了。

鵠學苑|ImageResizer 圖片編輯器 Image Resizer 第二步之三 3

第三步:點擊「Download Image 」保存圖片

根據上一個步驟進行圖片的調整轉換完後,會顯示下方這個畫面,能看到圖片的基本資料,包含圖片名稱以及尺寸還有調整過後的圖片預覽,這時候點擊「Download Image 」就可以進行圖片保存囉!

鵠學苑|ImageResizer 圖片編輯器 Image Resizer 第三步

 

ImageResizer 工具二:批次編輯 Bulk Resize (一次調整多張圖片大小)

 第一步點擊「Select Image 」匯入需要編輯的圖片。

首先點擊「Select Image 」匯入需要編輯的圖片,而「Bulk Resize」這個工具可以一次編輯多個圖片,因此可以一次匯入多張圖片,這邊一次最多可以上傳 20 張圖片。

鵠學苑|ImageResizer 批次編輯 Bulk Resize 第一步之一

匯入圖片後能看到圖片的相關基本資訊,之後點擊「Proceed to Bulk Resize」藍色按鍵,就會進入下個調整大小的頁面。

鵠學苑|ImageResizer 批次編輯 Bulk Resize 第一步之二

第二步:圖片尺寸、大小進行調整

區塊1可以將整個圖片大小不影響圖片畫質的情況下進行縮小,上方是按比例調整:有不改變(0%)、25%、50%、75%縮小可以做選擇,下方是可以自由輸入希望的圖片尺寸。

鵠學苑|ImageResizer 批次編輯 Bulk Resize 第二步之一

區塊2可以將圖片進行優化,有不變與Best、Good、Average的圖片品質可以進行選擇,或是直接選擇下方填選希望圖片最大的大小,這樣 ImageResizer 就會將所有圖片都控制在這個大小以內。

鵠學苑|ImageResizer 批次編輯 Bulk Resize 第二步之二

最後區塊3,可以選擇是要存取 JPG或是PNG或是原檔案格式不改變。

鵠學苑|ImageResizer 批次編輯 Bulk Resize 第二步之三

第三步:點擊「Download Image 」保存圖片

根據上一個步驟進行圖片的調整轉換完後,會顯示下方這個畫面,一樣能看到圖片的基本資料,也會顯示更改後新的圖片尺寸,這時候點擊「Download Image 」就可以將所有圖片保存。

鵠學苑|ImageResizer 批次編輯 Bulk Resize 第三步

 

ImageResizer 工具三:圖片放大器 Image Enlarger (圖片放大)

第一步第一步一樣是點擊「Select Image 」匯入需要編輯的圖片。(這邊就不多作介紹了)

第二步調整圖片要放大的尺寸。

這邊可以直接填選希望圖片放到到什麼尺寸,或著透過比例調整放大,調整完之後按下「Enlarge Image」就會開始進行圖片轉換。

鵠學苑|ImageResizer 圖片放大器 Image Enlarger 第二步

第三步:圖片的調整轉換完後,一樣能看到圖片的基本資料,也會顯示更改後新的圖片尺寸,這時候點擊「Download Image 」就可以將所有圖片保存。

 

ImageResizer 工具四:圖片壓縮器 Image Compressor (圖片壓縮)

第一步點擊「Select Image 」匯入需要編輯的圖片。(這邊就不多作介紹了)

第二步點擊「Compree Image 」開始壓縮圖片,這邊會以 ImageResizer 認為最佳的壓縮大小進行壓縮。

鵠學苑|ImageResizer 圖片壓縮器 Image Compressor 第二步

第三步:圖片的調整轉換完後,能看到圖片的基本資料,會顯示壓縮後的圖片尺寸與比例,這時候點擊「Download Image 」就可以將圖片保存。

鵠學苑|ImageResizer 圖片壓縮器 Image Compressor 第三步

ImageResizer 工具五:圖片剪裁器 Image Cropper (圖片剪裁)

第一步點擊「Select Image 」匯入需要編輯的圖片。(這邊就不多作介紹了)

第二步與工具一的「Crop」一樣,進行圖片尺寸的裁切調整,之後按下「Crop Image 」進行圖片裁切。

鵠學苑|ImageResizer 圖片剪裁器 Image Cropper 第二步

第三步:圖片的調整轉換完後,能看到圖片的基本資料與新的圖片尺寸,這時候點擊「Download Image 」就可以將圖片保存。

 

Bigjpg免費AI人工智能無損放大圖片工具,一鍵降噪不失真!
https://www.design-hu.com.tw/webmaster-tools/bigjpg.html
ProductShot 給你的圖片來個重點聚焦!讓你的截圖更豐富!
https://www.design-hu.com.tw/webmaster-tools/productshot.html

結語

ImageResizer  的特色在於完全免費且無須註冊就能使用,而且具備了大部分編輯圖片會需要使用到的功能,在隱私方面大家也不需要擔心,因為圖片是不會上傳到服務器中,所以也不會有檔案殘留,下次有圖片編輯的需求的時候,就來試試看 ImageResizer  吧!那今天的教學就到這裡告一段落了,如果想了解最新網站知識,也可以到 鵠崙設計 官網看看,我們下次的教學見~

鵠學苑|訂閱電子報

鵠學苑|網頁設計 線上免費諮詢

 

架站資源相關文章:

網站資訊文章推薦

數位廣告是什麼?跟傳統廣告有什麼區別?告訴你該使用哪種!
行銷4P到7P到底多了什麼?擬定行銷策略前你必須知道!

什麼是口碑行銷(WOMM)?七大關鍵因素打造品牌忠誠度!

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

返回頂端