我应该使用JPG或PNG作为可拼图的背景(背景重复)吗？

Question

我读了几个关于这个主题的问题,我看到的一般反馈是JPGs用于照片,PNGs用于其他一切:

在以下情况下应使用PNG:

您需要透明度(1位或Alpha透明度)

无损压缩效果很好(例如图表或徽标,或计算机生成的图像)

在以下情况下应使用JPEG:

无损压缩效果不佳(例如照片)

需要全彩色

GIF应该在以下时间:

PNG不可用,例如在非常旧的软件或浏览器上

动画是必要的

但是,似乎这些讨论更适合图像下载.我的问题更倾向于图像渲染.我打算在x和y方向重复背景......

background-image: url("/path/to/image.jpg");    /* repeat-x & repeat-y */

...我可以将图像存储为JPG~13K或PNG~50K.因此,尽管相差很小,但浏览器能够非常快速地提取这个图像.但是,当浏览器在页面上呈现图像时,这种差异是否重要,特别是因为它具有重复的背景？

Answer 1

JPG对于低带宽图像更好 - 但它不那么清晰,因此对GUI不太好.

JPG文件可以保存到更小的文件大小,从而实现更快的交易和在线交付.

JPG可以以不同的压缩级别保存(通常从1到12,12是更高的质量).

PNG适用于色彩较少的清晰图像,

PNG支持100%透明度.无需保存到PSD(Photoshop文档)以保持透明度.

PNG支持具有基本效果和格式的图层

您可以继续保存完整的PNG文件,而不必担心每次都会丢失图像质量.

通常,JPG用于照片和图片,而PNG适用于计算机生成的图形,徽标,网络图标等.