网页图片快速显示的六种办法
网页设计者应该怎么做,才能让图片尺寸小一点,网页下载速度快一点,而又不牺牲掉美丽的图像呢?在这里笔者根据个人心得,建议你:
■控制图片的尺寸
最直接的办法是尽量避免大尺寸的图片,而多采用轻薄短小的导航按钮、装饰图形、Logo。
■控制图片的用色数量
图片内色彩数量愈多,文件尺寸就愈大,所以尽可能多用平板(非渐层)的色彩,以利于压缩,尽可能少用显示得过分精细的图形。细腻的光影、渐层、肌理纹路的显示,均会耗用大量的色彩,使得GIF尺寸增大。而如果你选用JPEG格式,就得考虑加上解压所需时间,这是否反而使得图片显示得更慢?
■适当地运用 GIF和JPEG图片格式
了解GIF与JPEG格式各自擅长处理何种材质的图形,可让你灵活地运用GIF与JPEG格式,获得一个尺寸经济并且画质优美传神的图片。
■尽可能多采用GIF图片格式
JPEG的文件尺寸或许小,然而一旦加上解压缩所需的时间,则未必比GIF图片显示得快。尤其是应用在较小的图片上,如:按钮、小圆球、小logo等。
■在原始文件里标注图片的长度与宽度
在原始文件里标注图片的长度与宽度,可以帮助浏览器迅速、准确地对网页的版面进行安排,避免浏览器在显示图片的过程中重新调整、配置网页的版面。
图片长宽度的标注方法为:<img src=″url″ width=″x″ height=″y″ > ,其中的 ″x″, ″y″ 表示图档的长宽各为多少像素(pixels)。
■为较大的图片先暂时提供一个略小或略粗糙的低解像度的low source图片
如果你打算将一个较大的图片放上网页的话,不妨先提供一个解像度略差或长宽度略小的图片当做 low source,使得浏览器可以先快速地展现出这个low source图片,然后再渐渐地以高画质或较大图片取代之。
在原始文件时标注 low source的方法为:
<img src=″url″ lowsrc=″url″ width=″x″ height=″y″ >
特值得注意的是:其中的width=″x″ height=″y″ 是指img src 的长宽度,并非 lowsrc的长宽度。如果你不加上width=″x″ height=″y″ 的标示,浏览器将一律视为以较小图片作为长宽尺寸。
网页图片快速显示的六种办法相关推荐
- qwebkit 网页无法加载图片_网页图片无法显示了?这样就能解决
我们发现部分的网页图片无法显示,部分网页验证码也无法显示.或者安装一些软件时,按钮只显示文字,不显示背景图片,只显示一个红叉. 此类问题比较普遍,通常可以从以下两个方面解决. 一.查看浏览器设置. 如 ...
- wordpress搜索不了中文linux,WordPress上传带中文汉字名称的图片不显示的解决办法...
以上是WordPress上传带中文汉字名称的图片不显示的情况,正常上传成功的话,在上图两个地方都会有图片缩略图显示.相信很多WordPress装载linux系统上的朋友都会遇到这样的错误. WordP ...
- 网页图片不显示?切记图片路径不要包含ad,ddos等
网页图片不显示?切记图片路径不要包含ad,ddos等@TOC 网页图片不显示?切记图片路径不要包含ad,ddos等 上周同事打开公司官网,突然发现网页不正常了,好多图片,包括背景图都不显示了,但是其他 ...
- php网页第一张图片不显示不出来了_网页图片不能显示|网页不显示图片|网页图片显示不出来 - 网页图片无法显示的解决方法 - 安全专题...
网络上丰富的图文资源极大地丰富了我们的生活,也提供了许多生动的信息.然而,许多网友在浏览网页时遇到网页图片不能显示的问题,给网络应用带来了很大的不便.造成网页图片不能显示的原因很多,现在,我们通过多种 ...
- Outlook html 图片白色空白,outlook签名设置_解决Outlook中的签名和邮件图片都显示空白的办法_outlook邮件空白...
Outlook中的签名和邮件图片都显示空白 1.打开"文件". 2.点击"选项". 3.点击"邮件". 4.点击"编辑器选项&qu ...
- php幻灯片图片不显示不出来,首页幻灯片中图片无法显示的解决办法
很多wordpress主题都采取了首页幻灯片(或滑块)的展现形式,图文结合是人们喜欢的浏览形式,通过幻灯片轮播或滚动展示等形式在网站首页中呈现出来,即美观,又有亲和力. 那么当你一次一使用某个word ...
- HTMLCSS——CSS中设定背景图片无法显示的解决办法
问题描述: 当前 .html 文件和 image 文件夹在同一目录下,均为当前项目根目录. 用如下代码在HTML中设定CSS样式,背景图片无法显示. <!-- HTML代码 --> < ...
- word中图片为嵌入式格式时显示不全_“word嵌入式图片不显示的解决办法”的解决方案...
解决方案 方案一: 1.使用word时,很多时候都会需要插入图片时显示不出来的问题,如图: 2.如果只有一张图片的话,可以设置图片版式,只要不是嵌入型即可,比如设置成浮于文字上方,即可显示,拖动一下图 ...
- word中图片不显示的解决办法
今天群里(Word学习交流群 180627193)一位朋友问到,最近在使用Word编辑文档,发现Word里插入的图片不能显示在页面上.而且插入的图形只显示一个有8个黑点的图片框轮廓,但在打印预览时能显 ...
最新文章
- 彻底搞懂MySQL分区
- BaaS(区块链即服务Blockchain as a Service)
- STM32定时器学习---基本定时器
- boost::geometry::default_distance_result用法的测试程序
- 判断JavaScript对象为null或者属性为空
- SAP C4C的URL Mashup无法添加到embedded component里去
- 点击页面元素,这个Vite插件竟然帮我打开了Vue组件文件!超级好用!
- 泛型(模拟list)
- Mr.J-- jQuery学习笔记(十四)--动画显示隐藏
- Android View的绘制机制流程深入详解(一)
- java rmi 多ip_在rmi连接中客户端指定一个ip地址,但程序执行中却转换成另一个地址...
- 【clickhouse】clickhouse kafka 引擎常见问题
- php apache 多进程,php多进程 防止出现僵尸进程 如何 使 apache 成为 僵尸进程
- Qt 实现多语言 国际化 翻译
- HarmonyOS开源第三方组件 —— B站开源弹幕库引擎的使用
- 卸载 mysql 2008_卸载sql server 2008
- 第五部分 3D环绕声技术
- samba文件共享服务器,全网最详细的samba文件共享服务!
- 手机丢了微信聊天记录怎么恢复?别担心,教你一招找回
- Web安全之攻击验证机制