教你怎么扒人家的酷炫自定义首页图
微博　微信 mordom0404 2016-09-19 19:57   19回复

评论
首先对着人家的背景图空白部分右击“审查元素”（IE为“检查元素”）



弹出窗口中，红框部分里面的那个链接就是你要的图片了



双击文本你就可以复制那个图片网址，然后粘贴到地址栏打开，锵锵！




另外，P9宽度是自适应的，所以自定义图的高度并没有做限制，但是这个显示区域高度是403像素。所以为了达到最好的显示效果，建议各位在上传图片之前将图片裁剪成1920*403像素左右，这样无论窗口多宽，你的头像和背景图的中心基本保持一致，图像的兴趣点也能保持在画面中。知道这个尺寸之后就有些有趣的玩法了，比如给自己头像加个帽子，画个手抱着白金奖杯这样 比如这个 @diu-_-diu 各位自由发挥~
mordom0404 2016-09-20 01:12修改
自定义之后，都被你们玩坏了～
purple22moon 2016-09-19 19:59
我从未见过如此厚颜五尺之人！
demonk9999 2016-09-19 19:59
我从未见过如此喉炎无耻之人！
h_xiong 2016-09-19 20:01
这招适用于很多禁止右键的网站……所以嘛
shirasagi_rina 2016-09-19 20:02
嘛p9官方提供的图片就可以扒下来，其实是一张完整的大图而不是长图哦
mordom0404 2016-09-19 20:02
审查元素扒图确实很方便，感谢楼主告知
l_zacks 2016-09-19 20:04
@mordom0404 应该将图以403像素高度为中心上下边多裁剪一样的长度直至其中一边达到边缘，不然手机、平板上会很难看的
luna_noire 2016-09-19 20:15修改
卧槽丢丢的背景好酷炫
maoyalu 2016-09-19 20:17
@luna_noire 如果你的图片高度大于403的话，手机缩放效果会自动帮你裁掉一部分的，而403像素无论屏幕多宽都只有左右两边被裁剪了，浏览器边框拉一下就看得出来呢
mordom0404 2016-09-19 20:22
赶紧试试，谢谢
markarlos 2016-09-19 20:28
从未见过如此聪慧之人
captain_bajeena 2016-09-19 20:38
高度改403像素之后，确实好多了，马克一下
drdeceiver 2016-09-19 20:47
@mordom0404 403的话手机上只能显示最中间的一小部分很难看，而以403为中心上下多留等量像素可以让手机上显示更多画面，效果更好，因为无论手机还是平板都是纵向屏幕，手机版UI能显示的背景画面远没有电脑上这么宽，多留像素虽然裁图麻烦点但是也不影响电脑上的效果
luna_noire 2016-09-19 20:50
@mordom0404 手机开P9网页和电脑开P9网页的UI是不一样的，手机端不会裁剪至403而是会适应图片高度，我专门裁了两张图实验，有兴趣你两个分辨用手机版网页UI试一下就知道了
这两张图在网页上的效果是一样的，因为中间400像素的画面被我裁在了相同的位置，但是手机上因为自适应高度，明显第2张能看到更多画面





luna_noire 2016-09-19 20:54修改
@luna_noire 这个是知道的，我个人建议是尽量把兴趣中心放在头像边上，这样网页就不会上下裁剪了哈，嘛有人看手机多一点的话就可以用4:3这样的大图也是完全ok的

手机也是403高度的，这个是确定的，只是把你的图片在显示的时候浏览器帮你缩放了，pc页面你拖动的很窄的话也可以看到手机一样的效果哒（更正：检查了下CSS，网页宽度在680像素以下的话自定义图高度会自动缩减至355像素）



额。。好像。。
mordom0404 2016-09-19 21:11修改
你们的都好酷炫
dtlinpan 2016-09-19 22:22
这不是 Miv4t的吗。。
cephairstrike 2016-09-19 23:20
感谢楼主提供的显示的那部分精确尺寸，我也想到了，但是没深究具体尺寸，明天我再改良下我的首页图。
tohnoseika 2016-09-19 23:28
回复不能

贵宾 Lv.2

T