为什么不建议用img标签来控制图片大小

作者&投稿:宠腾 (若有异议请与网页底部的电邮联系)
为什么不建议用img标签来控制图片大小~

  曾经有客户跟我说在网站后台上传了新闻图片,是相机拍摄的,传上去了但是超出了网页显示的范围,出现了滚动条,问我怎么处理,我告诉他先用图片处理软件将图片处理到合适的大小然后再上传,比如处理成600像素的宽度,高度按比例缩放,他告诉我说之前的网站都不用处理图片,传上去大小都是一样的,不会出现这种情况,后来经过一番解释他明白这样做的好处。  用相机拍摄的图片像素一般远远超过了网页内容区域浏览范围的大小,而图片本身的大小也在1M左右,有时候为了方便,直接把图片传上去,然后用css来统一控制图片的宽度,高度自动适应,但是这样做仅仅能让网页浏览者看到的图片像素变小了,似乎与内容很协调,实际上网页已经加载了这张1M左右的图片,如果一页有好几张新闻图,就要连续加载好多1M大小的图片,这时网页打开的速度明显变慢,而且有些图片会有一定程度的失真。  另外,如果把内容中图片的尺寸写死,有时候上传一些附件时,在附件前会有一个小图标,由于这个小图标也是用img标签引入的,因此也会被放大,要解决这个问题又必须要单独修改这个图标的样式,很是麻烦,而且一般内容的更新人员往往不懂这些技术活。  当网站进行改版时,可能不是原来的公司负责了,而这些上传到服务器上的图片如果是没有处理过的,图片加载慢的问题仍然会的不到解决,因为负责改版的人员不可能对你所有的图片一一进行处理。

  用相机拍摄的图片像素一般远远超过了网页内容区域浏览范围的大小,而图片本身的大小也在1M左右,有时候为了方便,直接把图片传上去,然后用css来统一控制图片的宽度,高度自动适应,但是这样做仅仅能让网页浏览者看到的图片像素变小了,似乎与内容很协调,实际上网页已经加载了这张1M左右的图片,如果一页有好几张新闻图,就要连续加载好多1M大小的图片,这时网页打开的速度明显变慢,而且有些图片会有一定程度的失真。  另外,如果把内容中图片的尺寸写死,有时候上传一些附件时,在附件前会有一个小图标,由于这个小图标也是用img标签引入的,因此也会被放大,要解决这个问题又必须要单独修改这个图标的样式,很是麻烦,而且一般内容的更新人员往往不懂这些技术活。  当网站进行改版时,可能不是原来的公司负责了,而这些上传到服务器上的图片如果是没有处理过的,图片加载慢的问题仍然会的不到解决,因为负责改版的人员不可能对你所有的图片一一进行处理。

  用相机拍摄的图片像素一般远远超过了网页内容区域浏览范围的大小,而图片本身的大小也在1M左右,有时候为了方便,直接把图片传上去,然后用css来统一控制图片的宽度,高度自动适应,但是这样做仅仅能让网页浏览者看到的图片像素变小了,似乎与内容很协调,实际上网页已经加载了这张1M左右的图片,如果一页有好几张新闻图,就要连续加载好多1M大小的图片,这时网页打开的速度明显变慢,而且有些图片会有一定程度的失真。
  另外,如果把内容中图片的尺寸写死,有时候上传一些附件时,在附件前会有一个小图标,由于这个小图标也是用img标签引入的,因此也会被放大,要解决这个问题又必须要单独修改这个图标的样式,很是麻烦,而且一般内容的更新人员往往不懂这些技术活。
  当网站进行改版时,可能不是原来的公司负责了,而这些上传到服务器上的图片如果是没有处理过的,图片加载慢的问题仍然会的不到解决,因为负责改版的人员不可能对你所有的图片一一进行处理。


