Resizing parameters are not supported for multi-frame images in the engine.

instantiateImageCodecFromBuffer not supported resize webp animation.

instantiateImageCodecFromBuffer need to support resizing of image animation (Flutter engine not supported);
ImmutableBuffer allows constructing from native ptr, This can improve performance;

@LimeVista

@LimeVista
Can you elaborate by providing an example that shows what is not supported and what exactly is your use case and proposal ?

Reference code image_descriptor.cc L119.
This feature is not implemented.

@LimeVista

@LimeVista
https://api.flutter.dev/flutter/painting/PaintingBinding/instantiateImageCodecFromBuffer.html shows that the method is deprecated and instead instantiateImageCodecWithSize should be used. Does that help in your use case ?

@darshankawar

@darshankawar
Not worked as expected. Because both are implemented using ImageDescriptor.instantiateCodec.

Test Code:

import 'dart:ui';

import 'package:flutter/material.dart';

void main() {
  runApp(const DemoApp());
}

class DemoApp extends StatelessWidget {
  const DemoApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepOrange),
        useMaterial3: true,
      ),
      home: const HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  _HomePageState();

  /// webp animation url, image size: 400 x 400
  final imageUrl = 'https://mathiasbynens.be/demo/animated-webp-supported.webp';

  /// same [imageUrl] webp animation
  final assetPath = 'assets/images/animated-webp-supported.webp';

  @override
  void initState() {
    super.initState();
    decode();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          width: 200,
          height: 200,
          // if webp animation, cacheWidth not work, output image width is 400.
          child: Image.network(imageUrl, cacheWidth: 128),
        ),
      ),
    );
  }

  /// decode webp animation
  void decode() async {
    const targetWidth = 50, targetHeight = 50;
    final buffer = await ImmutableBuffer.fromAsset(assetPath);
    final codec = await instantiateImageCodecWithSize(
      buffer,
      getTargetSize: (int intrinsicWidth, int intrinsicHeight) {
        // intrinsicWidth is 400, intrinsicHeight is 400
        return const TargetImageSize(width: targetWidth, height: targetHeight);
      },
    );

    final imageInfo = await codec.getNextFrame();
    
    // error, image size is 400 x 400
    assert(imageInfo.image.width == targetWidth &&
        imageInfo.image.height == targetHeight);
  }
}

Thanks for the update.

This issue is marked P1 but has had no recent status updates.

The P1 label indicates high-priority issues that are at the top of the work list. This is the highest priority level a bug can have if it isn't affecting a top-tier customer or breaking the build. Bugs marked P1 are generally actively being worked on unless the assignee is dealing with a P0 bug (or another P1 bug). Issues at this level should be resolved in a matter of months and should have monthly updates on GitHub.

Please consider where this bug really falls in our current priorities, and label it or assign it accordingly. This allows people to have a clearer picture of what work is actually planned. Thanks!

[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

Resizing parameters are not supported for multi-frame images in the engine. #137668

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Resizing parameters are not supported for multi-frame images in the engine. #137668

Description

Activity

darshankawar commented on Nov 1, 2023

LimeVista commented on Nov 2, 2023

darshankawar commented on Nov 2, 2023

LimeVista commented on Nov 2, 2023

darshankawar commented on Nov 3, 2023

flutter-triage-bot commented on Mar 11, 2024

github-actions commented on Nov 10, 2026

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions