Skip to content

Some webp fails to load, throws multi_frame_codec.cc(112)] Could not getPixels for frame 2 #85831

New issue
New issue
Closed
#193113
Closed
Some webp fails to load, throws multi_frame_codec.cc(112)] Could not getPixels for frame 2#85831
#193113
Labels
P2Important issues not at the top of the work lista: desktopRunning on desktopa: imagesLoading, displaying, rendering imagesc: renderingUI glitches reported at the engine/skia or impeller rendering levelengineflutter/engine related. See also e: labels.found in release: 3.13Found to occur in 3.13found in release: 3.14Found to occur in 3.14frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onteam-engineOwned by Engine teamtriaged-engineTriaged by Engine team

Description

@wasabia
wasabia
opened on Jul 3, 2021

this webp image is ok preview on chrome

[ +320 ms] E/flutter (31817): [ERROR:flutter/lib/ui/painting/multi_frame_codec.cc(112)] Could not getPixels for frame 2
[ +113 ms]
                    ══╡ EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE ╞════════════════════════════════════════════════════
                    The following _Exception was thrown resolving an image frame:
                    Exception: Codec failed to produce an image, possibly due to invalid image data.

                    When the exception was thrown, this was the stack:
                    ...

                    Image provider: AssetImage(bundle: null, name: "assets/test.webp")
                    Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#8e3b4(), name: "assets/test.webp", scale:
                      1.0)
                    ════════════════════════════════════════════════════════════════════════════════════════════════════

test.webp.zip

Activity

  1. asashour commented on Jul 5, 2021

    @asashour
    asashour
    on Jul 5, 2021
    Contributor

    I am able to reproduce on desktop. It works fine with web, using master.

    flutter doctor -v 
    [√] Flutter (Channel master, 2.4.0-1.0.pre.77, on Microsoft Windows [Version 10.0.19042.1052], locale en-US)
    • Flutter version 2.4.0-1.0.pre.77 at C:\use\flutter\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision a28a12ae7d (25 minutes ago), 2021-07-05 04:01:03 -0400
    • Engine revision e2d1cf3273
    • Dart version 2.14.0 (build 2.14.0-276.0.dev)

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at C:\Users\ahmed_ashour\AppData\Local\Android\Sdk
    • Platform android-30, build-tools 30.0.3
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6842174)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.10.2)
    • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community
    • Visual Studio Community 2019 version 16.10.31410.357
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 4.2.0)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6842174)

[√] IntelliJ IDEA Community Edition (version 2021.1)
    • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA Community Edition 2021.1.1
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart

[√] IntelliJ IDEA Ultimate Edition (version 2021.2)
    • IntelliJ at C:\Program Files\JetBrains\IntelliJ IDEA 212.4037.9
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart

[√] VS Code (version 1.57.1)
    • VS Code at C:\Users\ahmed_ashour\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension can be installed from:
       https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[√] Connected device (2 available)
    • Windows (desktop) • windows • windows-x64    • Microsoft Windows [Version 10.0.19042.1052]
    • Chrome (web)      • chrome  • web-javascript • Google Chrome 91.0.4472.124

• No issues found!
</details>
  2. TahaTesser
    added
    in triagePresently being triaged by the triage team
    on Jul 5, 2021
  3. TahaTesser
    changed the title [-]can not decode some webp image[/-] [+][desktop] Some webp fails to laod, throws `multi_frame_codec.cc(112)] Could not getPixels for frame 2`[/+] on Jul 5, 2021

  4. TahaTesser commented on Jul 5, 2021

    @TahaTesser
    TahaTesser
    on Jul 5, 2021
    Contributor

    Hi @wasabia
    Thanks for filing the issue, I can reproduce the issue only on the desktop on Windows, Linux, and macOS. While it loads on the web.

    Used the following minimal code sample

    minimal code sample 
    import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Material App',
      theme: ThemeData.dark(),
      home: Home(),
    );
  }
}

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Material App Bar'),
      ),
      body: Center(
        child: Image.asset('assets/test.webp'),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: () {},
      ),
    );
  }
}
    logs 
    tahatesser@Tahas-MacBook-Pro master_flutter % fm run -d macos --local-engine-src-path /Users/tahatesser/Code/engine/src --local-engine=host_debug_unopt
Launching lib/main.dart on macOS in debug mode...
Building macOS application...                                           
Syncing files to device macOS...                                    74ms