为什么不建议用img标签来控制图片大小
另外,如果把内容中图片的尺寸写死,有时候上传一些附件时,在附件前会有一个小图标,由于这个小图标也是用img标签引入的,因此也会被放大,要解决这个问题又必须要单独修改这个图标的样式,很是麻烦,而且一般内容的更新人员往往不懂这些技术活。当网站进行改版时,可能不是原来的公司负责了,而这些上传到...

什么扩展名的图片格式名不能用img标记符直接插入到网页中
除了JPG、GIF、PNG格式,其它格式都不建议用(不利于网络传输或者根本就不能用)。

在html文档中用img的宽和高属性来缩放图像有什么坏处?
1. 这个根据我帮同事们调页面的经验,还是给img标签加上高和宽比较好。这样的话,图片显示出来就会按照设定好的尺寸,不会出现意外情况。但如果没有设定,很有可能会出现图片上边有白条,或者没有按照想要的效果显示。我碰到的就是没有加宽高,造成了图片下沉,上面出现白条。2. 一般,对于img正规的写...

能用机械硬盘加img文件当启动盘吗?
能用机械硬盘当启动盘 但是不能直接用IMG IMG就是映像文件,就像压缩文件需要解压,或者放到虚拟光驱软件里 你系统都没有,怎么可能运行虚拟光驱软件 IMG要么还原刻录到光盘里,要么加虚拟光盘里,在WINDOWS环境下安装,要么另外需要PE启动盘,再里面加载安装系统,总之不能直接当启动盘,

IMG是什么意思,网络用语吗?
这个IMG可包含的意思多了 1、英文的缩写 2、(1)img格式是镜像的一种。可以通过制作数据光盘或者使用虚拟光驱(如 WinMount)安装IMG数据文件。(2)img格式是制定css样式表的一种样式,对HTM中的图片属性进行修饰。(3)img格式是图片格式的一种,某些旧系统、游戏中照片是用IMG格式存储的,而且是多张...

img镜像和gho镜像都是镜像文件,那它们有什么区别?img多用于手机刷机,gho...
它的有点是整个硬盘式的压缩文件,其中也把磁盘坏块,以及磁盘碎片等备份进去了,而还原出来也会带有这些坏块和碎片。但是img的工作方式就不同,它只会把文件的内容记录下来,而不记录文件的排列等。而且gho为硬盘镜像,而img为软盘镜像(只是后来随着算法的改进,不局限于1.5mb。而变得更大)。

img后缀名的文件用什么软件可以打开
一、明确答案 img后缀名的文件是一种图片文件,可以使用以下几种软件打开:1. 图像处理软件:如Adobe Photoshop、GIMP、Paint Shop Pro等,这些软件能够打开并编辑img格式的图片文件。2. 浏览器:大多数现代浏览器如Chrome、Firefox、Safari等都可以直接打开img文件,将其作为网页中的图像显示。3. 图像查看...

img格式的作用是什么?
img格式通常用来压缩光盘上的内容,后缀名为.img的文件其实也就是镜像文件 如果觉的我答案有用,请点赞。

img,ima,bin,bif都是什么文件啊,有什么用呢?谢谢大家我是新手能说清楚...
由于.ISO只能压缩使用ISO9660和UDF这两种文件系统的存储媒介,意即.ISO只能拿来压缩CD或DVD,因此才发展出了.IMG,它是以.ISO格式为基础另外新增可压缩使用其它文件系统的存储媒介的能力,.IMG可向后兼容于.ISO,如果是拿来压缩CD或DVD,则使用.IMG和.ISO这两种格式所压缩出来的内容是一样的。ima光盘...

SEO 图片用IMG插入好还是用Background定义好?
主要的区别就是,background搜索引擎室不知道图片内容说什么的。而img,是可以通过alt标签向搜索引擎描述你图片的内容。所以如果这张图片对你网站内容有帮助,那最好用img,如果没有什么用处的话,用不加alt标签的img和background多没有什么问题。参考资料:qq:1033007980 ...

