iOS 图片压缩方法

两种图片压缩方法

两种压缩图片的方法:压缩图片质量(Quality),压缩图片尺寸(Size)。

压缩图片质量

NSData *data = UIImageJPEGRepresentation(image, compression);
UIImage *resultImage = [UIImage imageWithData:data];

压缩图片尺寸

UIGraphicsBeginImageContext(size);
[image drawInRect:CGRectMake(0, 0, size.width, size.height)];
resultImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

给定所需的图片尺寸 size,resultImage 即为原图 image 绘制为 size 大小的图片。

压缩图片使图片文件小于指定大小

如果对图片清晰度要求不高,要求图片的上传、下载速度快的话,上传图片前需要压缩图片。压缩到什么程度要看具体情况,但一般会设定一个图片文件最大值,例如 100 KB。可以用上诉两种方法来压缩图片。假设图片转化来的 NSData 对象为 data,通过 data.length即可得到图片的字节大小。

压缩图片质量

比较容易想到的方法是,通过循环来逐渐减小图片质量,直到图片稍小于指定大小(maxLength)。

+ (UIImage *)compressImageQuality:(UIImage *)image toByte:(NSInteger)maxLength {
    CGFloat compression = 1;
    NSData *data = UIImageJPEGRepresentation(image, compression);
    while (data.length > maxLength && compression > 0) {
        compression -= 0.02;
        data = UIImageJPEGRepresentation(image, compression); // When compression less than a value, this code dose not work
    }
    
    UIImage *resultImage = [UIImage imageWithData:data];
    return resultImage;
}

这样循环次数多,效率低,耗时长。

可以通过二分法来优化。

+ (UIImage *)compressImageQuality:(UIImage *)image toByte:(NSInteger)maxLength {
    CGFloat compression = 1;
    NSData *data = UIImageJPEGRepresentation(image, compression);
    if (data.length < maxLength) return image;
    CGFloat max = 1;
    CGFloat min = 0;
    for (int i = 0; i < 6; ++i) {
        compression = (max + min) / 2;
        data = UIImageJPEGRepresentation(image, compression);
        if (data.length < maxLength * 0.9) {
            min = compression;
        } else if (data.length > maxLength) {
            max = compression;
        } else {
            break;
        }
    }
    UIImage *resultImage = [UIImage imageWithData:data];
    return resultImage;
}

压缩图片质量的优点在于,尽可能保留图片清晰度,图片不会明显模糊;缺点在于,不能保证图片压缩后小于指定大小。


压缩图片尺寸

与之前类似,比较容易想到的方法是,通过循环逐渐减小图片尺寸,直到图片稍小于指定大小(maxLength)。具体代码省略。同样的问题是循环次数多,效率低,耗时长。可以用二分法来提高效率,具体代码省略。这里介绍另外一种方法,比二分法更好,压缩次数少,而且可以使图片压缩后刚好小于指定大小(不只是 < maxLength, > maxLength * 0.9)。

+ (UIImage *)compressImageSize:(UIImage *)image toByte:(NSUInteger)maxLength {
    UIImage *resultImage = image;
    NSData *data = UIImageJPEGRepresentation(resultImage, 1);
    NSUInteger lastDataLength = 0;
    while (data.length > maxLength && data.length != lastDataLength) {
        lastDataLength = data.length;
        CGFloat ratio = (CGFloat)maxLength / data.length;
        CGSize size = CGSizeMake((NSUInteger)(resultImage.size.width * sqrtf(ratio)), (NSUInteger)(resultImage.size.height * sqrtf(ratio))); // Use NSUInteger to prevent white blank
        UIGraphicsBeginImageContext(size);
        // Use image to draw (drawInRect:), image is larger but more compression time
        // Use result image to draw, image is smaller but less compression time
        [resultImage drawInRect:CGRectMake(0, 0, size.width, size.height)];
        resultImage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        data = UIImageJPEGRepresentation(resultImage, 1);
    }
    return resultImage;
}

两种图片压缩方法结合

如果要保证图片清晰度,建议选择压缩图片质量。如果要使图片一定小于指定大小,压缩图片尺寸可以满足。对于后一种需求,还可以先压缩图片质量,如果已经小于指定大小,就可得到清晰的图片,否则再压缩图片尺寸。

