[iOS/UI] PHAsset을 고화질 이미지로 바꾸기(feat.deliveryMode)

안녕하세요 Foma 입니다!

 

오늘 알아볼건 PHAsset으로 받아온 데이터를 UIImage로 변환할때 고화질로 변환하는 법입니다.

 

바로 시작할게요~

---

Storyboard

 

먼저 스토리보드에 이미지를 확인할 수 있게 이미지뷰를 아래와 같이 세팅합니다.

 

---

ViewController

 

이미지뷰를 뷰컨트롤러에 연결해줍니다.

  @IBOutlet weak var photo:UIImageView!

 

포토라이브러리의 애셋데이터를 받아올 allPhotos를 반들어줍니다.

var allPhotos:PHFetchResult<PHAsset>? = nil

 

애셋데이터를 얻기 위해서 포토라이브러리에 권한을 요청합니다.

 

    func request() {
        PHPhotoLibrary.requestAuthorization { (status) in
            if status == .authorized {
                self.retrieveAsset()
            }
        }
    }

 

아래와 같이 PHAsset을 Image로 바꿔 반환해줍니다.

 

 func assetToImage(asset: PHAsset) -> UIImage {
        var image = UIImage()
        let manager = PHImageManager.default()
        
        manager.requestImage(for: asset, targetSize: CGSize(width: 300, height: 300), contentMode: .aspectFill, options: nil, resultHandler: {(result, info)->Void in
            image = result!
        })
        return image
    }

 

그 다음 애셋을 받아와 Image로 바꾼 뒤 photo의 이미지를 변환한 이미지로 보여줍니다.

 func retrieveAsset() {
        let fetchOptions = PHFetchOptions()
        allPhotos = PHAsset.fetchAssets(with: .image, options: fetchOptions)
        let image = assetToImage(asset: (allPhotos?.object(at: 0))!)
        
        DispatchQueue.main.async {
            self.photo.image = image
        }
       
    }

 

이렇게 받아오면 아주 저화질인 사진을 볼 수 있습니다....

 

---

고화질로 받아오기

 

바로 애셋을 이미지로 바꿀때 옵션을 주는 것인데요!

 

PHImageRequestOptions를 만들어주시고 여기서 deliveryMode를 설정해줍니다.

 

deliveryMode는 이미지의 퀄리티를 설정할 수 있는 것입니다.

 

딜리버리모드는 3가지가 있는데요.

 

1. fastFormat -> 빠른 로드와 함께 저화질의 이미를 받아옵니다.

 

func assetToImage(asset: PHAsset) -> UIImage {
        var image = UIImage()
        let manager = PHImageManager.default()
        let options = PHImageRequestOptions()
        options.deliveryMode = .opportunistic
        
        manager.requestImage(for: asset, targetSize: CGSize(width: 300, height: 300), contentMode: .aspectFill, options: options, resultHandler: {(result, info)->Void in
            image = result!
        })
        return image
    }

 

딜리버리 모드 중 가장 저화질로 가져오는 모드임에도 불구하고 위에서 그냥 이미지로 변환했을때보다 훨씬 깔끔한 사진을 볼 수 있습니다!

2.opportunistic -> 이미지 품질의 균형을 맞춘 화질을 제공합니다.

  func assetToImage(asset: PHAsset) -> UIImage {
   	...
        options.deliveryMode = .opportunistic
    ...
    }
  

 

패스트포맷과 비교해봤을때 비슷하긴 하지만 조금 더 선명한 감이 .... 있는 거 같습니다....

 

(제 눈에 똑같이 보이네요...)

3.highQualityFormat -> 로드하는 데 걸리는 시간에 관계없이 사용 가능한 최고 품질의 이미지를 제공합니다.

  func assetToImage(asset: PHAsset) -> UIImage {
   	...
        options.deliveryMode = .highQulityFormat
    ...
    }
  

이름 그대로 하이퀄리티 사진을 제공합니다. 하지만 로드하는 시간이 약간(?) 걸린 거 같아요.

 

 

---

딜리버리 모드에서 3가지 모드는 각 각 큰 차이는 있지 않아보입니다.

 

다만 애셋을 이미지로 바꿀때 아무런 옵션을 주지 않았을 때보단 확연히 차이나는 화질을 볼 수 있습니다.

 

혹시라도 궁금하신 점이 있거나 개선할 부분이 있다면 댓글로 알려주세요!