北京网站维护公司首页 维护知识 维护教程 浏览器查看网站图片尺寸的方法

浏览器查看网站图片尺寸的方法

时间:2017-06-17 来源:北京网站维护公司作者:天辰互动

北京网站维护公司在做后期维护中,客户经常要我整理网站图片的尺寸,网站图片那么多,预期一一整理不如告诉客户怎么查看网站图片尺寸

该教程主要是通过浏览器的自带功能查看图片的大小尺寸,下面将讲解几个常用的浏览器查看图片尺寸的方法

一、chrome怎么查看图片的大小尺寸方法演示

1.鼠标移动至图片的上方,鼠标右键选择“检查”

2.点击“检查”弹出下图,鼠标移动图片上方,下面代码位置就是该张图片,鼠标移动至图片的路径上,弹出提示,数字就是图片的宽度和高度(单位:像素)。

chrome查看图片的大小尺寸



上截图中的1160*667就是这个位置图片的尺寸大小。

二、Firefox怎么查看图片的大小尺寸方法演示

1.鼠标移动至图片上面,右键点击“查看图片信息”如下图:

Firefox查看图片尺寸的方法

2.点击“查看图像信息”后弹出如下图,下图中的尺寸即为图片的宽度和高度(单位:像素)

Firefox查看图片尺寸

三、360浏览器怎么查看图片的大小尺寸方法演示

1.鼠标移动至图片上,右键点击“属性”,如下图:

360浏览器查看图片尺寸

2.点击“属性”后弹出如下图,图片中的分辨率即为图片的宽度和高度(单位:像素)

360获取图片尺寸的方法

通过以上三种浏览器查看到图片的尺寸后,设计相同尺寸的图片上传网站即可,这样不会导致图片变形。其他浏览器也具备查看图片尺寸的功能,大家可以研究下。

知道了网站的图片尺寸,就可以按照尺寸作图了,但是一定要注意图片的格式,以及对图片进行压缩,这样对提高网站访问速度很有帮助。