title: How the actual image size work on flutter?
body: <p>In the following image my phone screen size is (1080x1920) and the image (a red square) showing on the screen is (400x400) pixels. But the image occupy large space more than 400px on the device screen. Why flutter show in such way? Doesn't flutter care about actual image pixel?</p>
  
  <p>As far as I know, in normal (Java) android app it take place only the image size (if image size is 72 then showing 72x72 pixels) on the screen, if we need large image for high-res screens, it needs to create the same image with larger size.  </p>
  
  <p><a href="https://i.stack.imgur.com/TLWq2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TLWq2.png" alt="enter image description here"></a></p>
  
  <p>Following is the dart code.</p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  void main() {
    runApp(MyApp());
  }
  
  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'Image align test',
        home: Scaffold(
          appBar: AppBar(
            title: Text('Image align test'),
          ),
          body: Container(child: Image.asset('images/pic1.png')),
        ),
      );
    }
  }
  </code></pre>