Screenshot.Rocks 是一款免費的線上工具,只要你輸入網址,他就能幫你建立非常吸引人的瀏覽器樣式,其中包含了電腦版本與手機版本,幾秒鐘之後,就能迅速截圖你的網站畫面,並提供多種樣式讓你設計一個漂亮的瀏覽器模型。
網站名稱:Screenshot.Rocks | Create mobile or browser mockups from screenshots
網站網址:https://screenshot.rocks/
文章目錄
Screenshot.Rocks 簡介教學
第 1 步
輸入網址
進入首頁後,輸入你的網站網址,記得要添加 https。接著,如果想擷取手機版本樣式,可以將「Mobile」的選項打勾,那麼就會以手機版本的頁面樣式進行擷取:
第 2 步
設定瀏覽器樣式
經過幾秒後,就會跳轉至下一頁設定樣式。在畫面中你可以看到程式已經擷取你的網站頁面,你可以透過左側的控制面板,進行外觀樣式的設定:
在左側的控制面板中,在「Browser」項目中,目前有提供 6 種瀏覽器外觀樣式可以挑選。在「Canvas」中,可以調整畫面的長寬大小。在「Background」中,你可以選擇不同的背景圖片、單一顏色、漸變顏色、或是都不使用。最後,在「Settings」中,你可以選擇是否顯示「Windows 控制項」、「網址欄」、「網址」、「上下導航按鈕」、「設定按鈕」、「陰影」…等等功能。
這項免費的線上服務非常適合用來作為模型的展示,在製作形象宣傳時,可以應用在各種專案當中,讓你的網站能以更美的形式呈現在你的作品當中。
最後,「Screenshot.Rocks」提供了「PNG」、「JPEG」、「SVG」三種檔案格式可供下載,設定完成後,選擇你想要的格式,點選「Download」按鈕,即可下載。
Screenshot.Rocks 評價推薦優點
- 免費線上產生瀏覽器模型
- 可自定義樣式與背景圖
- 提供 PNG、JPEG、SVG 下載
相關文章
- Pixelmob – 免費圖庫搜尋引擎,幫你從從各大圖庫中搜尋免費圖片進行下載!
- AI Background Generator – 輸入關鍵字描述並透過 AI 自動產生背景圖片,免註冊下載可免費用於個人或商業用途使用
- Blobs – 線上免費產生 Blobs 圖形,可調整大小形狀、漸變顏色並產生 SVG 格式與支援 Flutter 程式匯入
- Cool Backgrounds – 免費背景線上產生器,快速建立三角抽象、多線條、漸變與渲染的豐富背景
- PixelMe – 線上免費短網址服務,可添加個人網域作為品牌短網址 URL 與分析追蹤數據!
- SocialBook Photo Cartoonizer – 一鍵快速將圖片自動轉成卡通風格,完全免費並提供 5MB 檔案上傳限制
- Snipboard 免費線上螢幕截圖上傳分享連結工具,提供簡易編輯器並可作為免費圖床使用
- File Coffee – 免註冊單檔 15 MB 免空傳輸服務,可作為線上圖床與影片空間,可註冊免費會員進行檔案管理
- AnyConv 免費線上轉檔案服務,支援超過 400 種檔案格式,每小時最多可轉換 60 個檔案
- Alwane 免費網站色碼分析工具,透過 HTML 與 CSS 抓取網站使用色系,並以視覺化方式分組呈現所有顏色
- Fotor – 免費線上修圖軟體,海量範本模板可快速進行圖片編輯、海報設計與拼圖工具
- Clay Mockups – iPhone 12 設備模型免費下載,提供 Sketch 與 Figma 格式免費取得完整原始碼檔案
新增留言