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

2017-02-01 13:26:07 728 views

曾经有客户跟我说在网站后台上传了新闻图片,是相机拍摄的,传上去了但是超出了网页显示的范围,出现了滚动条,问我怎么处理,我告诉他先用图片处理软件将图片处理到合适的大小然后再上传,比如处理成 600 像素的宽度,高度按比例缩放,他告诉我说之前的网站都不用处理图片,传上去大小都是一样的,不会出现这种情况,后来经过一番解释他明白这样做的好处。

在用 div 和 css 制作网站内容页的模板时,我们会对其中的一些内容进行样式固定,比如标题用几号字、什么颜色,发布时间用什么字体、什么颜色等等,内容页面中自然也少不了图片,这些图片是通过相应的网站内容管理系统上传到服务器上的,在内容页中用 img 标签做了引用得以在网页上显示。

用相机拍摄的图片像素一般远远超过了网页内容区域浏览范围的大小,而图片本身的大小也在 1M 左右,有时候为了方便,直接把图片传上去,然后用 css 来统一控制图片的宽度,高度自动适应,但是这样做仅仅能让网页浏览者看到的图片像素变小了,似乎与内容很协调,实际上网页已经加载了这张 1M 左右的图片,如果一页有好几张新闻图,就要连续加载好多 1M 大小的图片,这时网页打开的速度明显变慢,而且有些图片会有一定程度的失真。

另外,如果把内容中图片的尺寸写死,有时候上传一些附件时,在附件前会有一个小图标,由于这个小图标也是用 img 标签引入的,因此也会被“放大”,要解决这个问题又必须要单独修改这个图标的样式,很是麻烦,而且一般内容的更新人员往往不懂这些技术活。

当网站进行改版时,可能不是原来的公司负责了,而这些上传到服务器上的图片如果是没有处理过的,“图片加载慢”的问题仍然会的不到解决,因为负责改版的人员不可能对你所有的图片一一进行处理。

从技术上能实现的效果有很多,但不是所有的方案都是合理的,因此,作为网站建设的技术人员,要养成这种对于图片先处理、后上传的习惯,即网页显示需要多少像素,就事先处理成多少像素再上传,不但可以节约磁盘空间,而且提高了浏览者的打开页面的速度。

亲爱的读者:本文结束了,非常感谢你的阅读。阅读是美意,分享是鼓励,如果觉得本站文章对你有用,请分享文章给你的朋友。你的支持将鼓励我继续创作。本站电脑版此前长期一段时间下线了评论功能,目前已经恢复了,如果需要评论请使用手机访问或直接在下方填写,我们万分期待看到你的留言。

你可以通过下方的评论模块与我们进一步交流,评论内容不会公开展示:


亲爱的用户你好,感谢您即将选择由星辰视觉特效工作室——简称星辰视效提供的服务,我们秉承高效率、优质量的理念竭诚为大家提供更好的服务,目前为止我们开拓了视频剪辑、专业调色、影视特效、平面设计、数字绘景、商务印刷、动画渲染、录音配乐等多种业务满足了客户的需要,随时随地欢迎您的咨询与合作,具体事项请及时联系客服微信:kaiwenchat。
同时我们也在全国范围内招募兼职业务员来推广我们的服务,只要你有信心有人脉都可以加入我们的队伍,通过你的介绍所获得的收益,你将取得丰厚的成交分佣,我们鼓励你把它作为一种业余的赚钱手段,具体的事宜还请微信咨询。
亲爱的用户你好,感谢您即将选择由星辰视觉特效工作室——简称星辰视效提供的服务,我们秉承高效率、优质量的理念竭诚为大家提供更好的服务,目前为止我们开拓了视频剪辑、专业调色、影视特效、平面设计、数字绘景、商务印刷、动画渲染、录音配乐等多种业务满足了客户的需要,随时随地欢迎您的咨询与合作,具体事项请及时联系客服微信:kaiwenchat。
提示:当前页面不支持阅读模式。

扫二维码添加微信

★ ★ ★ ★ ★

“感谢你的鼓励与陪伴,我们的坚持才有意义”

创新与发展 – 我的网络日志保留所有权利 欢迎各界朋友与本站交换友情链接或在本站投放广告,如有合作意向请直接与站务联系

测试文字 体验新版 站内搜索 测试文字 鄂ICP备16016329号-1 测试文字 测试文字 测试文字 测试文字