以HTML格式加载图像

时间:2014-10-23 09:33:04

标签: html css

我们正在做一个HTML项目。在这个项目中,我们使用了许多图像。 请验证以下方案,

情景1:

  • 上传单张图片(a.jpg)

  • 在主页面中,我们设置宽度并加载950x450尺寸的图像(a.jpg)。

  • 在说明页面中,我们设置宽度并以400x200尺寸加载图像(a.jpg)。

  • 在页脚中,我们设置宽度并加载50x50尺寸的图像(a.jpg)。

情景2:

  • 上传不同大小的单张图片副本(a_size1.jpg,
    a_size2.jpg)

  • 在主页面中,我们正在加载a_size1.jpg。

  • 在说明页面中,我们正在加载a_size2.jpg。

我们需要遵循哪种方案?为什么?

场景1:是否存在任何性能问题? 场景2:快速但内存空间更大。

1 个答案:

答案 0 :(得分:0)

场景1:是否存在任何性能问题?

是。因为在描述和页脚页面中,加载了具有完整大小的图像。然后浪费带宽并加载速度慢

场景2:快速,但内存空间更大。

是的,加载图片时速度更快。但成本不是内存空间,而是硬盘空间。仅在请求图像时才将图像加载到内存中。事实上,加载较小尺寸的图像会降低运行时内存。顺便说一句,你只需要上传一个图像,然后,在服务器端,你可以使用一些图像处理库(比如java中的Thumbnailator)自动生成更小尺寸的图像。