ImageResizer 整合各種圖片編輯功能,線上修改圖片大小、壓縮、裁切

ImageResizer 整合各種圖片編輯功能,線上修改圖片大小、壓縮、裁切

在電腦上調整圖片尺寸大小不算太難,透過內建的相片檢視工具就能做到,不過如果剛好沒有圖片工具,不確定應該要怎麼做,也能找找網路上的免費工具,線上工具好處是使用瀏覽器開啟網站就能使用,無需額外下載或安裝軟體,而且兼具跨平台特性,也支援行動裝置。免費資源網路社群介紹過不少線上圖片編輯服務,主要有格式轉換(轉檔)、去背或是放大圖片等常見功能。

Webp2jpg 線上圖片轉檔工具,批次修改尺寸、浮水印、裁切和重新命名

Webp2jpg 線上圖片轉檔工具,批次修改尺寸、浮水印、裁切和重新命名

之前文章有提到網頁常見的 WebP 圖片格式,這是 Google 在 2010 年推出的新型圖片格式,有減少檔案大小、又能達到和 JPG、PNG 相同圖片品質的特性,當前也有超過 94% 瀏覽器支援,因此可能會在保存網頁圖片時遇到 WebP 格式,但目前的問題是電腦的離線圖片檢視器不一定能正確開啟 WebP 檔案,如果遇到類似問題,可以考慮先將 WebP 轉檔為 JPG、PNG 。

改圖寶:線上圖片轉檔、裁切修圖、浮水印和 OCR 文字辨識工具

改圖寶:線上圖片轉檔、裁切修圖、浮水印和 OCR 文字辨識工具

改圖寶是一家中國廣州網頁設計公司提供的免費線上圖片工具,主要有線上修圖、圖片轉檔、加入浮水印、OCR 文字辨識PDF 轉換等功能,其中最多人會用到的線上修圖工具可以修改圖片大小及尺寸,已預先提供一些常用的尺寸大小,使用者也能自行設定裁切大小、範圍或尺寸,如果要自行裁切製作大頭照證件照也很有幫助。

Pixelhunter 以人工智慧自動裁切圖片,符合社群平台和廣告建議的尺寸大小

Pixelhunter 以人工智慧自動裁切圖片,符合社群平台和廣告建議的尺寸大小

在每個社群網站、不同位置的圖片都會有最合適的尺寸大小,舉例來說,大頭貼多半是正方形,封面圖片則以長方形為主,雖然社群網站編輯器會自動將使用者上傳的圖片進行裁切,但在顯示上不如最佳尺寸效果來得好,如果有心經營社群媒體的朋友一定要記得使用正確的圖片大小,之前介紹過 Social Media Image Maker 可以將圖片裁切為特定尺寸,其他像是 LandscapePromo Image Resizer 都是類似服務。

Squoosh Desktop App 桌面版圖片壓縮工具,開放原始碼沒有網路連線也可用

Squoosh

兩年前介紹過 Google 開發的免費圖片壓縮工具「Squoosh」,這是功能非常強大的線上圖片最佳化服務,整合各種常見圖片編碼解碼器,能在瀏覽器中對相片進行自訂調整,在分隔畫面即時比較原圖和壓縮後、或是使用不同壓縮技術造成的細節差異。我以前經常使用 TinyJPG 壓縮圖片,可以有效減少檔案大小,還能維持圖片畫質,後來在網站開啟 Jetpack CDN 直接替換圖片網址就有整合加速、分流和壓縮圖片效果。

Pixeltrue Mockup Generator 免費模型產生器,將擷圖輕鬆整合裝置畫面

Pixeltrue Mockup Generator 免費模型產生器,將擷圖輕鬆整合裝置畫面

如果要介紹、示範工具或應用程式等產品,通常會透過畫面擷圖搭配說明,不過只有擷圖看起來又很單調,這時候就能將畫面整合在裝置上,也被稱為模型(Mockup)。但是對於設計師以外的使用者來說,要把擷圖放入到筆記型電腦、平板電腦或智慧型手機畫面並不是一件容易的事,因此網路上有不少 Mockups 產生器,選擇你要的圖庫素材,將擷圖上傳後裁切就能變成好看的圖片。

Social Media Image Maker 線上將圖片裁切為適合社群網站尺寸

Social Media Image Maker 線上將圖片裁切為適合社群網站尺寸

如果有在經營社群媒體一定知道每個平台都有最適合顯示的圖片大小,即使大多數都會自動調整尺寸,也能自訂要顯示的範圍,但一開始就選好最適合尺寸就能獲得最佳顯示效果。不確定社群平台或特定位置的圖片尺寸嗎?之前介紹過 SocialSizes 提供每個社群最適用使用的圖片模版;或使用 Promo Image ResizerLandscape 工具線上裁切為指定尺寸大小,這些服務都有預設幾種常見的社群服務。

Mock Magic 為擷圖畫面加上外框,支援 iPhone、MacBook 等裝置模型

Mock Magic 為擷圖畫面加上外框,支援 iPhone、MacBook 等裝置模型

我介紹過不少實物模型(Mockup)工具,可以讓使用者上傳畫面,快速合成到相片中出現的裝置畫面,像是 iPhone、iPad 或是 MacBook,有些還帶有裝飾或景深,看起來非常專業!有時候如果需要展示網頁或應用程式,單獨放上擷圖好像又太單調,就可以選擇像是 Mockup PhotosMockDrop 或 Mockuper 等服務稍微處理一下,類似工具都不需要額外下載安裝軟體,只要選擇想使用的模型,把手邊相片上傳後就會整合。

Photoshop Express 線上去背工具,一鍵模糊背景或替換為特定顏色

Photoshop Express 線上去背工具,一鍵模糊背景或替換為特定顏色

現今的自動化去背工具大多使用人工智慧和機器學習技術,當使用者上傳相片後,程式會判斷前景和需要移除的背景範圍,就能在短時間去除背景,置換為透明背景或是特定顏色,讓以往需要耗費很多時間的去背工作變得更省時省力,例如最知名的去背服務 remove.bg 上傳相片五秒鐘自動移除背景,其他還有像是 PhotoScissorsTrace by Sticker MuleBgEraserSlazzer 或 Removal.ai 都使用類似技術,但功能上都有些差異。

MockDrop 免費 Mockups 產生器,在圖庫相片整合想呈現的畫面

MockDrop 免費 Mockups 產生器,在圖庫相片整合想呈現的畫面

上面這張相片頗具質感,電腦顯示的是免費資源網路社群首頁,其實不是由我拍攝,現今有非常多的線上工具可以做到所謂「模型」(Mockups)效果,簡單來說就是將你要呈現的畫面整合到圖庫相片特定裝置或範圍,營造出一種好像是自己拍攝的錯覺,對要展示畫面來說會有不錯的效果,例如 Mockup Photos 提供數千張高畫質素材,是我近期最常用的服務;Smartmockups 則是我較早會使用的模型工具,後來相片都必須付費才能使用。