Image Border & Shadow
Add padding, border, and a soft shadow around an image
Image Border & Shadow — what it does
Add padding, a solid border and a soft drop shadow around an image, with control over border width and colour, padding, shadow blur, offset and colour. It is the finishing pass that makes a bare screenshot look deliberate on a slide, a blog post or a documentation page.
When this tool helps
- Framing screenshots for a presentation so they separate visually from the slide background.
- Giving blog or documentation images a consistent, polished treatment.
- Adding a white border and shadow to photos before posting them to social platforms.
How to use it
- Choose the image.
- Set border width and colour, and the padding amount.
- Adjust shadow blur, offset and colour.
- Process and download the finished image.
Accuracy, limits, and good practice
- A white or near-white padding band plus a soft grey shadow is the classic look, and it works on almost any background.
- Keep shadow offset small relative to blur; large offsets with tight blur read as a hard duplicate rather than depth.
- The exported image grows by the padding and border, so account for the new dimensions if a template expects an exact size.
Frequently asked questions
Is the shadow transparent in the export?
The result is a raster image. Choose a padding colour that matches your destination background when transparency is not preserved.
Can I round the corners too?
The rounded image and border tool handles corner radius along with background and border.
Will this reduce image quality?
The original pixels are copied unchanged; only the surrounding frame is added around them.
Related tools on this site
- Duotone Image Generator — Map image shadows and highlights to two custom colors
- Rotate & Flip Image — Rotate images and flip them horizontally or vertically
- Batch Image Format Converter — Convert multiple images to JPG, PNG, or WebP in a ZIP file
Everything above runs inside this page. Image Border & Shadow needs no account, no upload, and no server round trip — close the tab and nothing is left behind.
圖片邊框與陰影能做什麼
為圖片加上內距、實色邊框與柔和陰影，邊框寬度與顏色、內距、陰影模糊、位移與顏色都可調整。這是收尾的一道工序，讓一張裸截圖在投影片、部落格文章或說明文件上看起來是刻意設計過的。
什麼時候用得上
- 為簡報截圖加框，讓它在投影片背景上清楚分離。
- 讓部落格或文件圖片有一致、精緻的處理風格。
- 發到社群平台前，替照片加上白邊與陰影。
使用步驟
- 選擇圖片。
- 設定邊框寬度與顏色，以及內距大小。
- 調整陰影模糊、位移與顏色。
- 執行處理並下載成品。
精確度、限制與實務建議
- 白色或接近白色的內距搭配柔灰陰影是經典組合，幾乎在任何背景上都成立。
- 陰影位移相對模糊要小；位移大又模糊小，看起來像硬邊複製而不是層次。
- 匯出圖片會因內距與邊框而變大，若版型要求精確尺寸，請把新尺寸算進去。
常見問題
匯出的陰影是透明的嗎？
結果是點陣圖。若無法保留透明，請把內距顏色設成與目的背景相同。
可以順便做圓角嗎？
圓角圖片與邊框工具可同時處理圓角半徑、背景與邊框。
這會降低畫質嗎？
原始像素原樣複製，只是在外圍加上外框，不影響畫面本身。
本站相關工具
以上步驟全部在這個頁面內完成，圖片邊框與陰影 不需要註冊、不上傳檔案、也不經過伺服器，關閉分頁後不會留下任何資料。