1. 首页
  2. 技术教程

BrowserFrame 为网页截图加上浏览器外框,支持各种浏览器和操作系统

身为一个文字工作者,我对于文章排版和图片相当坚持,特别是每篇教学都会用到的屏幕画面撷图,要怎么设定抓取范围、呈现都经过相当长时间的不断研究摸索,才能尽力维持甚至改善文章品质。或许你无法花太多时间撷取萤幕画面,但又希望撷图能有不错的效果,考虑为图片加上好看的视窗外观也会让质感更为提升,之前介绍过Frrames和Browser Frame都是类似服务,或是利用Screely将图片转为带有Mac视窗阴影效果。

本文要介绍的「BrowserFrame」是一个很好用的线上工具,可以将撷图或任何图片加上浏览器外框,支援各种作业系统浏览器,包括Google Chrome、Firefox、Safari、Opera、IE和Edge ,也有Windows和Mac两种版本(外框看起来不太一样),很多人偏好的深色布景主题也在这项服务提供的素材清单。

开启BrowserFrame输入要撷取的网址会立即撷图,或者可以上传自己想要呈现的图片效果,从网站选取外框,套用后预览,喜欢就直接下载,非常简单!文章最前面的免费资源网路社群画面缩图就是以BrowserFrame制作产生。

网站名称:BrowserFrame
网站链结:https://browserframe.com/

使用教学

STEP 1

开启BrowserFrame 后先从右侧找到上传功能。

BrowserFrame 为网页截图加上浏览器外框,支持各种浏览器和操作系统

可以输入网址直接产生撷图,或点选其他部分跳出提示,可上传、使用自己的图片。

BrowserFrame 为网页截图加上浏览器外框,支持各种浏览器和操作系统

STEP 2

接着从左侧选单点选要套用的浏览器视窗外框,选择后右边的图片会即时更新。

BrowserFrame 提供的浏览器选项很多,包括Windows、Mac 两大常见的作业系统,还有不同的配色布景主题,比较可惜的是没有提供行动装置版本。在选单里可找到Google Chrome、Firefox、Opera、Safari、IE 和Edge。

BrowserFrame 为网页截图加上浏览器外框,支持各种浏览器和操作系统

STEP 3

在左下角还有一些细节设定,像是视窗颜色、宽度、高度或间距等等,有需要微调的话可以试试看从这里调整。

BrowserFrame 为网页截图加上浏览器外框,支持各种浏览器和操作系统

最后,按下右下角的绿色「下载」按钮就会取得视窗撷图,如果要重新制作,则是点选旁边的「取消」叉叉图案,整体操作并不会太难,而且制作出来的撷图效果相当理想,推荐给需要的读者朋友试试。

值得一试的三个理由:

  1. 输入网址就能线上撷取网页画面产生撷图
  2. 套用各种不同浏览器外框,包括Windows 和Mac
  3. 一键下载图片,可针对细部选项进行设定微调

原创文章,作者:yuanyuan,如若转载,请注明出处:https://www.xiaoyuanjiu.com/11634.html

发表评论

登录后才能评论