欢迎光临散文网 会员登陆 & 注册

当下获得封面图的方法*我全都要

2018-02-26 23:08 作者:爱交作业的D1N910  | 我要投稿

正常操作,正常分析,大家好我是分析写手D1N910


从很久以前开始,通过福利封面来吸引观众姥爷们是很多视频增加自己播放量的手段之一


比如说出名的DNF系列的视频

你看到封面是这样的:

封面图基本上都是吸引人点击的


点进去发现其实是这样的画面

点进去后的画面普遍是这样的


D one非常喜欢那些福利封面,但是首先不好意思要,其次要了这些Up主也不一定会给 *可恶


围绕着想要获得封面图的需求


以下的内容主要讲述的是如何在  电脑端的浏览器  中获得封面图


这也是标题《当下获得封面图的方法*我全都要》的来历

我全都要表情.gif

零 前期准备

    (1)一个任意的现代PC端浏览器,最好不要使用IE浏览器,Up主这里使用的是Chrome浏览器,就是谷歌浏览器。


    ***************五流氓浏览器也是可以的。

Chrome浏览器


    (2)一个被你看中福利封面的视频

比如这个被红色箭头包裹住的图片


一 打开开发者工具


你看到的所有网页都是由人类制作而成的,开发者工具是供给人类测试制作的网页使用的


*目前还没有见过有哪一种常用的桌面级浏览器不带开发者工具的


调出开发者工具的方法


打开浏览器后,点击一下键盘上的  F12 按键

像这样,点一下就行了


或者  右上角菜单→更多工具→开发者工具

Chrome浏览器的方法


这么做了以后,你会看到浏览器右边有东西弹出来,就是下图红色框框框住的部分,这个就是开发者工具~(可以再按一下F12 关闭开发者工具,或者点击下右上角的删除按键)

主站前端有点调皮


二 获得图片的地址 

“你看到的所有网页都是由人类制作而成的”


每个图片都是人类通过方法放上去的,他们本身有自己存储的地址,也就是它们住在哪里


只要我们找到了它们住的地址,我们就可以找到它们


找到图片的地址步骤如下


点击红色框框框中的按钮

点击后按钮变成蓝色


选中你想选的图片

选中的部分显示蓝色,如果是图片标签左上角显示img


选中后,右边的开发者工具也会显示到对应的代码

鼠标移到这条代码,我们发现是我们要的图


全过程动图如下

使用OBS录制,PS制作的GIF动图


至此我们就找到了图片的地址,就是src后面的网址

三 通过地址找到对应图片

双击找到的地址


复制这串地址(可以直接用键盘上的快捷按键“Ctrl+C”复制,或者你有别的复制办法)

先按下Ctrl再按C


新建个网页,粘贴上刚刚复制的网址


*或者你可以直接复制在当前网页上的网址区域


在箭头指向的位置


*粘贴的快捷键是Ctrl+V

先按下Ctrl再按C‍


敲击回车按键(Enter)


即可得到我们要的图片


点击“图片另存为”即可保存图片

以上即为普通流程结束


四 各种取图情况叙述

先介绍四种福利封面图位置情况在此叙述,供读者参考


分别是

① 轮播区域(carousel)封面图


② 推荐(recommend)区域封面图


③ 楼层(storey)区域封面图


左上轮播、右上推荐、下面楼层


④ 手机端(Mobile)封面图

注意第二个和第三个封面图,我真的想要。


① 获得轮播区域(carousel)封面图

这是最好获得的封面图,各位直接按照前面举例来做即可。

甚至可以直接鼠标右键来另存为图片


② 获得推荐(recommend)区域封面图

鼠标移动到推荐区域封面图,会有东西挡住

可能导致这种情况

那我们往上找到对应的图片即可


*注意!


注意小图复制的网址的@的一串数字还有.jpg


如果不去掉这一部分,那你拿到的就是小图

像上面这样


去掉后才能得到大图  *切记

变身大图


其他的保存图片步骤就不提了。


③ 获得楼层(storey)区域封面图

楼层区域鼠标移上去后会有很多弹幕


这代表它比推荐区域有更多的代码


选中后就有这种情况


注意这里写着lazy-img


img实际就是网页制作中的图片的意思


点击旁边的三角形,即可查看隐藏的代码


照例复制粘贴


按照获得推荐(recommend)区域封面图的方法去掉图片链接后面的限制部分


④ 获取手机端(Mobile)封面图


比如下面这种手机端上的

太可恶了!


先让它皮一下,我们收藏到收藏夹

很生气地收藏


再在网页版的收藏夹里找到这个文件


再找到对应的福利图的位置


不好意思,原图就是这么小。

不打马赛克啦,23333


最后一点

B站首页设计是自适应的

推荐位置本来是四个一排的


打开开发者工具可能就三个一排了,然后你要的福利图可能就不见了


那你需要把你的开发者工具的位置换一下,换成箭头指向的两个


比如这样就行了


以后再有福利图想要为所欲为?


不好意思,这张图我收下了



看完了以上内容,我相信你以后看到这些封面肯定也是:


--END--

*忘了关注正常分析写手D1N910

可爱的读者都知道素质四连的,嘿嘿嘿

当下获得封面图的方法*我全都要的评论 (共 条)

分享到微博请遵守国家法律