Gérer les cadres d'image dans les présentations en .NET

À propos de cette page

Créer, formater, lier, recadrer, extraire et compresser des cadres d’image dans les présentations avec Aspose.Slides pour .NET.

Vue d’ensemble

Un cadre d’image est une forme de diapositive qui affiche une image. Dans Aspose.Slides, la ressource d’image et la forme qui l’affiche sont des objets distincts : une Presentation possède les ressources d’images intégrées via sa collection Images, tandis qu’un IPictureFrame contrôle la position, la taille, le format de ligne, la rotation, le recadrage, les effets d’image et les autres paramètres au niveau du cadre.

Cette séparation est utile lorsque la même image est affichée plusieurs fois. Ajoutez l’image à la présentation une seule fois, conservez le IPPImage renvoyé, et utilisez cette ressource d’image lors de la création de cadres d’image.

Les cadres d’image peuvent contenir des images raster telles que PNG ou JPEG ainsi que des images vectorielles SVG. Ils peuvent également référencer des images liées au lieu de stocker les octets de l’image dans la présentation. Le choix influence la portabilité, la taille du fichier, l’extraction et le comportement d’exportation, il est donc utile de décider comment l’image doit être stockée avant d’appliquer le formatage ou l’optimisation.

Ajouter et formater une image intégrée

Pour une image intégrée, ajoutez les données de l’image à la présentation et créez un cadre d’image avec IShapeCollection.AddPictureFrame. L’image devient alors partie du paquet de la présentation, de sorte que la présentation reste autonome lorsqu’elle est déplacée vers un autre ordinateur.

L’exemple suivant ajoute une image JPEG, crée un cadre aux dimensions natives de l’image et applique un format de ligne ainsi qu’une rotation :

using System.Drawing;
using System.IO;
using Aspose.Slides;
using Aspose.Slides.Export;

using var presentation = new Presentation();
var slide = presentation.Slides[0];

var imageData = File.ReadAllBytes("photo.jpg");
var image = presentation.Images.AddImage(imageData);

var pictureFrame = slide.Shapes.AddPictureFrame(ShapeType.Rectangle, 50, 100, image.Width, image.Height, image);
pictureFrame.LineFormat.FillFormat.FillType = FillType.Solid;
pictureFrame.LineFormat.FillFormat.SolidFillColor.Color = Color.Blue;
pictureFrame.LineFormat.Width = 3;
pictureFrame.Rotation = 15;

presentation.Save("picture-frame.pptx", SaveFormat.Pptx);

Le cadre d’image contrôle la géométrie affichée ; modifier la taille du cadre ne change pas les dimensions en pixels d’origine stockées dans la ressource d’image intégrée. Cette distinction devient importante lorsqu’on recadre ou compresse une image ultérieurement.

Utiliser l’échelle relative

IPictureFrame expose le redimensionnement relatif en largeur et en hauteur du cadre. Une valeur de 1.0 correspond à 100 % de la taille d’origine de l’image. L’échelle relative est utile lorsqu’un flux de travail doit conserver une relation avec la taille de l’image source au lieu de calculer manuellement les dimensions finales.

using System.IO;
using Aspose.Slides;
using Aspose.Slides.Export;

using var presentation = new Presentation();
var slide = presentation.Slides[0];

var imageData = File.ReadAllBytes("photo.jpg");
var image = presentation.Images.AddImage(imageData);

var pictureFrame = slide.Shapes.AddPictureFrame(ShapeType.Rectangle, 50, 50, 100, 100, image);
pictureFrame.RelativeScaleWidth = 1.35f;
pictureFrame.RelativeScaleHeight = 0.8f;

presentation.Save("relative-scale.pptx", SaveFormat.Pptx);

L’échelle relative modifie les paramètres d’échelle du cadre ; elle ne rééchantillonne pas et ne compresse pas l’image intégrée.

Images intégrées et liées

Une image intégrée stocke les données de l’image à l’intérieur de la présentation et constitue donc le choix le plus sûr pour la portabilité et un rendu prévisible. Une image liée stocke un emplacement externe via le chemin de lien ISlidesPicture au lieu d’intégrer les données de l’image de la même façon.

Les images liées peuvent réduire la quantité de données d’image stockées dans le PPTX, mais elles introduisent une dépendance externe. Le fichier lié doit rester accessible à l’application qui ouvre ou rend la présentation. Si le chemin change, le fichier est déplacé ou la ressource devient indisponible, l’image liée peut ne pas s’afficher comme prévu. Pour les présentations qui doivent être envoyées par courriel, archivées ou rendues dans des environnements isolés, les images intégrées sont généralement plus fiables.

Ajouter une image liée

L’exemple suivant crée un cadre d’image et le pointe vers un fichier image local. Il ne traite que du lien d’image ; le lien de vidéo est un flux média distinct et n’est intentionnellement pas mélangé dans cet exemple.

