如何通过网站前台查看图片尺寸?

["wechat","weibo","qzone","douban","email"]

咱们小伙伴在网站改版的过程中,常会遇到需要替换页面中某个部分的图片操作,想要快速知道这张图片的尺寸,有什么办法呢?

咱们可以用F12键,通过代码来查看哦!操作步骤如下:


第一步:按下电脑键盘中的F12键;

f12-0


第二步:出现如下图的界面后,鼠标点击如下图标记的第1步处的小箭头,然后点击需要查看尺寸的图片,然后将鼠标悬停在如下图标记的第3步处的图片链接上;

ps:如笔记本电脑按下F12键后未出现如下图的界面,建议您按下键盘上的Fn键后再按F12键。

f12-1


第三步:鼠标悬停在图片链接上后会看到如下图的信息。您可以按照原来图片的原图尺寸来裁一张新的图片,当然,您也可以按照渲染图片尺寸来裁新图片的尺寸哦!且您可以通过图片链接判断图片的格式哦!

f12-2