糯麦 NurMai

400-158-5662

糯麦科技

/

新闻资讯

/

技术讨论

/

谈一谈WordPress网站图片格式:WebP、PNG与JPG/JPEG

谈一谈WordPress网站图片格式:WebP、PNG与JPG/JPEG

原创 新闻资讯

于 2023-12-06 11:17:37 发布

21279 浏览

如果你对这三种最常用的web图片格式还不是很清楚到底该用哪一种,那么我们今天就来聊聊,帮助你做一个简单的选择题。


webp


与 PNG 和 JPEG 相比,WebP 是一种相对较新的图像格式,而且最大的不同点是支持动图。 


WebP 由 Google 创建,为互联网上的图像提供卓越的无损和有损压缩。这允许您创建较小的图像,有助于提高网站性能。


从WordPress 5.8之后,引入了对webp格式的支持。


几乎大家现在所使用的浏览器,包括 Google Chrome、Firefox、Safari、Edge 等,都支持 WebP 图像格式。许多图像编辑工具还支持 WebP,并允许您以此格式导出图像。


WebP 也具有与 PNG 类似的功能,所以可以在 WebP 图像中实现与 PNG 相同的透明度。


优点:

•  同样画质的前提下,和png、jpg相比,文件格式小很多

•  从png、jpg转到webp时,可以设置压缩比

•  支持动画(类似gif)


不方便的点:

•  编辑器很少

•  格式转换比较麻烦(其实官方提供了命令行工具,一条命令就能搞定)


png


可移植网络图形 (PNG) 是互联网上最流行的图像格式之一。它支持数百万种颜色,因此您可以获得清晰且美观的图片。


使用 PNG 的主要优点是其无损压缩算法。图像被压缩时,不会丢失任何数据或质量。如果您需要较小的图像文件大小并希望保留图片中的精细细节,这使得 PNG 成为您的 WordPress 网站的绝佳格式。


使用 PNG 的另一个好处是它支持透明背景。


优缺点:


•  无损压缩,由此也导致同样的画质,文件比jpg要大

•  可以透明背景

•  一般做logo用的比较多

•  色彩深度有限


jpg/jpeg


我在用电脑时,除了bmp格式,遇到的最多的就是jpg格式了,它创建于1986年,是很多设备的标准图像格式,也可能是使用最广泛的格式。


jpg格式图片非常通用,而且能够创建色彩丰富的复杂图像,同时支持有损压缩,但是会损失画质。


优缺点:

•  支持所有的web色

•  通用性强

•  可以很方便的转换到其他格式

•  但是一般保存的时候会丢失一些细节,画质降低

•  不支持透明背景


案例:jpg转webp


下图的原图在我电脑是1080*1080px,这是我今天做的一张感恩节贺卡图,打算发给客人的。


通过命令行工具转换成webp格式后,文件大小从964kb,只有了79.8kb,那么如果是这个图片在网站上,那是不是网页加载速度会快很多呢?

WordPress

网站建设

小程序开发

阅读排行

  • 1. 几行代码就能实现Html大转盘抽奖

    大转盘抽奖是网络互动营销的一种常见形式,其通过简单易懂的界面设计,让用户在游戏中体验到乐趣,同时也能增加商家与用户之间的互动。本文将详细介绍如何使用HTML,CSS和JavaScript来实现大转盘抽奖的功能。

    查看详情
  • 2. 微信支付商户申请接入流程

    微信支付,是微信向有出售物品/提供服务需求的商家提供推广销售、支付收款、经营分析的整套解决方案,包括多种支付方式,如JSAPI支付、小程序支付、APP支付H5支付等支付方式接入。

    查看详情
  • 3. 浙江省同区域公司地址变更详细流程

    提前准备好所有需要的资料,包含:房屋租赁合同、房产证、营业执照正副本、代理人身份证正反面、承诺书(由于我们公司其中一区域已有注册另外一公司,所以必须需要承诺书)

    查看详情
  • 4. 阿里云域名ICP网络备案流程

    根据《互联网信息服务管理办法》以及《非经营性互联网信息服务备案管理办法》,国家对非经营性互联网信息服务实行备案制度,对经营性互联网信息服务实行许可制度。

    查看详情
  • 5. 微信小程序申请注册流程

    微信小程序注册流程与微信公众号较为相似,同时微信小程序支持通过已认证的微信公众号进行注册申请,无需进行单独认证即可使用,同一个已认证微信公众号可同时绑定注册多个小程序。

    查看详情