+ (UIImage *)compressImage:(UIImage *)image toByte:(NSUInteger)maxLength {
    // Compress by quality
    CGFloat compression = 1;
    NSData *data = UIImageJPEGRepresentation(image, compression);
    if (data.length < maxLength) return image;
    
    CGFloat max = 1;
    CGFloat min = 0;
    for (int i = 0; i < 6; ++i) {
        compression = (max + min) / 2;
        data = UIImageJPEGRepresentation(image, compression);
        if (data.length < maxLength * 0.9) {
            min = compression;
        } else if (data.length > maxLength) {
            max = compression;
        } else {
            break;
        }
    }
    UIImage *resultImage = [UIImage imageWithData:data];
    if (data.length < maxLength) return resultImage;
    
    // Compress by size
    NSUInteger lastDataLength = 0;
    while (data.length > maxLength && data.length != lastDataLength) {
        lastDataLength = data.length;
        CGFloat ratio = (CGFloat)maxLength / data.length;
        CGSize size = CGSizeMake((NSUInteger)(resultImage.size.width * sqrtf(ratio)), (NSUInteger)(resultImage.size.height * sqrtf(ratio))); // Use NSUInteger to prevent white blank
        UIGraphicsBeginImageContext(size);
        [resultImage drawInRect:CGRectMake(0, 0, size.width, size.height)];
        resultImage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        data = UIImageJPEGRepresentation(resultImage, compression);
    }
    
    return resultImage;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS应用中集成Vue.js框架并处理图片压缩通常涉及到前端数据处理、图片资源管理以及后端服务器配合等几个方面。 ### iOS Vue项目中图片压缩的基本流程: #### 1. **前端图片加载与显示** 使用Vue.js进行前端开发时,可以利用`axios`或`fetch`API来进行网络请求获取图片数据,并将图片展示到页面上。Vue.js框架本身并不直接负责图片压缩,而是用于构建交互式的用户界面。 #### 2. **图片压缩策略** - **懒加载**:只加载当前视图可见的图片,其他图片可以延迟加载甚至异步下载。通过配置Vue的`<img>`标签的`lazy="true"`属性实现基本的懒加载功能,进一步可以自定义懒加载的逻辑。 - **按需调整大小**:可以根据设备屏幕尺寸动态调整图片宽度,避免高分辨率设备显示过大的图片占用不必要的带宽和内存空间。 - **内容感知缩放**:对于高质量图片,可以采用更智能的方式如使用WebP或其他支持的内容感知缩放技术,基于图片内容自动选择合适的压缩比例和质量。 #### 3. **服务端图片优化** 对于服务器端的图片存储和分发,可以考虑将原始大图转换成多个版本,包括低分辨率的预览图和适配不同场景的图片。这可以通过服务器端的图片处理库实现,比如使用AWS S3自带的图像处理工具、Firebase Cloud Functions 或者搭建自己的图片处理微服务(例如使用Node.js和Sharp、Python和PIL等库)。 #### 4. **客户端缓存策略** 利用浏览器的缓存机制,对于经常访问的图片,通过设置适当的Cache-Control头信息,可以让浏览器缓存图片减少再次加载的时间。同时,可以使用CDN服务加速图片的全球分发,提高用户体验。 ### 实现步骤示例: 假设您正在使用Express作为后端服务器: ```javascript const express = require('express'); const multer = require('multer'); const sharp = require('sharp'); const app = express(); const upload = multer({ dest: 'uploads/' }); app.post('/upload', upload.single('image'), async (req, res) => { try { const imageBuffer = await sharp(req.file.path) .resize(800) // 自动保持纵横比 .jpeg({ quality: 50 }) // 设置JPEG的质量,从0(完全压缩)到100(无损) .toFile(`compressed/${req.file.filename}`); fs.unlinkSync(req.file.path); // 删除原文件 res.status(200).send({ success: true, message: 'Image compression successful', compressedImagePath: `/compressed/${req.file.filename}` }); } catch (error) { console.error(error); res.status(500).send({ error: 'Failed to compress the image' }); } }); app.listen(3000, () => console.log('Server is running on port 3000')); ``` ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值