为什么我的浏览器调整大小时我的PNG图像看起来更好,而当我将它们调整到所需的确切尺寸时?

时间:2014-09-23 07:00:02

标签: html css resize png

我目前正在尝试建立投资组合网站,并为我的投资组合添加了20多个PNG图像,其大小为Natural:640x375像素。我的网站将每个网站的大小调整为278x163像素。

它们现在在网站上看起来非常棒,但我想将它们的大小调整为减少页面加载所需的确切尺寸。每当我尝试调整它们的大小时,它们都会变得极其模糊(我尝试使用Photoshop,以及许多其他在线工具来调整PNG的大小)。

非常感谢帮助。谢谢!

4 个答案:

答案 0 :(得分:0)

也许您可以在Photoshop中的saving the images for web中尝试higher quality

enter image description here

答案 1 :(得分:0)

在photoshop中调整图像大小时,请尝试将插值设置为bicubic sharper

答案 2 :(得分:0)

音乐,图片,电影和视频的数据流量以f.e表示。 56.6Kbps,128Kbps等。互联网上2台计算机之间的数据流量取决于您的上传速度和其他计算机下载速度。

56.6 Kbps和KBps(千比特和千字节)之间存在差异。

如果你仔细看看Sujit给你的例子,你会看到图片的(数据)大小为682.6KB,而且速度为56.6 Kbps,这个图片上传/下载需要124秒。那是682.6 / 56.6 = 12,06秒*(从位到字节)10,4~124秒。

还有第二个尺寸:高度和宽度(在你的情况下为640x375像素)和压缩方法,f.e。 gif,jpg,jpeg,bmp,png决定你图片的(数据)大小。你必须寻找一种很好的方法来压缩你的图片,而不是松散到高质量,但要尽可能地使文件尽可能小,而不需要在高度或宽度上调整图片大小。

正如Sujit所说,这可以在Photoshop中进行(除了网页),您可以使用质量和数据进行播放,而无需自己调整图片大小。

答案 3 :(得分:0)

如果您的网站上的图片看起来非常棒并且图片已经正确调整大小,那么我只需点击您的键盘上的打印屏幕按钮,然后执行以下操作:

  • 打开Photoshop
  • 点击文件新建
  • 单击“确定”(已针对新文件调整了尺寸)
  • 仅裁剪图像(一次一个)
  • 然后转到图像 - >图像尺寸(验证刚裁剪的图像尺寸是否正确)
  • 然后转到文件 - > Save For Web - >保存为png24文件
  • 在不拉伸或缩小像素的情况下更改图像大小的唯一方法是裁剪。

    希望本帮助:D