网页图片基础

为网页图片选择合适的文件格式

让 JPEG 和 PNG 各展所长,兼顾清晰度、兼容性和加载速度。

JPEG 与 PNG网页速度画质
网页图片的 JPEG 和 PNG 格式对比

文件格式容易被忽略,却会直接影响画质、网页加载速度和浏览器兼容性。

网页图片格式需要满足哪些要求?

  • 保留重要细节。
  • 控制文件大小,避免下载过慢。
  • 兼容常见的浏览器和设备。

JPEG (.jpg) 和 PNG (.png) 是两种常见格式,足以满足大多数网站的需要。具体用哪一种,要看图片的内容。

照片和渐变图像适合用 JPEG

对于人像、旅行照片、活动照片,以及色彩丰富或色调过渡平滑的图片,JPEG 通常是实用的选择,能在画质和文件大小之间取得较好的平衡。

保存为 JPEG 格式、色彩丰富的餐厅照片
这张 JPEG 图片的大小为 148 KB。保存为 PNG 后,同一张图片会达到 1.52 MB,大小超过原来的十倍。

边缘清晰或需要透明背景时选 PNG

文档页面、界面截图、图表、标志和颜色较少的图形通常更适合用 PNG。它能保留清晰的边缘,也支持透明区域。

线条清晰、背景透明的 PNG 图表
这张 PNG 图片的大小为 41 KB。如果保存为 JPEG,大小将接近原来的两倍,而且无法保留透明背景。

简单的选择方法

照片和人像用 JPEG。
图表、截图、文档和标志用 PNG。

轻松分享各种格式的照片

创建一个简洁的在线相册,让照片在手机、平板和电脑上都能得到合适的展示。