主辦學院 > 操作教學 > Banner 尺寸怎麼調整?5 款調整圖片大小工具推薦!

Banner 尺寸怎麼調整?5 款調整圖片大小工具推薦!

by ACCUPASS 活動編輯室

無論是架設網站、發送 EDM、社群貼文、舉辦活動,都會有設計 Banner 的需求。Banner 除了能夠傳達重要資訊,也是讓人對你的品牌留下印象的重要媒介。 而對應不同的版位,Banner 的尺寸也會有不同的要求,這篇文章將以 ACCUPASS 活動頁 Banner 尺寸(1080 x 540 px)為例,介紹 5 款調整 Banner 尺寸的常用小工具,即使不是設計師,也可以簡單調整圖片尺寸!

好的 Banner 怎麼設計?▸ 6 個設計技巧與範例,設計吸睛的活動 BANNER 提升點閱率

一、PowerPoint

微軟的 PowerPoint(簡稱為 PPT)除了製作簡報外,有些對於 Canva、Illustrator 較陌生的人也會拿來製作 Banner。要特別注意的是,PPT 自訂版面大小時,所用的單位為「公分」,因此可以先透過單位換算的網站,將「單位 pixel」換為「單位公分」。

以 ACCUPASS 的標準 Banner 尺寸為例,選擇適合螢幕的 72 dpi 的情況下,1080 x 540 px 換算之後即為 38.1 x 19.1 cm。得到計算為的數值後,即可調整 PPT 的版面大小囉!

操作步驟:

1. 在上方功能列表點選「設計」中的「調整投影片大小」

2. 選擇「自訂投影片大小」,並輸入「寬:38.1 cm、高:19.1 cm」

3. 點選確定後,可選擇「最大化」呈現滿版的圖片,或「確保最適大小」已呈現完整的圖片(可能會有白邊)

4. 完成設定後,插入圖片 / Banner,並調整或剪裁至與版面相符的大小

5. 調整完畢後,選擇「檔案」中的「另存新檔」,檔案類型選擇 PNG 或 JPEG

banner 尺寸
banner 尺寸
banner 尺寸
banner 尺寸

二、Google 簡報

除了 PPT 以外,Google 簡報也能透過調整版面大小來調整圖片的尺寸。

操作步驟:

1. 在上方功能列表點選「檔案」中的「頁面設定」

2. 選擇「自訂」,輸入「1080 x 540」並將單位調整為「像素」,再點擊「套用」

3. 完成設定後,插入圖片 / Banner,並調整或剪裁至與版面相符的大小

4. 調整完畢後,選擇「檔案」中的「下載」,檔案類型選擇 PNG 或 JPEG

banner 尺寸
banner 尺寸
banner 尺寸

三、iloveimg

線上工具 iloveimg,提供各式各樣編輯圖片的功能,今天要和大家介紹「調整圖片大小」和「剪裁圖片」兩個功能,來調整 Banner 的尺寸。

「調整圖片大小」操作步驟:

1. 點選「選擇多張圖片」,上傳欲調整大小的圖片

2. 右邊欄位選擇「按像素」,輸入「寬:1080、高:540」,並取消勾選「保持長寬比」

3. 輸入完畢後點擊「調整多個圖片的大小」

4. 完成調整後點擊「下載已調整尺寸的圖片文檔」;若還需要裁剪,可點選右下剪刀圖示

banner 尺寸
banner 尺寸
banner 尺寸

「剪裁圖片」操作步驟:

1. 點選「選擇多張圖片」,上傳欲調整大小的圖片

2. 右邊欄位輸入「寬:1080、高:540」,若圖片大於左邊畫面的裁剪框,可按住 Shift 等比例放大裁剪框

3. 調整到最適當的位置後點擊「裁剪圖片」

4. 若圖片剛好能夠以「1080 x 540 px」呈現,可直接下載圖片;若還須調整大小,可按右下「繼續使用調整圖片的大小」

banner 尺寸
banner 尺寸
banner 尺寸

四、ResizePixel

另外一個要介紹的工具是 ResizePixel,功能與 iloveimg 大同小異,不過目前尚未提供中文介面。

操作步驟:

1. 點擊「UPLOAD IMAGE」

2. 在 Resize Image 中,「Width 輸入 1080」,並勾選「Fixed aspect ratio」,按下 Resize

3. 點選 Crop,Aspect ratio 選擇「Photo 2×1」,可勾選「Display grid」顯示裁切框

4. 將裁切框拉到與寬度一致,按下 Crop 後,點擊「Go to Download」接著「Donwload Image」

banner 尺寸
banner 尺寸
banner 尺寸
banner 尺寸
banner 尺寸

五、Image Size

以上的四款工具皆須使用電腦操作,若身邊沒有電腦,小編推薦「Image Size – Photo Resizer」這個 App 來調整圖片的大小。不僅支援 Android 和 iOS,最大的推薦原因是可以自訂圖片大小!許多 App 僅能夠調整為特定的比例,但這款 App 可以直接輸入數值,操作起來非常方便!

操作步驟:

1. 進入 App 後,點選左上角照片的圖示,上傳欲調整大小的圖片,確認後按右下 Choose

2. 選擇「pixel」為單位,並輸入「Width:1080,Height:540」

3. 完成調整後,點選左下角的下載圖示,保存圖片

banner 尺寸

Image Size iOS 版本下載
Image Size Android 版本下載

以上就是 5 款小編推薦的圖片尺寸調整工具,其實在製作 Banner 時,就應該以正確的尺寸設計,避免用心產出的 Banner 無法使用。但若只是需要簡單調整尺寸,以上 5 個工具操作起來都很簡單,不是設計師的人也能夠快速調整圖片大小喔!

或許你會喜歡

分享你的看法