using System.IO;
using Aspose.Slides;
using Aspose.Slides.Export;

using var presentation = new Presentation();
var slide = presentation.Slides[0];

var pictureFrame = slide.Shapes.AddPictureFrame(ShapeType.Rectangle, 50, 50, 320, 180, null);
pictureFrame.PictureFormat.Picture.LinkPathLong = Path.GetFullPath("linked-image.jpg");

presentation.Save("linked-image.pptx", SaveFormat.Pptx);

Utilisez les liens lorsque la gestion de fichiers externes est intentionnelle. Ne les utilisez pas simplement comme substitution à la compression : un petit PPTX avec des dépendances d’image cassées est généralement moins utile qu’une présentation plus grande et autonome.

Extraire des images des cadres d’image

Avant d’extraire une image d’une présentation existante, vérifiez qu’une forme est réellement un IPictureFrame et qu’elle contient une image intégrée. Les cadres d’image liés peuvent ne pas contenir d’octets d’image extractibles de la même manière.

Extraire une image raster

L’API d’image moderne utilise directement IImage et ne nécessite plus l’ancien wrapper système-image. L’exemple suivant trouve la première image raster intégrée d’une diapositive et l’enregistre au format PNG :

using System;
using Aspose.Slides;

using var presentation = new Presentation("sample.pptx");
var slide = presentation.Slides[0];

foreach (var shape in slide.Shapes)
{
    if (shape is not IPictureFrame pictureFrame)
    {
        continue;
    }

    var embeddedImage = pictureFrame.PictureFormat.Picture.Image;
    if (embeddedImage == null || embeddedImage.SvgImage != null)
    {
        continue;
    }

    using var rasterImage = embeddedImage.Image;
    rasterImage.Save("extracted-image.png", Aspose.Slides.ImageFormat.Png);
    break;
}

En enregistrant via IImage, l’image extraite est convertie au format de sortie demandé. Si vous avez besoin des octets encodés stockés dans la présentation plutôt que d’un fichier raster converti, utilisez les données binaires de la ressource d’image.

Extraire une image SVG

Pour une image SVG, le IPPImage expose un objet ISvgImage. Cela vous permet de récupérer directement les données SVG au lieu de rasteriser l’image au préalable.

using System.IO;
using Aspose.Slides;

using var presentation = new Presentation("sample.pptx");
var slide = presentation.Slides[0];

foreach (var shape in slide.Shapes)
{
    if (shape is not IPictureFrame pictureFrame)
    {
        continue;
    }

    var embeddedImage = pictureFrame.PictureFormat.Picture.Image;
    var svgImage = embeddedImage?.SvgImage;
    if (svgImage == null)
    {
        continue;
    }

    File.WriteAllBytes("extracted-image.svg", svgImage.SvgData);
    break;
}

Conserver le contenu SVG sous forme de SVG préserve la source vectorielle à l’intérieur de la présentation. Les exportations raster telles que PNG ou JPEG rendent inévitablement ce contenu vectoriel en pixels. L’exportation de diapositives au format PDF ou SVG est également une opération de rendu, de sorte que les graphiques exportés ne doivent pas être considérés comme une copie octet à octet du SVG intégré ; utilisez les données ISvgImage intégrées lorsque la ressource vectorielle d’origine elle‑même est requise.

Recadrer une image

Le recadrage modifie la partie de l’image visible à l’intérieur du cadre. Les valeurs de recadrage sur IPictureFillFormat sont des pourcentages des dimensions de l’image source. Le recadrage ne supprime pas initialement les pixels masqués de l’image intégrée ; il ne change que la région visible.

L’exemple suivant trouve un cadre d’image en toute sécurité et applique des valeurs de recadrage :

using System.Linq;
using Aspose.Slides;
using Aspose.Slides.Export;

using var presentation = new Presentation("sample.pptx");
var slide = presentation.Slides[0];
var pictureFrame = slide.Shapes.OfType<IPictureFrame>().FirstOrDefault();

if (pictureFrame != null)
{
    pictureFrame.PictureFormat.CropLeft = 23.6f;
    pictureFrame.PictureFormat.CropRight = 21.5f;
    pictureFrame.PictureFormat.CropTop = 3f;
    pictureFrame.PictureFormat.CropBottom = 31f;
    presentation.Save("cropped-image.pptx", SaveFormat.Pptx);
}

Comme les données d’image cachées sont toujours présentes, le recadrage peut être modifié ultérieurement sans perdre les pixels d’origine. Si la taille du fichier est plus importante que la réversibilité, les régions recadrées peuvent être supprimées physiquement comme décrit dans la section suivante.

Supprimer les données d’image recadrées

