您需要AI互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营
大模型定制 · WEB3 · 元宇宙 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商
如何添加图片到您的网站
2022.11.06

  当你使用图片构建网页设计的视觉故事时,如果这些元素没有经过适当优化就上传,就有可能减慢你的网站的速度。如何添加图片到您的网站呢?


from clipboard


  北京分形科技,北京高端网站建设、高端网站设计公司,今天和您分享经验!

  1.上传正确的图片大小

  一般来说,你的文件应该不超过25MB(gif文件不超过15MB)以确保高效的加载。此外,你会希望从一个未压缩或RAW文件开始,以保持视觉效果的质量。这指的是包含所有图像原始数据的文件,并且没有减少字节大小。

  2.在大多数情况下,选择JPG而不是PNG

  JPG图片通常比PNG图片小得多,有时甚至小10倍。由于较小的尺寸,您将选择JPG而不是PNG。

  3.调整图像的默认压缩以提高清晰度

  当你在网页设计中添加图片时,你可能会发现无论你使用的是什么平台,在图片压缩方面都有自己的默认设置。例如,在将你的JPEG或PNG文件上传到Wix编辑器后,它会将压缩质量降低到默认的90%。但是,通过使用图像锐化工具,您可以选择一个可选的压缩大小来调整整个站点(不包括图库)所有单个图像的锐化级别。

  4.不要担心延迟加载

  当你浏览你的网站时,你可能会注意到,在完全上传之前,图片会出现一微秒的模糊。不用担心:这就是所谓的惰性加载,它是真实(优化)图像的占位符。

  5.什么时候使用SVG和PNG

  可伸缩向量图形,也称为svg,以基于xml的格式交付。数学公式被用来构建高质量的图像,SVG具有基于矢量的内容,指示浏览器通过复杂的线、点、形状和算法网络显示什么。这使得SVG比PNG更具延展性,因为它的大小取决于它所包含的元素和“节点”的数量。png是基于光栅的格式(与svg的矢量格式相反),它们由固定数量的高质量像素网格组成,但很难调整大小。

  更多北京高端网站建设、高端网站设计、专业网站制作等相关,欢迎您咨询北京分形科技!
400-6446-365 / 010-64928252 我想要个更针对我需求的方案
让决策变的简单
好的开始是成功的一半
请输入关键字