为什么我的 CGImage 是 UIImage 大小的 3 倍

Question

我有一个函数，它接受一个 UIImage 和一个颜色，并使用它返回一个只具有该颜色的 UIImage。

作为函数的一部分，UIImage 被转换为 CGImage，但由于某种原因，CGImage 是 UIImage 大小的 3 倍，这意味着最终结果是它应该大小的 3 倍。

这里是函数

func coloredImageNamed(name: String, color: UIColor) -> UIImage {

    let startImage: UIImage = UIImage(named: name)!
    print("UIImage W: \(startImage.size.width) H\(startImage.size.height)")

    let maskImage: CGImage = startImage.CGImage!
    print("CGImage W: \(CGImageGetWidth(maskImage)) H\(CGImageGetHeight(maskImage))")

    // Make the image that the mask is applied to (Just a rectangle of the color want to use)
    let colorImageSize: CGSize = CGSizeMake(startImage.size.width, startImage.size.height)
    let colorFillImage: CGImage = getImageWithColor(color, size: colorImageSize).CGImage!

    // Make the mask image into a mask
    let mask: CGImage = CGImageMaskCreate(CGImageGetWidth(maskImage),
        CGImageGetHeight(maskImage),
        CGImageGetBitsPerComponent(maskImage),
        CGImageGetBitsPerPixel(maskImage),
        CGImageGetBytesPerRow(maskImage),
        CGImageGetDataProvider(maskImage), nil, false)!

        // Create the new image and convert back to UIImage, then return
        let masked: CGImage! = CGImageCreateWithMask(colorFillImage, mask);
        let returnImage: UIImage! = UIImage(CGImage: masked)
     return returnImage
}

您可以在前几行中看到我使用 print() 将 UIImage 和 CGI​​mage 的大小打印到控制台。 CGImage 始终是 UIImage 大小的 3 倍...我怀疑它与 @2x、@3x 等有关？

所以问题是为什么会发生这种情况，如何才能获得与我开始时相同大小的图像？

Answer 1

这是因为 UIImage 有一个scale 属性。这介于 像素 和 点 之间。因此，例如，从 180x180 pixel 图像创建的 UIImage，但 scale 为 3，会自动被视为大小为 60x60 points。它将报告其大小为 60x60，并且在 3 像素对应 1 点的 3 倍分辨率屏幕上看起来也不错。而且，正如您正确猜测的那样，@3x 后缀或资产目录中的相应位置会告诉系统在 UIImage 形成时为它赋予 3 的 scale。

但是 CGImage 没有这样的属性；它只是一个位图，图像的实际像素。因此，由 180x180 pixel 图像创建的 UIImage 形成的 CGImage 也是 180x180 points。