Flutter run key commands.
r Hot reload. 🔥🔥🔥
R Hot restart.
h List all available interactive commands.
d Detach (terminate "flutter run" but leave application running).
c Clear the screen
q Quit (terminate the application on the device).

💪 Running with sound null safety 💪

An Observatory debugger and profiler on macOS is available at:
http://127.0.0.1:54158/sNw8c-3GunY=/
[ERROR:flutter/lib/ui/painting/multi_frame_codec.cc(116)] Could not getPixels for frame 2

══╡ EXCEPTION CAUGHT BY IMAGE RESOURCE SERVICE
╞════════════════════════════════════════════════════
The following _Exception was thrown resolving an image frame:
Exception: Codec failed to produce an image, possibly due to invalid image data.

When the exception was thrown, this was the stack

Image provider: AssetImage(bundle: null, name: "assets/test.webp")
Image key: AssetBundleImageKey(bundle: PlatformAssetBundle#dbef9(), name:
"assets/test.webp", scale:
  1.0)
════════════════════════════════════════════════════════════════════════════════
════════════════════
The Flutter DevTools debugger and profiler on macOS is available at:
http://127.0.0.1:9102?uri=http://127.0.0.1:54158/sNw8c-3GunY=/
    stable master
    ❌ ❌

    Check flutter doctor -v outputs for each channel below

    flutter doctor -v 
    [✓] Flutter (Channel stable, 2.2.3, on macOS 12.0 21A5268h darwin-x64, locale
    en-GB)
    • Flutter version 2.2.3 at /Users/tahatesser/Code/flutter_stable
    • Framework revision f4abaa0735 (4 days ago), 2021-07-01 12:46:11 -0700
    • Engine revision 241c87ad80
    • Dart version 2.13.4

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /Users/tahatesser/Code/SDK
    • Platform android-30, build-tools 30.0.3
    • ANDROID_HOME = /Users/tahatesser/Code/SDK
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.5.1, Build version 12E507
    • CocoaPods version 1.10.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264)

[✓] VS Code (version 1.57.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.24.0

[✓] Connected device (3 available)
    • iPhone 12 Pro (mobile) • 77C62AB9-8B71-43CF-BCAB-85B0A5B52F85 • ios
      • com.apple.CoreSimulator.SimRuntime.iOS-14-5 (simulator)
    • macOS (desktop)        • macos                                • darwin-x64
      • macOS 12.0 21A5268h darwin-x64
    • Chrome (web)           • chrome                               •
      web-javascript • Google Chrome 91.0.4472.114

• No issues found!
    \[✓] Flutter (Channel master, 2.4.0-1.0.pre.78, on macOS 12.0 21A5268h
    darwin-x64, locale en-GB)
    • Flutter version 2.4.0-1.0.pre.78 at /Users/tahatesser/Code/flutter_master
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 761d568421 (2 hours ago), 2021-07-05 05:21:03 -0400
    • Engine revision 37e3922ae8
    • Dart version 2.14.0 (build 2.14.0-276.0.dev)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /Users/tahatesser/Code/SDK
    • Platform android-30, build-tools 30.0.3
    • ANDROID_HOME = /Users/tahatesser/Code/SDK
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.5.1, Build version 12E507
    • CocoaPods version 1.10.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264)

