圖片加入邊框
在本機為 JPG、PNG 或 WebP 四周加入 1–500 畫素純色邊框,並下載完整解析度 PNG。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.選擇符合顯示檔案限制的本機 JPG、PNG 或 WebP。
- 2.把邊框寬度設為 1 至 500 畫素的整數,並選擇純色。
- 3.點選「加入邊框」、確認擴大後尺寸,再下載 PNG。
關於圖片加入邊框
圖片加入邊框可在不上傳檔案的情況下,替本機 JPG、PNG 或 WebP 加上等寬純色外框。選擇檔案、設定 1 至 500 畫素的整數邊框、挑選顏色,再把結果下載為 PNG。
邊框會加在原始圖片外側。20 畫素邊框會讓寬度與高度各增加 40 畫素,讓所有來源畫素維持原始座標比例,並把來源放在 x=20、y=20 的位置。工具不會裁切、拉伸、重新取樣、模糊或覆蓋來源圖片。八組幾何測試涵蓋極小、直向、橫向、正方形、大型、1 畫素與 500 畫素邊界。
輸入採用共用圖片安全政策:JPG、PNG 或 WebP 不得超過 25 MiB,解碼尺寸也必須在限制內。加入邊框後,輸出仍會依 2,000 萬畫素 Canvas 上限檢查。無效尺寸、不支援的檔案、格式錯誤的顏色、過大邊框、解碼失敗、缺少 Canvas 支援與空白 PNG 輸出都會明確失敗。
Canvas 會先以所選六位十六進位顏色填滿擴大區域,再於邊框偏移位置繪製一次已解碼來源。輸出固定為 PNG,因此來源 JPEG 會先解碼再重新編碼,檔案大小可能增加。圖片內原有的透明畫素仍保持透明,新增的外側邊框則是不透明的。
檔案位元組、解碼畫素、Canvas 與暫時下載 URL 都留在目前瀏覽器分頁中。變更檔案、寬度或顏色會使舊結果失效並釋放其 Object URL。過期的非同步匯出不會覆蓋較新的選擇。
本工具只建立矩形純色外框,不會加入圓角、裝飾圖樣、漸層、陰影、標題、印刷出血、色彩描述檔或向量邊框。若需要色彩管理印刷、精確實體尺寸、批次處理、分層編輯或非破壞性設計工作,請使用桌面圖片編輯器。
方法與來源
驗證受限制的本機圖片與解碼畫素預算,解析 1–500 畫素整數邊框及六位十六進位顏色,以兩倍邊框計算輸出寬高,拒絕超過 2,000 萬畫素的輸出,以所選不透明顏色填滿擴大 Canvas,在相同 x/y 偏移繪製一次來源,編碼 PNG、拒絕空輸出、使過期工作失效,並釋放被取代的 Object URL。
常見問題
- 邊框會覆蓋圖片嗎?
- 不會。Canvas 會向四邊等距擴大,因此來源畫素不會被覆蓋或縮放。
- 為什麼輸出是 PNG?
- PNG 能提供可靠的瀏覽器 Canvas 匯出,並保留來源圖片內原有的透明度。
- 可以為每一邊設定不同寬度嗎?
- 不行。這項聚焦工具會對四邊套用相同寬度。
- 圖片會上傳嗎?
- 不會。解碼、繪製、PNG 編碼與下載建立都在瀏覽器本機完成。
相關工具
圖片工具 使用指南
查看全部- Add an Image Border in DaVinci Resolve or Your Browser (英文原文)
- Add a Border to an Image in Canva: Steps and Alternatives (英文原文)
- How to Add a Border to an Image Without Illustrator (英文原文)
- Add a Border to an Image for Google Slides (英文原文)
- Add a Border Around an Image for Google Docs (英文原文)
- Add a Solid Border to a JPG, PNG, or WebP Image (英文原文)
- How to Add a Background to a PNG for Your Website (英文原文)
- Convert WebP to GIF on Mac Without Uploading It (英文原文)
- How to Convert WebP to GIF in Your Browser (英文原文)
- Convert SVG to PNG With a Transparent Background (英文原文)
- How to Convert SVG to JPG in Windows Without Software (英文原文)
- How to Make an Image a Solid Color in Photoshop (英文原文)
- Add Rounded Corners to a Photo in Your Browser (英文原文)
- How to Convert PNG to JPG Without Losing Quality (英文原文)
- Image Placeholder for Photoshop, Without the App (英文原文)
- Cities: Skylines 2: Create a Reference Overlay PNG Locally (英文原文)
- Turn Your Memento Backpack Division 2 Hunt Into a Meme (英文原文)
- Convert JPG to PNG Without Canva: A Faster Way (英文原文)
- How to Put an Image to PDF Without Uploading It (英文原文)
- Image to Base64 in JavaScript Without Writing Code (英文原文)