整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

一个精准网页截取的小技巧

一个精准网页截取的小技巧

然大家使用QQ,微信等工具可以非常方便的进行截图,但是却存在边缘无法精确截取的问题,还有要截取的超出当前屏幕时就更加不方便了。

现在电脑浏览器已经有很多种可供大家选择,今天讲一个用Firefox浏览器进行精确截图的一个小技巧。

下面讲一个用firefox(火狐)浏览器进行精确截图的方法,首先先自行下载安装完成firefox后,在菜单栏,工具->附加组件里,下载firebug插件(一个用于web开发调试的很好用的插件)。

安装完成firebug后,按F12打开该插件:

浏览器底部出现该firebug窗口

鼠标移到html代码查看器区域,确定要截取的区域后,单击确定该区域后,右键点击弹出节点截图菜单,单击该菜单即可保存为图片。

节点截图

找到工具->下载就可以看到保存后的图片了。

作中我们经常需要寻找各种各样的图片素材,有时候你找到了一张很好的图,却苦于无法保存到本地,最终无奈使用微信截图截了一张,本文将教你如何快速的保存网页上的高清图。

1.最常见的直接右键保存

以百度首页为例,在Logo图上点击:①鼠标右键-②图片另存为-③选择存储地址保存

鼠标右键图片另存为


2.当点击右键无效或没有另存为时

以AiforWork本站为例,在图片上点击右键任何效果,推荐使用Google Chrome浏览器,百分浏览器等谷歌内核的浏览器,步骤如下:

在当前页面按下F12打开开发者工具,点击右上角的三个小点,然后点开Settings,如下图:

Google Chrome浏览器打开开发者模式Setting选项


找到Disable JavaScript并打钩,这样可以关闭网页的javascript从而解除右键的限制,此时就像方法1一样,可以在图片上单击右键保存图片了。

注意:保存完图片后记得取消打钩,否则网站部分功能可能会出现无法使用的情况。

浏览器禁用javascript


惊喜拓展:此方法同时可以解决无法复制网页文本、无法使用Ctrl+V粘贴数据到网页输入框的问题,如:无法复制百度文库文档内容的问题。

3.有些图像为背景图或图像上有浮层时,无法使用上述两个方法保存时

以华为官网为例,右键并没有图片另存为的选项:

某些情况无法邮件保存图片


此时可在该图片的位置,单击鼠标右键,选择检查,即可在右侧开发者工具中看到该图片的链接地址,复制链接地址在新窗口打开或者在链接上单击右键:open in new tab在新窗口打开即可如方法1右键直接保存。

通过开发者模式查找图片资源


有的图片会被我们可爱的程序员放到背景图中,如下图,此时可以在Style中看到该图片的链接

图片隐藏在背景图中


4.矢量图或代码图、一般为网站的logo,此时如果需要高清图可以通过缩放浏览器到自己需要的大小截图即可,如下图:

以高通官网的logo为例,按住Ctrl+鼠标滚轮可缩放网页,从而缩放图片,截图即可。

高通官网logo可通过缩放获取适合的大小


5.终极方法建议常备:通过图片助手(ImageAssistant)插件一键提取

以华为官网为例,点击插件,提取本页图片,即可提取当前页面中的所有图片,选择自己需要的就好,也可以批量一键保存所有,具体使用请自行探索。

图片助手插件,一键提取网页图片


图片助手(ImageAssistant)插件效果预览


觉得有用就分享给你的朋友吧,记住Aifor.Work | 爱工作,效率提升,让工作充满乐趣。

agic Copy:轻松一点,精准抠图,让创意无限放大! - 精选真开源,释放新价值。


概览

Magic Copy(AI智能抠图插件)是一个创新型的浏览器扩展工具,其独特之处在于能够无缝集成于用户的网页环境之中,从而实现便捷高效的在线抠图功能,极大地满足了用户对图像处理、特别是抠图需求方面的个性化诉求。相较于传统复杂的图像编辑软件,Magic Copy凭借其直观易用的设计理念,使得抠图操作变得更加轻便流畅。

该插件的核心技术依托于Meta公司的Segment Anything AI模型,这一先进的深度学习模型赋予了抠图全新的内涵和可能性。它运用前沿的人工智能算法,能够识别并智能分离出图像中的前景主体。

一旦AI模型成功提取出前景对象,Magic Copy将自动将其复制至系统剪贴板,用户可立即在任何支持图片粘贴的应用程序中进行后续编辑或合成,大大简化了抠图工作流程,提升了工作效率。这一革新性功能不仅降低了图像处理的专业门槛,也让广大用户能够随时随地享受高效智能化的抠图体验,无疑为图像创意设计领域带来了全新的活力与便利。

截至发稿概况如下:

  • 软件地址:https://github.com/kevmo314/magic-copy
  • 软件协议:MIT
  • 编程语言

语言

占比

TypeScript

89.2%

JavaScript

5.5%

Shell

3.7%

Other

1.6%

  • 收藏数量:2.3K


主要功能

Magic Copy的使用非常简单。

下载安装包

从Github上releases下载最新的 magic-copy.zip:https://github.com/kevmo314/magic-copy/releases。

浏览器安装

解压缩后,在Chrome的网址输入框中输入chrome://extensions/,以启用“开发者模式”,然后单击“加载解压”。


  • 一键抠图

安装完成后,右键网页中的任意一张图片,选择Magic Copy。加载完成后,选择需要抠出的部分,点击右上角的Copy就可以把抠图结果存入剪切板。


直接进入抠图界面,直接用鼠标左键点选,比如下图中的这个少女,点击后,工具会自动选取到整个少女的全身。


右上角可以选择复制(copy)(图片会复制到剪贴板),下载 - 图片会直接下载到本地。


点击左上方“预览”可以直接查看抠图效果





遐想

麻雀虽小五脏俱全,作为轻量的浏览器插件,Magic Copy能够实现如此强大的图像抠图效果的确不易,这很大程度都依靠了AI的力量。这样的效率能够帮助用户迅速地扩展一大批高质量素材。

但即便如此,因为体量的关系,Magic Copy也是存在着不足的:在面对拥有着复杂背景的图片时,智能抠图的效果其实并不让人满意。如下图,两手臂之间的花朵也在去背景的范围内,而抠图扩充功能又并未提供去除范围之类的功能,只能在Undo恢复至上一步。因此,Magic Copy实际上并不太适合用在背景复杂的图片上面。


而像面对着简单背景的图片时,就完全没有问题,即便头发有很多边边角角,但是去背景的范围还是辨识得不错的。


各位在使用Magic Copy的过程中是否遇到了有趣的问题?热烈欢迎各位在评论区分享交流心得与见解!!!





声明:本文为辣码甄源原创,转载请标注"辣码甄源原创首发"并附带原文链接。