網頁截圖瀏覽器外框產生器

直接把網頁截圖貼進簡報或社群貼文，常常顯得單調，也看不出那是一個網站畫面。這個工具可以替截圖加上 macOS 風格的瀏覽器視窗外框，包括左上角的紅黃綠三顆圓點、網址列、圓角與柔和的陰影，再放到漸層背板上，幾秒鐘就做出適合放進簡報、產品介紹頁、作品集或 Twitter／X 貼文的展示圖。

使用方式很簡單：點擊上傳區或把圖片拖曳進去，支援 PNG 與 JPG 格式，一次處理一張。左側的「樣式設定」可以從四種漸層背板中挑選，或選擇不使用漸層的深色純色背景；背板內邊距分成 S、M、L 三種寬度，決定截圖周圍留白的多寡。外框主題有深色與淺色兩種，可配合截圖本身的配色。所有調整都會立即反映在右側的預覽畫面上。

「網址列文字」可以輸入任何你想顯示的網址或文字，例如產品網域或某個頁面的路徑，太長時會自動以省略號截斷，不會超出網址列。按下「下載美化圖片 (PNG)」後，工具會在瀏覽器中用 Canvas 重新繪製整張圖，輸出寬度固定為 1600 像素的高畫質 PNG，高度則依截圖的長寬比自動計算，所以很長的整頁截圖也能完整保留。

整個合成過程都在你的電腦上完成，截圖不會上傳到 AlpaKit 的伺服器，適合處理尚未公開的產品畫面或內部系統截圖。目前外框只有 macOS 風格一種，背景也無法設定成透明；如果原始截圖寬度遠小於 1600 像素，輸出時會被放大，文字可能變得模糊，建議使用高解析度螢幕或較大的視窗截圖。