Skip to content

[Impeller]3x Images are blurry. #127174

@crizant-mpower

Description

@crizant-mpower

Is there an existing issue for this?

Steps to reproduce

  1. Add an Image.asset widget and set scale parameter to 3.0, I tried putting filterQuality to high but it still looks not as good as impeller disabled.
  2. Open the iPhone SE iOS simulator (it is much less obvious on iPhone 14 Pro simulator).

Expected results

The image should be rendered sharp.

Actual results

The image is rendered blurry with Impeller enabled.

Code sample

Code sample
import 'package:flutter/material.dart';

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Image.asset(
          'assets/settings.png',
          scale: 3.0,
        ),
      ),
    );
  }
}

Image asset:
settings

Screenshots or Video

Details

When Impeller is DISABLED:
impeller_off

When Impeller is ENABLED:
impeller_on

Logs

Logs
[Paste your logs here]

Flutter Doctor output

Doctor output
Doctor summary (to see all details, run flutter
doctor -v):
[✓] Flutter (Channel stable, 3.10.1, on macOS 13.3.1
    22E772610a darwin-arm64, locale zh-HK)
[✓] Android toolchain - develop for Android devices
    (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.3)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.78.2)
[✓] Connected device (3 available)
[✓] Network resources

• No issues found!

Metadata

Metadata

Assignees

Labels

P2Important issues not at the top of the work lista: imagesLoading, displaying, rendering imagese: impellerImpeller rendering backend issues and features requestsengineflutter/engine related. See also e: labels.found in release: 3.10Found to occur in 3.10found in release: 3.11Found to occur in 3.11has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-iosiOS applications specifically

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions