画質をキープしたままUIImageViewをPDFにしたい

Question

前提・実現したいこと

storyboardで配置したUIImageViewをPDF化し
PDFのサイズをさらに大きいサイズに変更すると
画質が落ちてしまいます。
どうにかして画質を落とさずにPDFにしたいです。

画質が落ちてしまう原因は、"PDFにしてから拡大する"ためではないかと思ったので
PDFにする前のUIImageViewのサイズを大きくしようとしたのですが上手くいきませんでした。
ちなみに、大きくしたUIImageViewは画面に表示させないようにしたいです。

ご教授よろしくお願いいたします。

該当のソースコード

import UIKit


class ViewController2: UIViewController, UIGestureRecognizerDelegate,UIImagePickerControllerDelegate,UINavigationControllerDelegate {

    let image1: UIImage = UIImage(named:"image1-1.jpg")!
    @IBOutlet weak var getimage: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Screen Size の取得
        screenWidth = self.view.bounds.width
        screenHeight = self.view.bounds.height
        
        let imageHeight = screenWidth * 210 / 148
        let imagerect:CGRect = CGRect(x:0, y:0, width:screenWidth, height:imageHeight)

        
        // ImageView frame をCGRectで作った矩形に合わせる
        getimage.frame = imagerect;
        
        // 画像の中心をスクリーンの中心位置に設定
        getimage.center = CGPoint(x:screenWidth/2, y:screenHeigh/2)

        
        // view に ImageView を追加する
        self.view.addSubview(getimage)

       getimage.image = bin1
}

PDFにする

//PDFを表示させるため次の画面へ遷移
    @IBAction func push(_ sender: Any) {
        print("push")

    
        let x = getimage.frame.origin.x
        let y = getimage.frame.origin.y
        UserDefaults.standard.set(y, forKey: "uekaranokyori")
        

//画像の解像度あげたい
        let imageHeight = screenWidth * 210 / 148
        
        let getimagerect:CGRect = CGRect(x:x, y:y, width:screenWidth*3, height:imageHeight*3)
        getimage.frame = getimagerect;
        
      
        
        //UIImageView(getimage)のサイズ取得
        let imageWidth2 = self.getimage.frame.width
        let imageHeight2 = self.getimage.frame.height
        
        
        let pdfData = NSMutableData()
        //どんな大きさ、位置のものを表示するのか
        UIGraphicsBeginPDFContextToData(pdfData, CGRect(x: x, y: -y, width: imageWidth2, height: imageHeight2), nil)
        UIGraphicsBeginPDFPage()
        
        guard let pdfContext = UIGraphicsGetCurrentContext() else { return }
        self.view.layer.render(in: pdfContext)
        UIGraphicsEndPDFContext()
        
        if let documentDirectories = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true).first {
            let documentsFileName = documentDirectories + "/test.pdf"
            //パスを保存して次の画面で表示させる
            UserDefaults.standard.set(documentsFileName, forKey:"filePath")
            debugPrint(documentsFileName)
            pdfData.write(toFile: documentsFileName, atomically: true)
        }

    }

//この画面に戻ってきても拡大したUIImageViewが見えないようにサイズを元にもどす
      let getimagerectback:CGRect = CGRect(x:x, y:y, width:screenWidth, height:imageHeight)
        getimage.frame = getimagerectback;

補足情報（FW/ツールのバージョンなど）

Swiftのversionは4.1.2
Xcodeのversionは9.4.1

Answer 1

PDFだと画像を拡大しても画質が落ちないというのはベクタ画像の話であって、ラスタ画像は拡大すればするほど画質が落ちるということは理解していますか?

(参考)
https://www.youtube.com/watch?v=I0oUdJ9IimI
https://www.777logos.com/blog/vector-and-raster-graphics/

JPEGのようなラスタ画像をPDFにしてもラスタ画像であることには変わりなく、元のJPEG画像よりも大きなサイズに拡大したら当然画質が落ちます。

それは理解していて、PDFに変換した後同じサイズに戻しても元のJPEG画像よりも画質が落ちて困っているという話であれば、UIImageViewのサイズを元のJPEG画像と同じサイズにしてから変換すればいいです。なお、UIImageViewを実際に画面に表示しなくてもrenderメソッドは実行できます。
質問に提示されたコードは、コピペして試してみようとしたら

• 画面に画像を表示する必要がないのにStoryboardからoutlet接続したUIImageViewを使っている
• outlet接続したUIImageViewをaddSubviewしようとしている
• image1という画像ではなくbin1という未定義の変数に入っている画像を表示しようとしている
• 画像の入ったUIImageViewはgetimageなのに、self.viewに対してrenderメソッドを実行しようとしている

と、おかしなことだらけでビルドすらできないコードなので、これを修正する気にはなりませんでしたが、次のようにしてUIImageViewを生成すれば、元の画像サイズと同じサイズのUIImageViewが生成されますので、それをPDFに変換してpdfDataに格納たものを保存すれば、元のJPEG画像より画質を落とさずにPDFにできると思います。

let pdfImageView = UIImageView(image: image1)
let pdfData = NSMutableData()
UIGraphicsBeginPDFContextToData(pdfData, pdfImageView.bounds, nil)
UIGraphicsBeginPDFPage()
guard let pdfContext = UIGraphicsGetCurrentContext() else { return }
pdfImageView.layer.render(in: pdfContext)
UIGraphicsEndPDFContext()

Comments

[mimamo]

ご回答ありがとうございます！

やはりラスタ画像はラスタ画像のままになってしまうのですね、、

コードのご指摘ありがとうございます！
・画面内に収まるようにgetimageはとりあえず表示したかったのですが、大きく拡大したgetimageは表示させたくないということでoutlet接続は行なっていました。
・outlet接続したものはaddSubviewしなくていいことを知りませんでした。
・すみません、bin1はimage1の間違いです
・self.viewに対してrenderメソッドしているのは、実はgetimageの上にもう一つUIImageViewを配置しており(自由に動かせる)、これも一緒に配置をそのままに、PDF化しようとしていたためです。
質問本文の説明が足らず申し訳ないです。

頂いたコードで無事getimageの画質を落とさずにPDF化することができました！
あともうひとつお伺いしてもよろしいでしょうか。
getimageの上に配置している別のUIImageViewも画質を落とさずに一緒にPDF化することは可能でしょうか、、
何卒よろしくお願いいたします。

[TakeOne]

コードで新しいUIViewを生成して2つの画像が入る大きさに調整し、そこに2つのUIImageViewを元の画像サイズでaddSubviewして、UIViewをrenderメソッドでPDFにすればよいと思います。

[mimamo]

ご回答ありがとうございます！　
「新しいUIViewを生成して2つの画像が入る大きさに調整し」というのは、元々の画像サイズが収まる大きさということでしょうか？
質問内容が変わってしまうので、新しく質問をさせていただきました。
こちらにご回答いただけると大変嬉しいです、、
https://teratail.com/questions/172484?modal=q-comp
よろしくお願いいたします。