找回密码
 加入怎通
查看: 400|回复: 6

[站长八卦] 为何不提议用img标签来扼制图片体积

[复制链接]
刘乐 发表于 2013-01-29 21:48:57 | 显示全部楼层 |阅读模式
 以前有客户跟我说在网站后台上传了新闻图片,是照相机照相的,传上去了不过越过了网页显露的范围,显露出来了骨碌条,问我怎么处置,我奉告他先用图片处置软件将图片处置到合宜的体积而后再上传,譬如处置成600像素的宽度,高度按比例缩放,他奉告我说之前的网站都无须法置图片,传上去体积都是同样的,不会显露出来这种事情状况,后来通过一番诠释他清楚这么做的益处。
% ?  ^% S9 W! o2 I$ w
& M) A* D  ]* K4 y; ~; r
$ @  R  E; [) N6 B
. H: n" U3 p2 p* m: b5 z1 @, [. [1 V: Q
3 M$ _: u$ ~; y& }; @
  在用div和css制造网站内部实质意义页的模型板时,我们会对那里面的一点内部实质意义施行式样固定,譬如题目用几号字、啥子颜色,宣布时间用啥子字体、啥子颜色等等,内部实质意义页面中天然也少不得图片,这些个图片是经过相应的网站内部实质意义管理系统上传到服务器上的,在内部实质意义页中用img标签做了援用得以在网页上显露。
8 @& J, W' K! k0 s+ }
- \' k1 }7 l( x5 n& V  用照相机照相的图片像素普通远远超过了网页内部实质意义地区范围浏览范围的体积,而图片本身的体积也在1M左右,有时为了便捷,直接把图片传上去,而后用css来一统扼制图片的宽度,高度半自动适合,不过这么做仅只能让网页浏览者看见的图片像素变小了,仿佛好象与内部实质意义很协调,其实网页已经加载了这张1M左右的图片,假如一页有好几张新闻图,就要蝉联加载好多1M体积的图片,这时网页敞开的速度表面化减慢,并且有点图片会有一定程度的失真。) f: a, ?% X5 D5 T% ?& p$ ?
; {2 h, l" m6 R, Z! n
  额外,假如把内部实质意义中图片的尺寸写死,有时上传一点附件时,在附件前会有一个小图标,因为这个小图标也是用img标签引入的,因为这个也会被放大,要解决这个问题又一定要单独改正这个图标的式样,很是麻烦,并且普通内部实质意义的更新担任职务的人往往不懂这些个技术活。
7 n$ H% g# G) P. J
' ]9 ?; x- a  |$ K1 V. q  n  当网站施行改版时,有可能不是原来的企业负责了,而这些个上传到服务器上的图片若是没有处置过的,图片加载慢的问题还是会的不到解决,由于负责改版的担任职务的人没可能对你全部的图片一一施行处置。
# L7 ^# ?4 z5 k5 Q4 \5 K6 ^0 c" h+ Y6 i. _) a$ X
  从技术上能成功实现的效果有众多,但不是全部的方案都是合理的,因为这个,作为网站建设的技术担任职务的人,要养成这种对于图片先处置、后上传的习性,即网页显露需求若干像素,就事前处置成若干像素再上传,不惟可以节省磁盘空间,并且增长了浏览者的敞开页面的速度。6 B8 F! u, p8 y& J+ L: y9 j

, }5 l/ }6 Y$ M# @6 k: z  本文来自http//1 Y" S: a/ R$ H1 g4 K+ C
回复

使用道具 举报

radarxu 发表于 2026-01-12 21:59:01 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复 支持 反对

使用道具 举报

sa18620 发表于 2026-01-16 17:35:22 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复 支持 反对

使用道具 举报

站长小二 发表于 2026-01-22 13:38:13 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复 支持 反对

使用道具 举报

蕃茄炒蛋 发表于 2026-04-19 10:00:49 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复 支持 反对

使用道具 举报

阳光会有的 发表于 2026-06-03 15:15:40 | 显示全部楼层
分析得很透彻,很多细节都说到点子上了~
回复 支持 反对

使用道具 举报

发呆 发表于 2026-06-14 17:17:20 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-6-14 18:31 , Processed in 0.063723 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表