Quel est le moyen le plus simple de redimensionner/optimiser la taille d'une image avec le SDK de l'iPhone ?

Question

Mon application télécharge un ensemble de fichiers image depuis le réseau et les enregistre sur le disque local de l'iPhone. Certaines de ces images sont assez grandes (largeur supérieure à 500 pixels, par exemple). Comme l'iPhone n'a même pas un écran assez grand pour afficher l'image dans sa taille originale, je prévois de redimensionner l'image à quelque chose d'un peu plus petit pour gagner de l'espace/des performances.

En outre, certaines de ces images sont des JPEG et elles ne sont pas enregistrées avec le paramètre de qualité habituel de 60 %.

Comment puis-je redimensionner une image avec l'iPhone SDK, et comment puis-je modifier le paramètre de qualité d'une image JPEG ?

Answer 1

Quelques suggestions sont fournies en réponse aux questions suivantes cette question . J'avais proposé la technique décrite dans ce poste avec le code correspondant :

+ (UIImage*)imageWithImage:(UIImage*)image 
               scaledToSize:(CGSize)newSize;
{
   UIGraphicsBeginImageContext( newSize );
   [image drawInRect:CGRectMake(0,0,newSize.width,newSize.height)];
   UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
   UIGraphicsEndImageContext();

   return newImage;
}

En ce qui concerne le stockage de l'image, le format d'image le plus rapide à utiliser avec l'iPhone est le PNG, car il est optimisé pour ce format. Cependant, si vous voulez stocker ces images en tant que JPEG, vous pouvez prendre votre UIImage et faire ce qui suit :

NSData *dataForJPEGFile = UIImageJPEGRepresentation(theImage, 0.6);

Cela crée une instance NSData contenant les octets bruts d'une image JPEG avec une qualité de 60 %. Le contenu de cette instance NSData peut ensuite être écrit sur le disque ou mis en cache en mémoire.

Answer 2

La méthode la plus simple et la plus directe pour redimensionner vos images est la suivante

float actualHeight = image.size.height;
float actualWidth = image.size.width;
float imgRatio = actualWidth/actualHeight;
float maxRatio = 320.0/480.0;

if(imgRatio!=maxRatio){
    if(imgRatio < maxRatio){
        imgRatio = 480.0 / actualHeight;
        actualWidth = imgRatio * actualWidth;
        actualHeight = 480.0;
    }
    else{
        imgRatio = 320.0 / actualWidth;
        actualHeight = imgRatio * actualHeight;
        actualWidth = 320.0;
    }
}
CGRect rect = CGRectMake(0.0, 0.0, actualWidth, actualHeight);
UIGraphicsBeginImageContext(rect.size);
[image drawInRect:rect];
UIImage *img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Answer 3

La meilleure façon de mettre à l'échelle des images sans perdre le rapport d'aspect (c'est-à-dire sans étirer l'image) est d'utiliser cette méthode :

//to scale images without changing aspect ratio
+ (UIImage *)scaleImage:(UIImage *)image toSize:(CGSize)newSize {

    float width = newSize.width;
    float height = newSize.height;

    UIGraphicsBeginImageContext(newSize);
    CGRect rect = CGRectMake(0, 0, width, height);

    float widthRatio = image.size.width / width;
    float heightRatio = image.size.height / height;
    float divisor = widthRatio > heightRatio ? widthRatio : heightRatio;

    width = image.size.width / divisor;
    height = image.size.height / divisor;

    rect.size.width  = width;
    rect.size.height = height;

    //indent in case of width or height difference
    float offset = (width - height) / 2;
    if (offset > 0) {
        rect.origin.y = offset;
    }
    else {
        rect.origin.x = -offset;
    }

    [image drawInRect: rect];

    UIImage *smallImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return smallImage;

}

Ajoutez cette méthode à votre classe Utility pour pouvoir l'utiliser dans tout votre projet, et accédez-y comme suit :

xyzImageView.image = [Utility scaleImage:yourUIImage toSize:xyzImageView.frame.size];

Cette méthode prend en charge la mise à l'échelle tout en conservant le rapport d'aspect. Elle ajoute également des retraits à l'image au cas où l'image réduite aurait plus de largeur que de hauteur (ou vice versa).

Answer 4

Si vous avez le contrôle du serveur, je vous recommande fortement de redimensionner les images côté serveur avec ImageMagik . Télécharger de grandes images et les redimensionner sur le téléphone est un gaspillage de nombreuses ressources précieuses - bande passante, batterie et mémoire. Toutes ces ressources sont rares sur les téléphones.

Answer 5

Pour redimensionner une image, j'obtiens de meilleurs résultats (graphiques) en utilisant cette fonction au lieu de DrawInRect :

- (UIImage*) reduceImageSize:(UIImage*) pImage newwidth:(float) pWidth
{
    float lScale = pWidth / pImage.size.width;
    CGImageRef cgImage = pImage.CGImage;
    UIImage   *lResult = [UIImage imageWithCGImage:cgImage scale:lScale
                            orientation:UIImageOrientationRight];
    return lResult;
}

Le rapport d'aspect est pris en charge automatiquement