图怪兽在线作图神器,审查元素去水印方法教程

  • A+
所属分类:其他教程

教程介绍

本来今天准备去做个视频封面,想起之前同时提到过图Guai兽, 我就准备去上面找点好的效果图片,结果又有水印, 这怎么能难道我这个半瓶水的后端程序猿呢。

操作步骤

1、谷歌浏览器进入图片的编辑页面,如下图;

在这个编辑页面里面, 大家可以按自己的需求 然后如果您有会员当我没说哈, 如果对图片要求不高的可以继续往下看

2、审查元素(浏览器右键或者直接按键盘上的F12)

2.1 如果是想要图片中的底图,最简单的方法就是在  审查元素的代码区域,点击“网络”-》“img”-> 然后下面有当前网页所加载的图片,在这里挨个看(鼠标点击名称后, 右边那儿有个预览),找到你要的图片, 右键新窗口打开在保存或者点到图片上右键保存都行;

或者按下图的,一个一个点,也能找到,在代码区域有三四个地方都能找到这个图,这个就比较麻烦了,需要有一点点的前端基础。

3、如果你的图片已经编辑好了,需要下载,那么系统会提醒你让你加入VIP。如果您对要求不高的情况下,可以按我说的方式进行 先删除水印元素, 然后再网页截图。(一般还是够用了, 如果你电脑显示器分辨率够高,那效果会更好)

水印的标签元素 有一个  class 的名称, 叫做:  image-watermark   在代码区域,你ctrl+F5搜索会发现有4个,如下图:

这4个标签就是在编辑页面显示水印的标签, 一共有四个,第一个不用管,他有一个属性是:display: none;  就是不显示的意思, 我们继续点击搜索出来的结果右边的向下那个箭头, 查找下一个,如下图:

快了快了, 马上就可以成功了, 在这个页面,右侧红色框的是标签的属性 有高、宽等等, 这儿会发现一个很长的   background: url(//s.tuguaishou.com/background_watermark1.svg) 0% 0% / 79.6813% repeat;   这个表示背景图, 我们把他取消即可,如下图:

可能设计师小伙伴这里不懂怎么取消哈, 其实很简单, 就是 鼠标移动到上图的红色框区域后,这些属性前面会有一个 复选框, 我们把  background 这个背景图属性前面的 √ 点一下,就取消了, 然后就可以看到右侧的图片没有水印咯..

上面可能没描述清楚,有疑问的小伙伴下面留言吧

  • 我的微信公众号
  • 扫一扫关注
  • weinxin
  • 我的新浪微博号
  • 扫一扫关注
  • weinxin
小辉博客

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: