16

背景

创建一个包含大量高质量图像的应用程序,我决定将图像缩小到所需的大小(这意味着如果图像大于屏幕,我会缩小它)。

问题

我注意到在某些设备上,如果图像被缩小,它们会变得模糊/像素化,但在相同的设备上,对于相同的目标 imageView 大小,如果图像没有被缩小,它们看起来就很好。

我试过的

我决定进一步检查这个问题,并创建了一个显示该问题的小型 POC 应用程序。

在向您展示代码之前,这是我正在谈论的内容的演示:

在此处输入图像描述

有点难以看出区别,但你可以看到第二个有点像素化。这可以显示在任何图像上。

public class MainActivity extends Activity
  {
  @Override
  protected void onCreate(final Bundle savedInstanceState)
    {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final ImageView originalImageView=(ImageView)findViewById(R.id.originalImageView);
    final ImageView halvedImageView=(ImageView)findViewById(R.id.halvedImageView);
    final ImageView halvedBitmapImageView=(ImageView)findViewById(R.id.halvedBitmapImageView);
    //
    final Bitmap originalBitmap=BitmapFactory.decodeResource(getResources(),R.drawable.test);
    originalImageView.setImageBitmap(originalBitmap);
    halvedImageView.setImageBitmap(originalBitmap);
    //
    final LayoutParams layoutParams=halvedImageView.getLayoutParams();
    layoutParams.width=originalBitmap.getWidth()/2;
    layoutParams.height=originalBitmap.getHeight()/2;
    halvedImageView.setLayoutParams(layoutParams);
    //
    final Options options=new Options();
    options.inSampleSize=2;
    // options.inDither=true; //didn't help
    // options.inPreferQualityOverSpeed=true; //didn't help
    final Bitmap bitmap=BitmapFactory.decodeResource(getResources(),R.drawable.test,options);
    halvedBitmapImageView.setImageBitmap(bitmap);
    }
  }

xml:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
  android:layout_height="match_parent" tools:context=".MainActivity"
  android:fillViewport="true">
  <HorizontalScrollView android:layout_width="match_parent"
    android:fillViewport="true" android:layout_height="match_parent">
    <LinearLayout android:layout_width="match_parent"
      android:layout_height="match_parent" android:orientation="vertical">


      <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="original" />

      <ImageView android:layout_width="wrap_content"
        android:id="@+id/originalImageView" android:layout_height="wrap_content" />

      <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="original , imageView size is halved" />

      <ImageView android:layout_width="wrap_content"
        android:id="@+id/halvedImageView" android:layout_height="wrap_content" />

      <TextView android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:text="bitmap size is halved" />

      <ImageView android:layout_width="wrap_content"
        android:id="@+id/halvedBitmapImageView" android:layout_height="wrap_content" />

    </LinearLayout>
  </HorizontalScrollView>
</ScrollView>

问题

为什么会发生?

两种方法都应该具有相同的结果,因为它们都来自相同的来源并使用相同的因子。

我尝试过使用下采样方法,但没有任何帮助。

使用 inDensity(而不是 inSampleSize)似乎可以修复它,但我不确定要为它设置什么。我认为对于外部图像(例如来自互联网),我可以将其设置为屏幕密度乘以我希望使用的样本大小。

但它甚至是一个好的解决方案吗?如果图像位于资源文件夹中,我该怎么办(我认为没有功能可以获取位图所在的密度文件夹)?为什么它在使用推荐的方式(在此处讨论)时效果不佳?


编辑:我发现了一个技巧,可以从资源中获取用于绘制的可绘制对象(此处的链接)。但是,这不是未来的证据,因为您需要特定于要检测的密度。

4

3 回答 3

15

好的,我找到了一个不错的选择,我认为它应该适用于任何类型的位图解码。

不仅如此,它还允许您使用您希望的任何样本大小进行缩减,而不仅仅是 2 的幂。如果你付出更多的努力,你甚至可以使用分数而不是整数来进行缩小。

下面的代码适用于 res 文件夹中的图像,但它可以很容易地用于任何类型的位图解码:

private Bitmap downscaleBitmapUsingDensities(final int sampleSize,final int imageResId)
  {
  final Options bitmapOptions=new Options();
  bitmapOptions.inDensity=sampleSize;
  bitmapOptions.inTargetDensity=1;
  final Bitmap scaledBitmap=BitmapFactory.decodeResource(getResources(),imageResId,bitmapOptions);
  scaledBitmap.setDensity(Bitmap.DENSITY_NONE);
  return scaledBitmap;
  }

我已经对其进行了测试,它可以很好地显示下采样的图像。在下图中,我展示了原始图像,并使用 inSampleSize 方法缩小图像,并使用我的方法。

很难看出区别,但是使用密度的那个实际上不只是跳过像素,而是使用所有像素来考虑。它可能会慢一点,但它更精确并且使用更好的插值。

在此处输入图像描述

与使用 inSampleSize 相比,唯一的缺点似乎是速度,这在 inSampleSize 上更好,因为 inSampleSize 跳过了像素,并且因为 densities 方法对跳过的像素进行了额外的计算。

但是,我认为 android 以大致相同的速度运行这两种方法。

我认为这两种方法的比较类似于最近邻下采样双线性插值下采样之间的比较。

编辑:与谷歌的方法相比,我发现了我在这里展示的方法的一个缺点。在此过程中使用的内存可能非常高,我认为这取决于图像本身。这意味着你应该只在你认为有意义的情况下使用它。


编辑:我为那些希望克服内存问题的人制作了一个合并的解决方案(谷歌的解决方案和我的解决方案)。它并不完美,但比我以前做的要好,因为它不会像在下采样期间使用原始位图所需的那样多的内存。相反,它将使用谷歌解决方案中使用的内存。

这是代码:

    // as much as possible, use google's way to downsample:
    bitmapOptions.inSampleSize = 1;
    bitmapOptions.inDensity = 1;
    bitmapOptions.inTargetDensity = 1;
    while (bitmapOptions.inSampleSize * 2 <= inSampleSize)
        bitmapOptions.inSampleSize *= 2;

    // if google's way to downsample isn't enough, do some more :
    if (bitmapOptions.inSampleSize != inSampleSize) 
      {
      // downsample by bitmapOptions.inSampleSize/originalSampleSize .
      bitmapOptions.inTargetDensity = bitmapOptions.inSampleSize;
      bitmapOptions.inDensity = inSampleSize;
      } 
    else if(sampleSize==1)
      {
      bitmapOptions.inTargetDensity=preferHeight ? reqHeight : reqWidth;
      bitmapOptions.inDensity=preferHeight ? height : width;
      }

所以,简而言之,两种方法的优缺点:

Google 的方式(使用 inSampleSize)在解码过程中使用的内存更少,而且速度更快。但是,它有时会导致一些图形伪影,并且它只支持下采样到 2 的幂,因此结果位图可能会比您想要的更多(例如 x1/4 而不是 x1/7 的大小)。

我的方式(使用密度)更精确,提供更高质量的图像,并在结果位图上使用更少的内存。但是,它在解码过程中会使用大量内存(取决于输入),而且速度有点慢。


编辑:另一个改进,因为我发现在某些情况下输出图像与所需的大小限制不匹配,并且您不希望使用 Google 的方式进行过多的下采样:

    final int newWidth = width / bitmapOptions.inSampleSize, newHeight = height / bitmapOptions.inSampleSize;
    if (newWidth > reqWidth || newHeight > reqHeight) {
        if (newWidth * reqHeight > newHeight * reqWidth) {
            // prefer width, as the width ratio is larger
            bitmapOptions.inTargetDensity = reqWidth;
            bitmapOptions.inDensity = newWidth;
        } else {
            // prefer height
            bitmapOptions.inTargetDensity = reqHeight;
            bitmapOptions.inDensity = newHeight;
        }
    }

所以,比如从2448x3264图像下采样到1200x1200,就会变成900x1200

于 2013-07-21T14:24:47.807 回答
2

您应该使用 inSampleSize。要确定您应该使用的样本量,请执行以下操作。

BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
Bitmap map = BitmapFactory.decodeFile(file.getAbsolutePath(), options);
int originalHeight = options.outHeight;
int originalWidth = options.outWidth;
// Calculate your sampleSize based on the requiredWidth and originalWidth
// For e.g you want the width to stay consistent at 500dp
int requiredWidth = 500 * getResources().getDisplayMetrics().density;
int sampleSize = originalWidth / requiredWidth;
// If the original image is smaller than required, don't sample
if(sampleSize < 1) { sampleSize = 1; }
options.inSampleSize = sampleSize;
options.inPurgeable = true;
options.inPreferredConfig = Bitmap.Config.RGB_565;
options.inJustDecodeBounds = false;
Bitmap bitmap = BitmapFactory.decodeFile(file.getAbsolutePath(), options);

希望这可以帮助。

于 2013-05-06T23:10:02.110 回答
0

对我来说,只有使用 inSampleSize 的缩小效果很好(但不像最近邻算法)。但不幸的是,这不允许获得我们需要的精确分辨率(只是比原始分辨率小整数倍)。

因此,我发现 SonyMobile 解决此问题的方法最适合此类任务。

简而言之,它包括两个步骤:

  1. 使用BitmapFactory.Options::inSampleSize->BitmapFactory.decodeResource()尽可能接近您需要的分辨率但不小于它的分辨率
  2. 通过使用Canvas::drawBitmap()缩小一点来获得精确的分辨率

以下是 SonyMobile 如何解决此任务的详细说明:http: //developer.sonymobile.com/2011/06/27/how-to-scale-images-for-your-android-application/

这是 SonyMobile scale utils 的源代码:http: //developer.sonymobile.com/downloads/code-example-module/image-scaling-code-example-for-android/

于 2014-04-21T01:49:26.743 回答