加载中gif透明_在网站建设中,该如何处理动画与图片?

动画和图片用于网站建设和后续操作,因为动画和图片相对所占内存较大,因此如果处理不当,将会影响页面的加载速度。 那么如何在网站建设中处理动画和图片呢? 本文将向您介绍此问题。

1.对于具有简单形式(例如图示)的计算机生成图像,首选PNG格式,对于色彩丰富的照片JPEG是首选。 如果没有很多颜色并且没有渐变,则应使用GIF格式。 GIF是最常用的网站图像格式, GIF最多可以容纳256种颜色,几乎适用于除照片之外的所有图像。 它还具有生成简单动画和透明图像的能力。

2.可以通过Photoshop或Fireworks的导出比较各种参数。 选择标准是文件应尽可能小,同时确保可接受的图像质量。 颜色的选择应参考统一的标准,例如视觉识别(VI)系统。 颜色的数量和效果是决定图像格式的重要因素。 例如,颜色渐变通常会产生很多颜色。

3.尺寸使用矢量创建工具制作的图像通常适合保存为PNG格式,其大小应在矢量绘图工具中确定。 变成点阵图后别再对其进行放大和缩小。 请注意,在Fireworks中创建的PNG文件包含可编辑信息,例如图层、线条、形状和文本都是矢量图形。 要将此类图像应用于网站,您应该首先执行输出操作以压缩文件大小,并且由于丢失可编辑的信息,输出的PNG图像也将转换点阵图。

c346046c6d581544db7fe34e8dbefe68.png

通常,放置在网站上的图片应控制在相对较小的尺寸。 如果它与文本混合,则宽度应在300像素左右。 即使单独显示,宽度也应小于600像素。 高度不得超过一个屏幕。

4. GIF只是将一种或几种颜色设置为完全透明,而不考虑相邻渐变颜色的透明性。 这意味着,如果背景颜色发生显着变化(或最初包含几种对比颜色),则在与透明部分的连接处将没有平滑过渡,并且将出现清晰的分界线。 如果要创建透明的GIF,则必须将画布背景色设置为与目标效果的背景色相同(或接近)。 PNG没有这个问题,它也可以设置半透明性。

关于网站动画和图片的处理,本文从四个方面进行介绍。 原则上,处理图片的要求是确保动画和图片的尺寸尽可能小,因为这将加快加载速度,提前是保证画质;特别注意不要直接使用相机拍摄的原始照片。 这些照片通常为数兆字节,并且加载速度很慢。

372c45d1ac7a291597246a6ad163acca.png

相关问题:seo优化分析:分析搜索引擎不收录网站的原因

想做seo的企业,一定要去了解的几个网站

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值