Png格式的图片放到网站上有白边怎么办PS存储到web所有格式的

在网页设计中，PNG格式的图片因其优秀的透明度支持及较小的文件体积，常被广大设计师所采用。当我们将PNG格式的图片放置到网站上时，有时会遇到图片周围出现白边的问题。本文将详细解析这个问题及其解决方案，并分享在Photoshop中将图片存储为Web格式的技巧。

PNG图片出现白边的原因

PNG图片在网站上出现白边的原因主要有两个：一是图片本身的画布大小大于实际图片大小，导致在裁剪或上传过程中出现白边；二是图片与网页元素的布局或样式不匹配，导致显示时出现空隙。

解决PNG图片出现白边的方法

1. 调整图片画布大小：在Photoshop中，使用“画布大小”功能调整图片的画布大小，确保其与实际图片大小一致。
　　2. 裁剪图片：使用Photoshop的裁剪工具，根据实际需求裁剪掉多余的部分。
　　3. 调整网页布局：检查网页的布局和样式，确保图片与其他元素的布局和间距合理。

PS存储为Web格式的技巧

1. 选择适当的保存格式：在Photoshop中，对于需要存储到网页的图片，我们通常会选择“保存为Web格式”。在此过程中，可以根据需求选择不同的格式，如JPEG、GIF或PNG-8等。
　　2. 优化图片大小：在保存为Web格式时，可以通过调整压缩设置来优化图片大小，以达到更快的网页加载速度。
　　3. 保持图片清晰度：在优化图片大小时，要注意保持图片的清晰度，避免过度压缩导致图片失真。
　　4. 保存前预览：在保存前预览图片的效果，确保保存后的图片符合预期。