Image size reduces after edit

[swarajsinghasint]

Hi,
I’ve been using this package and noticed that the image size drops significantly after editing. For example, a 9.5 MB image gets reduced to around 2.5 MB even if I only draw a single point on it.

Is there a way to prevent this size reduction or keep the original quality intact?

Thanks!

[hm21]

To ensure that the original quality remains intact, you can set the configurations as follows:

      configs: ProImageEditorConfigs(
        imageGeneration: const ImageGenerationConfigs(
          maxOutputSize: Size.infinite,

          /// If you have high-resolution images that you need to handle on
          /// older devices, you should set the configurations as shown below
          /// to avoid overloading the CPU.
          /// enableBackgroundGeneration: false,
          ///
          /// processorConfigs: ProcessorConfigs(
          ///   processorMode: ProcessorMode.minimum,
          /// )

          /// Various other configurations:
          ///
          /// outputFormat: OutputFormat.jpg,
          ///
          /// jpegQuality: 100,
          /// pngFilter: PngFilter.none,
          /// pngLevel: 0,
        ),
),

[swarajsinghasint]

Even after the code changes, making just two simple edits (drawing two red lines), the original 9 MB JPG image was reduced to around 3 MB in size.
any other fix, available?

[AbhishekDubey-AsInt]

I used PNG as output and also given the selected image height and width but still I am getting the reduced size in callback

 configs: ProImageEditorConfigs(
            imageGeneration: ImageGenerationConfigs(
              jpegQuality: 100,
              pngLevel: 0,
              maxOutputSize: originalImageSize,
              outputFormat: OutputFormat.png,
            ),
          ),

extracting the selected image size and using it in outputFormat

  Future<Size> _getImageSize(Uint8List bytes) async {
    final codec = await instantiateImageCodec(bytes);
    final frame = await codec.getNextFrame();
    final image = frame.image;
    return Size(image.width.toDouble(), image.height.toDouble());
  }

[hm21]

As I said, your image still has a resolution of 1000x1000. Setting the maxOutputSize doesn’t change that.

When you convert a JPEG to PNG, the dimensions remain the same, only the encoding changes. This doesn’t reduce the quality. In short, the 1000 pixels in width and 1000 pixels in height stay correct; it’s just the encoding that affects the file size. Remember, an image can look identical with the same pixel dimensions but still have different file sizes if it’s encoded poorly.

[AbhishekDubey-AsInt]

I can understand but the encoded image I am getting in callback response from package, after doing editing and when I am checking the received file size it's showing 3 MB approx and it losses the image quality.

[hm21]

Are you sure it loses image quality? Cuz I tested it a lot and didn't notice any loss in quality. However, you could test decoding and encoding your image directly with the package Image and check if that reduces the output size. If so, we can be sure the problem is in the encoding.

FYI: Since the output resolution is the same as the input, the problem is not from the editor itself. The problem can now only be from the encoding part from the Image-package or from Flutter itself how it records the widget in the scene.

[AbhishekDubey-AsInt]

Yes, I am pretty much sure that pro_image_editor is changing the image size sometime it is reducing the image size as I mentioned above (9 MB to 3 MB) and sometime 2 MB to 76 MB, It's all happening when I am getting the new byte in ProImageEditorCallbacks function. I have printed the original file bytes length and after editing, adding the logs below kindly check thanks.

I/flutter (20884): Byte size: 2295936
I/flutter (20884): Byte size: 79859059

Also attaching the image which I used for the below log.