IPictureFillFormat.DeletePictureCroppedAreas supprime les données d’image situées en dehors du rectangle de recadrage actuel et renvoie la ressource d’image résultante. Cela peut réduire la taille du fichier, mais il s’agit d’une optimisation destructive : après l’enregistrement de la présentation, les pixels supprimés ne sont plus disponibles pour une opération de décadrage ultérieure.

using System.Linq;
using Aspose.Slides;
using Aspose.Slides.Export;

using var presentation = new Presentation("cropped-image.pptx");
var slide = presentation.Slides[0];
var pictureFrame = slide.Shapes.OfType<IPictureFrame>().FirstOrDefault();

if (pictureFrame != null)
{
    var croppedImage = pictureFrame.PictureFormat.DeletePictureCroppedAreas();
    if (croppedImage != null)
    {
        presentation.Save("cropped-data-removed.pptx", SaveFormat.Pptx);
    }
}

La méthode peut ajouter une nouvelle ressource d’image à la présentation. Si l’image originale est également utilisée par d’autres cadres d’image, ces cadres conservent toujours leur ressource existante, de sorte que la suppression des zones recadrées ne réduit pas nécessairement le nombre total d’images. Recadrer du contenu WMF ou EMF avec cette méthode rasterise le résultat recadré en PNG.

Compresser les images raster

IPictureFillFormat.CompressImage réduit la résolution de l’image raster par rapport à la taille à laquelle l’image est affichée. Elle peut également supprimer les zones recadrées dans la même opération. La méthode renvoie true lorsque l’image a été redimensionnée ou recadrée et false lorsqu’aucune modification n’était nécessaire.

Utilisez une valeur prédéfinie de PicturesCompression lorsqu’une résolution cible standard suffit :

using System;
using System.Linq;
using Aspose.Slides;
using Aspose.Slides.Export;

using var presentation = new Presentation("sample.pptx");
var slide = presentation.Slides[0];
var pictureFrame = slide.Shapes.OfType<IPictureFrame>().FirstOrDefault();

if (pictureFrame != null)
{
    var compressed = pictureFrame.PictureFormat.CompressImage(true, PicturesCompression.Dpi150);
    Console.WriteLine(compressed ? "The image was compressed." : "No compression was necessary.");
    presentation.Save("compressed-image.pptx", SaveFormat.Pptx);
}

Une valeur DPI positive personnalisée peut être passée à la place d’une valeur d’énumération lorsqu’une cible spécifique est requise.

La compression est destinée aux images raster. Le contenu SVG et les métas fichiers ne sont pas réduits par ce flux de compression raster. Gardez également à l’esprit que la résolution inférieure et les régions recadrées supprimées ne peuvent pas être récupérées à partir de la présentation optimisée. Choisissez une résolution cible basée sur la plus grande taille à laquelle l’image sera réellement visualisée ou exportée, plutôt que d’appliquer le DPI le plus bas globalement.

Gérer les effets de transformation d’image

Pour un flux de travail complet couvrant la luminosité, le contraste, les transformations de couleur, le flou, les effets alpha, les chaînes ordonnées, l’inspection, la suppression et la vérification en aller‑retour, consultez Image Transform Effects.

Verrouiller la géométrie du cadre d’image

Les paramètres de IPictureFrameLock contrôlent quelles opérations d’édition sont désactivées pour un cadre d’image. Par exemple, le verrouillage du ratio d’aspect conserve les proportions de la forme lors du redimensionnement.

using System.IO;
using Aspose.Slides;
using Aspose.Slides.Export;

using var presentation = new Presentation();
var slide = presentation.Slides[0];

var imageData = File.ReadAllBytes("photo.jpg");
var image = presentation.Images.AddImage(imageData);

var pictureFrame = slide.Shapes.AddPictureFrame(ShapeType.Rectangle, 50, 100, image.Width, image.Height, image);
pictureFrame.PictureFrameLock.AspectRatioLocked = true;

presentation.Save("locked-picture-frame.pptx", SaveFormat.Pptx);

Le verrou s’applique à la forme du cadre d’image. Il ne force pas l’image source à être rééchantillonnée ou modifiée de façon permanente pour adopter le même ratio d’aspect.

Ajuster les valeurs StretchOffset

Lorsque le mode de remplissage d’image est « stretch », les valeurs d’offset d’étirement sur IPictureFillFormat définissent le rectangle de remplissage par rapport à la boîte englobante du cadre d’image. Des pourcentages positifs créent un retrait depuis un bord, tandis que des pourcentages négatifs créent un débordement.

Ceci est différent du recadrage. Les valeurs de recadrage sélectionnent la partie de l’image source visible ; les offsets d’étirement modifient le rectangle dans lequel le remplissage d’image visible est étiré.

