flutter如何实现图片压缩

在Flutter中如何实现图片压缩功能？我想在用户上传图片前先进行压缩，减小文件大小以节省服务器空间和流量。有没有推荐的插件或原生方法？最好能支持调整压缩质量、分辨率等参数，并保持较好的图片清晰度。求具体实现方案和示例代码！

2 回复

Flutter中可使用flutter_image_compress库进行图片压缩。通过compressAndGetFile方法，设置质量参数（如0.7）即可快速压缩图片，支持格式转换和尺寸调整。

更多关于flutter如何实现图片压缩的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中实现图片压缩可以通过以下几种方式：

1. 使用 image_picker 插件（推荐）

import 'package:image_picker/image_picker.dart';

// 选择并压缩图片
Future<XFile?> pickAndCompressImage() async {
  final ImagePicker picker = ImagePicker();
  final XFile? image = await picker.pickImage(
    source: ImageSource.gallery,
    maxWidth: 800,      // 最大宽度
    maxHeight: 800,     // 最大高度
    imageQuality: 70,   // 质量压缩 0-100
  );
  return image;
}

2. 使用 flutter_image_compress 插件

首先添加依赖：

dependencies:
  flutter_image_compress: ^1.1.4

使用示例：

import 'package:flutter_image_compress/flutter_image_compress.dart';

// 压缩图片文件
Future<XFile?> compressImage(File file) async {
  final result = await FlutterImageCompress.compressWithFile(
    file.absolute.path,
    minWidth: 1024,
    minHeight: 1024,
    quality: 80,
    rotate: 0,
  );
  
  // 保存压缩后的文件
  final compressedFile = File('${file.path}_compressed.jpg');
  await compressedFile.writeAsBytes(result!);
  return XFile(compressedFile.path);
}

3. 完整的图片选择和压缩流程

import 'package:image_picker/image_picker.dart';
import 'package:flutter_image_compress/flutter_image_compress.dart';

class ImageCompressor {
  static Future<XFile?> pickAndCompress() async {
    final ImagePicker picker = ImagePicker();
    final XFile? originalImage = await picker.pickImage(
      source: ImageSource.gallery,
    );
    
    if (originalImage == null) return null;
    
    // 进一步压缩
    final compressedData = await FlutterImageCompress.compressWithFile(
      originalImage.path,
      quality: 75,
      minWidth: 600,
      minHeight: 600,
    );
    
    final compressedFile = File('${originalImage.path}_compressed.jpg');
    await compressedFile.writeAsBytes(compressedData!);
    
    return XFile(compressedFile.path);
  }
}

主要参数说明：

  • maxWidth/maxHeight: 限制图片尺寸
  • quality: 压缩质量 (0-100)
  • minWidth/minHeight: 最小尺寸限制

选择哪种方式取决于你的具体需求，对于大多数场景，使用 image_picker 的内置压缩功能就足够了。

回到顶部