「BrowserFrame」给网页截图加上浏览器外壳

前端时间写作「炒饭/chao.fun:逃离信息茧房,分享奇趣发现世界!」文章的时候,内容里面用到了屏幕画面截图,一般会用最简单的截图方式,但是呈现的方式并不是特别美观,为了兼顾图片的美观性,提升视觉效果,就使用了「BrowserFrame」工具的服务,将图片转换为带有Mac视窗阴影效果。

「BrowserFrame」是一个的线上工具,打开浏览器,无需下载安装,即可以使用。1.jpg

通过输入网址的方式截图

您可以直接在右侧的地址栏中,输入网址,比如https://wwwlanka.cn,点击箭头按钮,BrowserFrame会自动打开这个网站并生成带有浏览器框架的截图。

1.jpg

通过上传图片的方式截图

对于已经存储到本地的图片,您可以浏览本地文件路径,然后将图片上传,以完成带浏览器框架的截图。

1.jpg

浏览器外壳选择

接着从左侧选单点选要套用的浏览器视窗外框,包括Windows、Mac 两大常见的作业系统,在选单里可找到Google Chrome、Firefox、Opera、Safari、IE 和Edge,选择后右边的图片会即时更新。

完成下载

按下右下角的绿色「下载」按钮就可以下载到本地,如果要重新制作,则是点选旁边的「取消」按钮,操作并不麻烦,一般用户都可以轻松制作出自己需要的效果。