Swiftで画像スケーリングの究極のソリューションを開発しました。
これを使用して、指定したサイズに合わせて画像をリサイズ、アスペクトフィル、またはアスペクトフィットすることができます。
画像を中央または4つのエッジと4つのコーナーのいずれかに揃えることができます。
また、元の画像とターゲットサイズのアスペクト比が等しくない場合に追加される余分なスペースをトリミングすることもできます。
enum UIImageAlignment {
case Center, Left, Top, Right, Bottom, TopLeft, BottomRight, BottomLeft, TopRight
}
enum UIImageScaleMode {
case Fill,
AspectFill,
AspectFit(UIImageAlignment)
}
extension UIImage {
func scaleImage(width width: CGFloat? = nil, height: CGFloat? = nil, scaleMode: UIImageScaleMode = .AspectFit(.Center), trim: Bool = false) -> UIImage {
let preWidthScale = width.map { $0 / size.width }
let preHeightScale = height.map { $0 / size.height }
var widthScale = preWidthScale ?? preHeightScale ?? 1
var heightScale = preHeightScale ?? widthScale
switch scaleMode {
case .AspectFit(_):
let scale = min(widthScale, heightScale)
widthScale = scale
heightScale = scale
case .AspectFill:
let scale = max(widthScale, heightScale)
widthScale = scale
heightScale = scale
default:
break
}
let newWidth = size.width * widthScale
let newHeight = size.height * heightScale
let canvasWidth = trim ? newWidth : (width ?? newWidth)
let canvasHeight = trim ? newHeight : (height ?? newHeight)
UIGraphicsBeginImageContextWithOptions(CGSizeMake(canvasWidth, canvasHeight), false, 0)
var originX: CGFloat = 0
var originY: CGFloat = 0
switch scaleMode {
case .AspectFit(let alignment):
switch alignment {
case .Center:
originX = (canvasWidth - newWidth) / 2
originY = (canvasHeight - newHeight) / 2
case .Top:
originX = (canvasWidth - newWidth) / 2
case .Left:
originY = (canvasHeight - newHeight) / 2
case .Bottom:
originX = (canvasWidth - newWidth) / 2
originY = canvasHeight - newHeight
case .Right:
originX = canvasWidth - newWidth
originY = (canvasHeight - newHeight) / 2
case .TopLeft:
break
case .TopRight:
originX = canvasWidth - newWidth
case .BottomLeft:
originY = canvasHeight - newHeight
case .BottomRight:
originX = canvasWidth - newWidth
originY = canvasHeight - newHeight
}
default:
break
}
self.drawInRect(CGRectMake(originX, originY, newWidth, newHeight))
let image = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return image
}
}
このソリューションの適用例を以下に示します。
灰色の長方形はターゲットサイトの画像のサイズを変更します。水色の長方形の青い円が画像です(縦横比を維持せずに拡大縮小すると見やすいので、私は円を使用しました)。明るいオレンジ色は、合格しtrim: true
た場合にトリミングされる領域を示します。
スケーリング前後のアスペクトフィット:

アスペクトフィットの別の例:

トップアライメントでのアスペクトフィット:

アスペクトフィル:

塗りつぶし:

私の例ではアップスケーリングを使用しましたが、それはデモンストレーションが簡単ですが、問題のようにソリューションがダウンスケーリングにも機能するためです。
JPEG圧縮の場合、これを使用する必要があります。
let compressionQuality: CGFloat = 0.75 // adjust to change JPEG quality
if let data = UIImageJPEGRepresentation(image, compressionQuality) {
// ...
}
Xcode playgroundで私の要点を確認できます。