振兴区18113423319: 为什么不建议用img标签来控制图片大小 -
鱼莘纽枢: 用相机拍摄的图片像素一般远远超过了网页内容区域浏览范围的大小,而图片本身的大小也在1M左右,有时候为了方便,直接把图片传上去,然后用css来统一控制图片的宽度,高度自动适应,但是这样做仅仅能让网页浏览者看到的图片像素变...

振兴区18113423319: 在html文档中用img的宽和高属性来缩放图像有什么坏处? -
鱼莘纽枢: 1. 这个根据我帮同事们调页面的经验,还是给img标签加上高和宽比较好.这样的话,图片显示出来就会按照设定好的尺寸,不会出现意外情况.但如果没有设定,很有可能会出现图片上边有白条,或者没有按照想要的效果显示.我碰到的就是没有加宽高,造成了图片下沉,上面出现白条.2. 一般,对于img正规的写法是第一种,标签都要讲究有开始,有闭合,或者就像第一种一样,使用单闭合标签.如果就像第二种一样既不是单闭合标签,又没有闭合标签,就会出异常的.对于html这块儿,该认真的还是要认真的,有些东西不能省的.

振兴区18113423319: 为什么在DW中插入图像时,图像不会按照表格的大小定位谢谢了,大神帮忙啊 -
鱼莘纽枢: 图片的img标签中可以设置宽度 width 和高度 height 不过不建议用标签属性更改图片尺寸,因为这样的尺寸改变会使图片失真,我们都希望我们的页面是清晰的,高保真的,所以做图片切图片一定要严格按照尺寸来做,该多大就是多大

振兴区18113423319: 导航下面的这图片用哪种方法好 <img src=""> 还是background:url{}; -
鱼莘纽枢: 因为是导航图片,用<img src="">好一些,这样的话图片改变后台可以直接改,要是用 background:url{};基本是改不动了.

振兴区18113423319: 网页制作 中,链接的图片是用css设置背景图片好,还是直接用<img>标签 -
鱼莘纽枢: 前端页面中,用css设置成背景还是直接用<img>标签显示图片,这取决于图片在网站中所占的重要性.什么是图片的重要性?想让搜索引擎收录的图片就代表它很重要!而搜索引擎收录图片最起码的标准就是图片要存在,不能通过JS操作DOM...

振兴区18113423319: html的<img>的width,height标签能否改变图片实际大小? -
鱼莘纽枢: 一般做这种都会在上传图片的时候压缩一张小图,和原图一并保存到服务器上,展示大图的地方用大图,小图的地方用小图.

振兴区18113423319: 做网页时用背景图而不用<img>标签有好处吗? -
鱼莘纽枢: 第一:background相对于img标签能使浏览器更快的的加载, 第二:background的定义样式简单,所用的代码相对较少

振兴区18113423319: 为什么要用div控制图片移动而不把图片设为display:block,直接控制图片移动? -
鱼莘纽枢: 可以的<img src="" style=" position:absolute;top:100px;left:300px; display:block;width:200px; height:200px;"/>

振兴区18113423319: HTML中img标签显示图片时为什么是一个很小的方框?(图片路径应该没问题,是因为格式么?) -
鱼莘纽枢: 一般情况有两种可能1、 你图片本身就那么大!2、 你img标签把宽和高用具体的数字给固定死了 或者是div之类的外标签宽和高固定死了 导致图片变小了

振兴区18113423319: html常见兼容性问题有哪些? -
鱼莘纽枢: 1.当加了doctype<img /> 标签的alt属性在ie8或以上不生效,所以推荐使用title属性.2.什么情况下使用id选择器或class选择器 id选择器复用性比较低,优先级比较高,唯一使用,所以如果某个样式 只是给某一个html元素使用,则选择id选择器,如果一个样式可能给多个 html元素使用,则应当使用class选择器.3.a:link 在ie5,6下无效 可以直接使用a{...}4.IETest工具,也有一个兼容性问题,在win7下,打不开ie6.可以下载绿色版的ie6,不用安装直接用的那种.5.在嵌套div中,如果外层div没有设置边框,内层div的margin-top会无效.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网