[✓] VS Code (version 1.57.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.24.0

[✓] Connected device (3 available)
    • iPhone 12 Pro (mobile) • 77C62AB9-8B71-43CF-BCAB-85B0A5B52F85 • ios
      • com.apple.CoreSimulator.SimRuntime.iOS-14-5 (simulator)
    • macOS (desktop)        • macos                                • darwin-x64
      • macOS 12.0 21A5268h darwin-x64
    • Chrome (web)           • chrome                               •
      web-javascript • Google Chrome 91.0.4472.114

• No issues found!

    ✅ : No Issue ❌: Issue reproduced

    Investigation

    When running the app, first frame is laoded and then the error is shown. Which fits the error message as it says Could not getPixels for frame 2

    Source of the error message

  5. TahaTesser
    added
    a: desktopRunning on desktop
    a: imagesLoading, displaying, rendering images
    engineflutter/engine related. See also e: labels.
    found in release: 2.3Found to occur in 2.3
    found in release: 2.4Found to occur in 2.4
    has reproducible stepsThe issue has been confirmed reproducible and is ready to work on
    c: renderingUI glitches reported at the engine/skia or impeller rendering level
    found in release: 2.2Found to occur in 2.2
    and removed
    in triagePresently being triaged by the triage team
    on Jul 5, 2021
  6. gspencergoog
    changed the title [-][desktop] Some webp fails to laod, throws `multi_frame_codec.cc(112)] Could not getPixels for frame 2`[/-] [+][desktop] Some webp fails to load, throws `multi_frame_codec.cc(112)] Could not getPixels for frame 2`[/+] on Jul 8, 2021
  7. gspencergoog
    added
    P2Important issues not at the top of the work list
    on Jul 8, 2021

  8. 13 remaining items

  9. darshankawar
    added
    team-frameworkOwned by Framework team
    and removed
    team-desktop
    on Aug 18, 2023

  10. flutter-triage-bot commented on Aug 18, 2023

    @flutter-triage-bot
    flutter-triage-botBot
    on Aug 18, 2023

    The triaged-desktop label is irrelevant if there is no team-desktop label or fyi-desktop label.

  11. flutter-triage-bot
    removed
    triaged-desktop
    on Aug 18, 2023

  12. Gi-lo commented on Aug 21, 2023

    @Gi-lo
    Gi-lo
    on Aug 21, 2023

    Hey, adding some findings from our team:

    • Lossy webps do NOT WORK.
    • Lossless webps do WORK.

    This might be related to either the used color model (YUV vs RGB) or the used compression (VP8 vs WebP Intern) which differ on lossy vs lossless webps.

    We fixed the issue in our scenario by pre-processing the webps on our server before sending them out to our application.

  13. goderbauer
    added
    team-engineOwned by Engine team
    and removed
    team-frameworkOwned by Framework team
    on Aug 22, 2023
  14. chinmaygarde
    added
    triaged-engineTriaged by Engine team
    on Aug 28, 2023
  15. Hixie
    removed
    multiteam-retriage-candidate
    on Mar 6, 2024

  16. pavanpodila commented on Sep 24, 2024

    @pavanpodila
    pavanpodila
    on Sep 24, 2024

    This is still a problem in Flutter 3.24.3 with WebP in iOS Simulator

  17. bselwe commented on Jan 26, 2026

    @bselwe
    bselwe
    on Jan 26, 2026

    This still happens for animated WebPs on Flutter 3.38.5, reproduced on iOS 16 Pro (iOS 26.2), with the following network image:

    Image(
  image: NetworkImage(
    'https://ik.imagekit.io/lens/ce18c6ab6f01f5a3e6f5ced1b132d8fbde85efef796c1d983d7047d05b1ee7cb_Hv1hGAdKU.webp',
  ),
  fit: BoxFit.cover,
)
    ════════ Exception caught by image resource service ════════════════════════════
The following _Exception was thrown resolving an image frame:
Exception: Could not getPixels for frame 4

When the exception was thrown, this was the stack:

Image provider: NetworkImage("https://ik.imagekit.io/lens/ce18c6ab6f01f5a3e6f5ced1b132d8fbde85efef796c1d983d7047d05b1ee7cb_Hv1hGAdKU.webp", scale: 1.0, webHtmlElementStrategy: never, headers: null)
Image key: NetworkImage("https://ik.imagekit.io/lens/ce18c6ab6f01f5a3e6f5ced1b132d8fbde85efef796c1d983d7047d05b1ee7cb_Hv1hGAdKU.webp", scale: 1.0, webHtmlElementStrategy: never, headers: null)
════════════════════════════════════════════════════════════════════════════════
  18. auto-submit
    closed this as completedin #193113on Sep 29, 2026
  19. pull
    added a commit that references this issue on Sep 29, 2026

    [engine] Decode animation frames with alpha after an opaque first fra…

    9c3ea4e

  20. github-actions commented on Oct 13, 2026

    @github-actions
    github-actionsBot
    on Oct 13, 2026 – with GitHub Actions

    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.

  21. github-actions
    locked as resolved and limited conversation to collaborators on Oct 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Important issues not at the top of the work lista: desktopRunning on desktopa: imagesLoading, displaying, rendering imagesc: renderingUI glitches reported at the engine/skia or impeller rendering levelengineflutter/engine related. See also e: labels.found in release: 3.13Found to occur in 3.13found in release: 3.14Found to occur in 3.14frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onteam-engineOwned by Engine teamtriaged-engineTriaged by Engine team

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions