`
DBear
  • 浏览: 231062 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类

页面中包含大比率压缩图片会损耗内存

阅读更多

最近做了一个类似美丽说的图片分享网站,测试时发现打开某个网页时,firefox在资源管理器里的内存占用从原来的130M瞬间上升到了800M。。。这是个恐怖的数字。回去看自己的代码,猜想有没有可能是内存泄露的原因,但是内存泄露也不至于“瞬间”上升吧?接着发现某些页面就没有这种现象,对比了下,原因便一目了然了,占用巨大内存的页面拥有大量的高压缩图片——这个名字我自己起的,指的就是那些原尺寸很大,但是显示时通过css手动重置到了一个小尺寸的图片。因为没有设置图片尺寸限制,有些朋友上传了2048*2048以上的图片,而我又把它们压成了280的宽度展现,于是就悲剧了。

 

弥补办法就是:

1. 设置图片上传尺寸限制;

或者

2. 在后台对上传的图片根据使用情况分别压缩成不同大小的图片,比如头像分为70*70,  200*200两种情况,那种那重新压缩生成两张图片,显示的时候在不同的位置显示不同的图片,尽量避免在前端使用css压缩原图(当然,完全避免压缩也不太可能)。

 

其实早就知道页面上尽量不要有压缩图片的性能要求,但是一直以为这个只是会带来加载速度的问题,没想到对内存影响也相当大,过去真是太疏忽了。

 

PS:大分辨率图片压缩显示还有一个问题就是,在360浏览器下,会显示成一条直线。。。这次正好通过后台剪切,一次性解决了。

分享到:
评论

相关推荐

    图片压缩节约内存

    标题"图片压缩节约内存"直接指向了这个核心目标:通过压缩图片来减少应用程序对内存的占用,从而提高性能并避免内存溢出的问题。这在处理大量图片,如在ListView中异步加载时尤其关键。 首先,我们要理解图片的存储...

    java_等比率压缩图片_转

    在Java编程中,等比率压缩图片是一项常见的任务,特别是在处理网站、移动应用或者存储大量图像时,为了节省存储空间和优化加载速度,等比率压缩图片是必不可少的。本篇文章将探讨如何利用Java实现这一功能,并结合...

    用来压缩图片大小的工具

    标题中的“用来压缩图片大小的工具”指的是一个用于减小图像文件体积的软件或应用程序,主要针对的是JPEG(jpg)格式的图片。在数字图像处理领域,图片的大小往往受到像素数量、颜色深度以及压缩算法的影响。这类...

    图片大小压缩工具

    在电子邮件中,压缩图片可以避免因文件过大导致的发送失败。 总的来说,“图片大小压缩工具”是针对图片文件管理的一个实用工具,它利用先进的压缩技术,帮助用户在保持图片质量的同时,有效地减少文件大小。通过...

    压缩图片方式,压缩图片方式

    常见的有损压缩格式包括JPEG,它通过减少颜色和亮度信息来压缩图片。 - **无损压缩**:无损压缩不会损失原始数据,压缩后可以完全恢复原图。PNG和GIF格式是常见的无损压缩格式。 2. **软件压缩** - **Imagine**:...

    上传并压缩图片文件

    "上传并压缩图片文件"这个主题涉及到两个关键的技术知识点:图片上传和图片压缩。下面将详细阐述这两个概念及其应用。 图片上传是将本地计算机上的图片文件通过网络发送到服务器的过程。这一过程通常由前端用户界面...

    通达信指标公式源码大单比率 副图指标.doc

    通达信指标公式源码大单比率副图指标是基于通达信平台的技术指标,用于分析股票或期货市场中的技术指标。该指标主要用于计算大单比率、买入量、卖出量、进出量、流入量、流出量等多种技术指标,并将其可视化在副图中...

    GDI压缩图片

    根据提供的文件信息,我们可以总结出以下关于“GDI压缩图片”的相关知识点: ### GDI+ 图片压缩原理 GDI+(Graphics Device Interface Plus)是Microsoft提供的一种绘图应用程序编程接口,它支持2D图形和图像处理...

    AIS数据压缩-时间比率压缩算法(Time_Ratio_algorithm)

    需要注意的是,时间比率压缩算法在保留数据关键信息的同时可能会牺牲一部分精度,因此在选择阈值和压缩策略时,需要权衡压缩效率和信息丢失的风险。此外,对于需要实时分析的场景,压缩算法的执行速度也是关键考虑...

    据说压缩比率超过RAR的压缩软件UPX

    这是因为在运行被UPX压缩的程序时,需要先解压到内存中才能执行,这个过程会消耗一定的CPU和内存资源。对于性能较弱的设备,可能会感受到运行速度变慢或者启动时间增加。但是,考虑到节省的磁盘空间和更快的下载速度...

    图片上传压缩处理源码

    程序中定义了一个`CompressPicDemo`类,包含了一系列配置属性(如输入输出路径、文件名等)以及几个关键方法,用于读取图片、调整图片尺寸并保存压缩后的图片。 #### 关键代码段解析 1. **图片尺寸调整** ```...

    可按百分比,按分辨率批量压缩图片袖珍工具

    标题中的“可按百分比,按分辨率批量压缩图片袖珍工具”表明这是一款小巧而功能强大的软件,专门用于批量处理图像文件,以实现按比例或根据特定分辨率进行压缩。这样的工具在处理大量图片时非常实用,例如对于网页...

    最好的GIF,JPG,PNG批量修改大小尺寸压缩图片的工具集共5个

    "最好的GIF,JPG,PNG批量修改大小尺寸压缩图片的工具集共5个"这个资源提供了高效解决方案,帮助用户快速优化这些常见格式的图片,以适应不同的应用场景。 1. **GIF** 格式:GIF是一种支持动画的图像格式,广泛用于...

    操作系统 虚拟内存页面置换算法

    当一个程序运行时,它的所有内存需求无法全部在物理内存中容纳,这时就需要通过页面置换将不常用或暂时不需要的数据从内存移出,为新的数据腾出空间。以下是关于三种页面置换算法的详细解释: 1. 先进先出(FIFO)...

    图片压缩flex demo

    总的来说,"图片压缩flex demo"是一个使用Flex技术演示如何加载图片、压缩图片并保存压缩结果的项目。它涵盖了文件I/O、图片加载、图像处理和压缩算法等多个知识点,对于理解如何在Flex环境中处理图片资源非常有帮助...

    Fastdfs与nginx进行压缩图片比率

    3. 压缩图片比率:涉及图片按需压缩,即根据客户端请求的特定尺寸比例返回压缩后的图片。 接下来,我们可以展开知识点: ### FastDFS知识点: - **分布式文件系统:**FastDFS专门针对大容量存储和高并发访问设计...

    图片压缩工具

    在社交媒体上,为了满足上传限制,用户可能也需要压缩图片;在云存储或电子邮件中,大尺寸的图片也可能需要被压缩,以节省存储空间和降低传输成本。 在选择图片压缩工具时,用户应考虑以下几点: 1. 压缩效率:工具...

    超级好用的图片压缩工具

    在实际使用中,用户需要注意的是,压缩图片虽然能节省空间,但也可能导致画质下降。因此,对于需要保持原始质量的重要图片,最好谨慎使用压缩工具。而在对画质要求不那么高的情况下,如社交媒体分享或电子邮件附件,...

    C++完成JPEG压缩

    同时,需要注意的是,压缩过程中的参数调整,如量化表的选择和压缩比率,直接影响到最终图像的质量和文件大小。 项目文件"project2"可能包含了完整的C++源代码,实现上述流程,并且通过比较压缩前后图像的差异,来...

Global site tag (gtag.js) - Google Analytics