网页设计-jpg或png，哪一种最适合网络使用[关闭]

我从事Web开发已经有一段时间了，我习惯于将所有设计转换为png文件格式来构建我的网页。尽管png与jpg相反，但png允许图像透明，这是否是更好的解决方案？

问题涉及页面加载时间和最佳网页设计实践，以及文件大小与图像质量。

您认为最佳的解决方案是什么？

这取决于。

PNG适用于颜色较少的清晰图像，

JPG对于低带宽图像更好-但是它不那么清晰，因此对于GUI来说不是很好。

通常，JPG用于照片和图片，而PNG（或GIF）用于布局。

您可能会发现此页面很有趣，因为它介绍了PNG和GIF的基础知识。

Google对此写得很好。通过选择正确的图像格式，您可以找到流程图来做出决定：

考虑到平均网络连接的速度不断提高，我不再倾向于认为页面加载时间不再是一个大问题了。考虑一下您将要拥有的资源时试图实现的目标实际上要有用得多：例如，带宽受限吗？然后趋向于更重的压缩是理所当然的。网站的图形内容是否会扩展，以确保服务器空间的成本会随着时间增加？然后倾向于更大的压缩将延迟该成本。它是艺术品投资组合网站吗？然后-啊哈！-实际上可能需要采样器中的压缩伪像！您是否在尝试玩游戏？然后，屏幕截图可能应该是超清晰的。

通常，然后，我将重复刚才所说的内容，尽管可能使用略有不同的语言：对于站点陈设，通常由计算机生成，并且将被缓存以在页面之间重复使用，倾向于png；对于网站内容（通常是特定于页面的内容，可能足够大且复杂以掩盖有损压缩），倾向于jpg。

具体参考在您认为合适的地方切换到png，请顺理成章地通过PNGCrush运行所有内容-否则它们将不会在每种浏览器中都以您期望的颜色显示，并且设计的整体质量将降低。

“鉴于平均网络连接的不断增长的速度，我不再倾向于认为页面加载时间不再是一个大问题”

根据网站SEO的优化，如果页面加载时间超过2秒，则Google对您的网站的排名就会变差，因此必须进行压缩，尤其是在图形繁重的新网站设计上。

通常，jpg对于具有许多细微不同颜色的摄影图像通常是首选。png适用于计算机生成的图形。

这是我的经验法则。

我是一个初学者，如果图像太大，我会做的只是缩小，除非它是背景图像。如果是用于布局，则为图片选择PNG和JPG。