using System.IO;
using Aspose.Slides;
using Aspose.Slides.Export;

using var presentation = new Presentation();
var slide = presentation.Slides[0];

var imageData = File.ReadAllBytes("photo.png");
var image = presentation.Images.AddImage(imageData);

var pictureFrame = slide.Shapes.AddPictureFrame(ShapeType.Rectangle, 10, 10, 400, 300, image);
pictureFrame.PictureFormat.PictureFillMode = PictureFillMode.Stretch;
pictureFrame.PictureFormat.StretchOffsetLeft = 12f;
pictureFrame.PictureFormat.StretchOffsetRight = 12f;
pictureFrame.PictureFormat.StretchOffsetTop = 8f;
pictureFrame.PictureFormat.StretchOffsetBottom = 8f;

presentation.Save("stretch-offsets.pptx", SaveFormat.Pptx);

Utilisez les offsets d’étirement pour le placement du remplissage. Utilisez les propriétés de recadrage lorsque l’objectif est de masquer les bords de l’image source.

Stockage, taille du fichier et considérations d’exportation

Les principaux compromis sont plus faciles à gérer lorsque le stockage des images et le formatage des cadres d’image sont traités séparément :

Images intégrées rendent la présentation autonome et sont les plus fiables pour le partage et le rendu côté serveur, mais les grandes images raster augmentent la taille du PPTX et l’utilisation de la mémoire.
Images liées peuvent garder le paquet plus petit, mais la présentation dépend de la disponibilité continue des fichiers externes aux chemins ou emplacements stockés.
Recadrage est initialement non destructif. Les pixels cachés restent intégrés jusqu’à ce que les zones recadrées soient explicitement supprimées ou retirées lors de la compression.
Compression peut réduire considérablement la taille du fichier pour les images raster surdimensionnées, mais elle sacrifie la résolution source. Elle doit être appliquée après que la taille finale sur la diapositive soit connue.
Images SVG doivent rester au format SVG lorsque la préservation vectorielle est importante. Extrayez le SVG intégré directement lorsque vous avez besoin de la ressource vectorielle elle‑même. Les exportations de diapositives raster convertissent toujours la diapositive rendue en pixels.
Images répétées doivent réutiliser une ressource IPPImage existante lorsque cela est possible au lieu de charger plusieurs fois le même fichier dans le flux de travail de la présentation.

Pour les présentations volumineuses, l’optimisation des images est généralement la plus efficace lorsqu’elle est effectuée sélectivement : conservez les logos et les diagrammes sous forme de contenu vectoriel, compressez les photographies en fonction de leur taille d’affichage réelle, supprimez les pixels recadrés uniquement lorsque les modifications ultérieures ne sont pas requises, et évitez les liens externes sauf si la gestion des dépendances fait partie de la conception du déploiement.

FAQ

Quelle est la différence entre un cadre d’image et une ressource d’image ?

Un IPPImage représente une ressource d’image associée à la présentation. Un IPictureFrame est une forme sur une diapositive qui affiche une image et stocke la géométrie et le formatage au niveau du cadre tels que la taille, la rotation, les valeurs de recadrage, les effets et les verrous.

Dois‑je intégrer ou lier les images ?

Intégrez les images lorsque la présentation doit être portable, archivée ou rendue sans accès à des ressources externes. Liez les images uniquement lorsque le fait de garder les fichiers image hors du PPTX est intentionnel et que les emplacements externes peuvent être maintenus de façon fiable.

Le recadrage réduit‑il la taille du fichier PPTX ?

Pas en soi. Les réglages de recadrage normal masquent des parties de l’image source mais conservent les pixels sous‑jacents. Utilisez IPictureFillFormat.DeletePictureCroppedAreas ou la compression d’image avec suppression des zones recadrées lorsque ces pixels peuvent être éliminés définitivement.

Puis‑je restaurer la qualité de l’image après compression ?

Non. La compression peut réduire la résolution raster stockée, et la suppression des zones recadrées élimine les données d’image. Conservez l’image source originale en dehors de la présentation si un futur montage en haute résolution peut être nécessaire.

Comment traiter les images SVG ?

Conservez le contenu SVG au format SVG lorsque la fidélité vectorielle est importante. Le ISvgImage intégré peut être extrait directement. Rendre une diapositive vers un format raster tel que PNG ou JPEG rasterise le SVG dans le cadre de l’image de la diapositive.

Comment éviter les castings non sûrs lors de la lecture de diapositives existantes ?

Vérifiez le type de forme avant d’utiliser les membres spécifiques aux cadres d’image. Le filtrage de la collection de formes avec IPictureFrame ou le pattern matching évite les castings invalides et permet au code de gérer les diapositives qui ne contiennent pas de cadres d’image.

Gérer les effets de transformation d'image dans les présentations avec .NET