ResizeImage cannot resize gif

CachedNetworkImage has memCacheWidth/memCacheHeight to reduce image memory, I think it implement by ResizeImage when look CachedNetworkImage src. But it's not work in gif, how to solve it?

ResizeImage.resizeIfNeeded(
          cacheWidth,
          cacheHeight,
          image,
        ),

#24835

@weiminghuaa

@weiminghuaa
Are you referring / using https://pub.dev/packages/cached_network_image/install plugin ?

@darshankawar

@darshankawar Yes. I mean, I use the CachedNetworkImage memCacheWidth to reduce the memory usage of very large images. This method is effective for many image formats, such as webp and png, but it is not valid for gif. I see that CachedNetworkImage memCacheWidth is actually call ResizeImage resizeIfNeeded, so I want to ask if the problem lies in ResizeImage

@weiminghuaa

@weiminghuaa
What platform are you trying this on ? Is it possible to provide a self contained code only using ReSizeImage with a sample gif, that we can directly use to verify this ?

@darshankawar

@darshankawar I have tested memory only using ReSizeImage with a sample gif. You can test the following code, no matter which way, the memory usage is 36.5M

class SampleItemDetailsView extends StatelessWidget {
  const SampleItemDetailsView({Key? key}) : super(key: key);

  static const routeName = '/sample_item';

  @override
  Widget build(BuildContext context) {
    // origin
    return Scaffold(
        appBar: AppBar(
          title: const Text('Item Details'),
        ),
        body: Center(
            child: Image.network(
          "https://d1hzxpwavt5kus.cloudfront.net/home/16322955386612_74ec4a82-bd04-4e91-93ed-5594e1778cc2.gif",
        )));
    // resize image
    return Scaffold(
        appBar: AppBar(
          title: const Text('Item Details'),
        ),
        body: Center(
            child: Image(
                image: ResizeImage.resizeIfNeeded(
                    375, // test code, set small to test memory
                    null,
                    const NetworkImage(
                      "https://d1hzxpwavt5kus.cloudfront.net/home/16322955386612_74ec4a82-bd04-4e91-93ed-5594e1778cc2.gif",
                    )))));
    // CachedNetworkImage
    return Scaffold(
      appBar: AppBar(
        title: const Text('Item Details'),
      ),
      body: Center(
        child: CachedNetworkImage(
          imageUrl:
              "https://d1hzxpwavt5kus.cloudfront.net/home/16322955386612_74ec4a82-bd04-4e91-93ed-5594e1778cc2.gif", // width: MediaQuery.of(context).size.width,
          width: MediaQuery.of(context).size.width,
          memCacheWidth: (MediaQuery.of(context).size.width *
                  MediaQuery.of(context).devicePixelRatio)
              .toInt(),
          fit: BoxFit.cover,
        ),
      ),
    );
  }
}

@weiminghuaa

body: Center(
child: Image(
image: ResizeImage.resizeIfNeeded(
375, // test code, set small to test memory
null,
const NetworkImage(
"https://d1hzxpwavt5kus.cloudfront.net/home/16322955386612_74ec4a82-bd04-4e91-93ed-5594e1778cc2.gif",
)))));

@weiminghuaa
If we consider above code snippet, since it uses core components and not 3rd party plugin, I see that above, you have provided only cacheWidth and kept cacheHeight as null.

Looking at the documentation, it states Composes the provider in a ResizeImage only when cacheWidth and cacheHeight are not both null.. So can you try by providing both parameters and see if it helps ?

https://api.flutter.dev/flutter/painting/ResizeImage/resizeIfNeeded.html

I have try by providing both width and height, it's not work.

@weiminghuaa

@weiminghuaa
How are you measuring the memory ?
Can you compare it with a sample image (png or jpeg, basically non-gif image) and see if it resizes and reflects in the memory you are measuring ?

Oh,it is since 2021,Now is 2024! Is there any progress？

feat(images): skip memCacheWidth/Height for GIF URLs - Flutter has a …

[engine] Honor targetWidth/targetHeight for animated images (flutter#…

Finally Done

[engine] Honor targetWidth/targetHeight for animated images (flutter#…

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

Navigation Menu

Repository navigation

ResizeImage cannot resize gif #90804

6 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

ResizeImage cannot resize gif #90804

Description

Activity

weiminghuaa commented on Sep 27, 2021

darshankawar commented on Sep 28, 2021

weiminghuaa commented on Sep 28, 2021

darshankawar commented on Sep 28, 2021

weiminghuaa commented on Sep 28, 2021

darshankawar commented on Sep 29, 2021

weiminghuaa commented on Sep 30, 2021

darshankawar commented on Sep 30, 2021

6 remaining items

snailflying commented on Aug 14, 2024

mohamedalsamrai commented on Oct 27, 2026

github-actions commented on Nov 10, 2026

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions