Browserframed快速把截圖、圖片與各瀏覽器框架合成的工具!省下更多作業時間

Screen Shot 2016 11 22 at 11 36 00 PM

對於設計網頁、寫應用工具等等的人來說,在產品還沒完全開發完成前,都會先做預覽圖示讓目標族群的使用者,可以大致了解其運作畫面,而以往都是用 Photoshop 自己合成,最近國外就有人製作出一個「Browserframe」網站,方便有需要合成圖至瀏覽器的人使用,提供市面上所有的瀏覽器框架,如:Chrome、FireFox、Safari、IE、Edge 等等,只要把圖片上傳後,網站就會自動幫你跟瀏覽器框架合成,減少製作的時間。

Browserframe 網站介面設計的很簡單,一打開畫面就會出現預設的 Chrome 瀏覽器框架,按下框架內的 Click to add screenshot 或頂部的 Upload 功能,即可上傳圖片。
Screen Shot 2016 11 22 at 11 17 28 PM

而打開中間選單可選擇要合成的瀏覽器框架,共六款:Chrome、FireFox、Safari、IE、Opera 與 Edge,其中 Chrome 與 FireFox 還分成 Windows 或 Mac 版型,主要就是關閉、縮小、全螢幕功能位置不同。
Screen Shot 2016 11 22 at 11 18 53 PM

圖片上傳完成後,瀏覽器框架也會自動依據你的圖片大小,進行縮放調整,因此看起來相當自然,不會有比例跑掉的問題。
Screen Shot 2016 11 22 at 11 21 34 PM

下載圖片方式也有兩種,按上方的 Save 功能或滑鼠右鍵選擇圖片下載都行。
Screen Shot 2016 11 22 at 11 22 37 PM

而你所上傳的圖片也會在關掉瀏覽器頁面後,自動刪除。
Screen Shot 2016 11 22 at 11 24 46 PM

所以說,未來不論是哪一類的工作、作業等需要把圖片跟瀏覽器合成,利用這 Browserframe 網站就能快速解決,不要再自己慢慢的 Photoshop 調整,省下不少作業時間!

另外製作這網站的作者 Philip Bergqvist,其實還有另一套也非常有名,叫「Paperworks」,是一個提供多工處理的工具,它能夠把我們 Gmail、Outlook、 Office 365 等帳號內的檔案、郵件附檔、收據、發票、帳單等等,全部都集中列出來,不需要再一個個慢慢翻看是在哪個郵件、或資料夾裡面,省下更多時間,非常好用!不過只支援英文語系,語言不好的人可能會比較難上手,筆者有空時再好好的介紹它。
Screen Shot 2016 11 22 at 11 31 47 PM

補充資料

Browserframe:https://browserframe.com/?ref=producthunt

您也許會喜歡:

神奇寶貝這樣玩才省!吃到飽+不斷電 隱藏絕招揭密