我几个小时前发了一篇类似的帖子，但写的很糟糕，很懒。所以我发布了这篇帖子，因为我破坏了这个帖子，但仍然需要帮助。对于阅读第一篇文章的人来说，这太可怕了。
这是我的网站：
http://top-drawer.net/artists.html
当我在新浏览器上查看我的网站时，图片显然需要很长时间才能加载。 我所谈论的图像是在艺术家页面（上面链接）上看到的图像以及个人艺术家页面上的图像（http://top-drawer.net/artist-1.html）。
当我试图向网站展示某人时，图片加载到位的时间长度看起来非常不专业。
导致此加载时间的原因是什么？以及如何解决这个问题？
仅供参考我目前在Chrome中查看我的工作。任何答案都将非常感谢。但是如果可能的话，如果你能解释你的答案的逻辑，那么对我来说真的很有帮助，因为我想要真正理解/学习不只是复制你的代码。但当然感谢任何花时间发表答案的人。
答案 0 :(得分：3)
虽然您的图片已经使用CSS调整大小，但实际上仍然非常大：
http://top-drawer.net/images/bennyPalmer/2.jpg（1280x849，接近300KB）
这意味着下载需要更长时间。对于缩略图，请创建您喜欢的尺寸的新图像，然后使用它们。目前，您的主页上有大约3MB的图像。
答案 1 :(得分：3)
您需要优化图片。技术包括：
压缩图像（使用像jpg这样的有损压缩，比如png等无损压缩）
首先将较低质量的图片作为占位符加载，然后在后台加载较高质量的图像并在加载时替换它们
对请求使用压缩（除了压缩图像本身之外）
使用没有Alpha通道的图片（如果有的话，它们会更大）
加载完全符合您需要的尺寸的图像。在客户端调整大小非常昂贵！
消除地理信息等图像元数据（占用空间并使图像更大）
有关详细信息，我强烈推荐谷歌的这篇博文： https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization?hl=en
答案 2 :(得分：1)
由于其他答案建议缩小图像尺寸，以下是一些可以帮助您的在线工具：
答案 3 :(得分：0)
您可以尝试使用PHP页面在现场调整图像大小。例如，您可以使用以下文件结构来提供帮助：
Document Root
- img
- - 1.png
- - 2.png
- - 3.png
- - resize.php
- index.php
只要您在index.php中引用图片，请使用/img/resize.php?file=1.png&size=(Size Syntax Of Your Choice)。在PHP文件中，获取文件的内容并使用PHP的调整大小方法（或者更好的是：this），然后获得新文件;使用readfile来“回显”新调整大小的文件。有很多不同的方法可以解决这个问题，如果你不知道PHP告诉我们;我会帮你的。