Liens rapides vers les procédures sur cette page :

 
 
 
 
 


Découpe d’images en tranches

La découpe d’images en tranches permet de charger progressivement une image volumineuse sur une page Web, une partie après l’autre. Cette technique consiste à séparer l’image en plusieurs petits fichiers. Les fichiers obtenus, appelés « tranches », peuvent être simplement affichés ou constituer des zones dynamiques.

Une tranche peut être rectangulaire uniquement. Pour créer des zones dynamiques de forme différente, créez plutôt une image à zones actives. Pour plus d’informations sur les images à zones actives, reportez-vous à la section “Création d’images à zones actives.”

Lors de la découpe d’une image en tranches, il est possible de la prévisualiser et de la tester dans un navigateur à tout moment.


Création d’une grille de tranches

Pour découper une image en tranches, il est nécessaire de commencer par créer une grille de tranches. Pour cela, il suffit de placer des lignes de tranches verticales et horizontales sur l’image. Il est possible de créer cette grille automatiquement en fonction de la position des objets dans l’image ou de créer des tranches égales en fonction du nombre de colonnes et de lignes spécifié. Il est également possible d’importer et d’exporter des grilles de tranches.

La grille de tranches recouvre la fenêtre d’image. Il est toujours possible d’accéder aux autres fonctions lors de la manipulation d’une image découpée en tranches. Il est également possible de masquer la grille de tranches et le recouvrement.


Attribution de propriétés aux tranches

Après avoir découpé une image en tranches, il est possible d’attribuer des propriétés à certaines tranches. Vous pouvez définir un nom de fichier, une URL, une cible et du texte de remplacement pour une tranche. Il est également possible d’exporter les tranches sous différents formats de fichiers et de les optimiser séparément. Les paramètres par défaut sont appliqués à toute tranche à laquelle aucune propriété spécifique n’est attribuée. Lorsque aucun nom n’est attribué à une tranche, elle est automatiquement nommée en fonction de son emplacement dans la grille de tranches, en matière de rangée et de colonne. Par exemple, pour une image découpée en tranches nommée « bannière », la tranche située en première rangée dans la première colonne est appelée « bannière_r1c1 ».

Une tranche peut également constituer un bouton réactif. Pour plus d’informations sur la création et la modification des boutons réactifs, reportez-vous à la section “Création et modification de boutons réactifs.”

Il est possible de prévisualiser une image découpée en tranches dans un navigateur Web en cours d’édition.

Photo Paint web imageslice Découpe d’images en tranches

Cette image découpée contient des boutons et des tranches de texte optimisées séparément. Les lignes vertes indiquent la grille de tranches.


Suppression de tranches

Une fois que des lignes de tranches ont été ajoutées, il est possible de les déplacer ou de les supprimer. Pour supprimer une partie de ligne de tranche, vous pouvez sélectionner et fusionner des tranches adjacentes. Vous pouvez également supprimer l’ensemble de la grille de tranches d’un seul coup. Lorsque vous supprimez une ligne de tranche, vous créez une tranche à partir de plusieurs. Par conséquent, vous perdez les paramètres appliqués aux tranches distinctes. La nouvelle tranche, plus grande, a les paramètres par défaut.


Exportation d’images découpées en tranches

Lorsque vous avez terminé la découpe d’une image en tranches, vous devez exporter l’image. Au cours de l’exportation, Corel PHOTO-PAINT crée les éléments suivants :

 
un fichier contenant le code HTML et JavaScript,
 
un dossier contenant les tranches.

Si vous avez déjà exporté une image découpée en tranches, puis l’avez rouverte pour la modifier, vous pouvez choisir d’exporter uniquement les tranches.


Optimisation d’images découpées en tranches

Il est possible d’optimiser une image découpée en tranches avant de l’exporter. Les paramètres d’optimisation s’appliquent uniquement aux tranches auxquelles vous n’avez attribué aucun format de fichier ni paramètre d’optimisation auparavant. Ces tranches sont enregistrées avec les paramètres par défaut du format de fichier JPEG. Il est impossible de spécifier les paramètres des tranches individuelles à cette étape. Vous pouvez choisir d’optimiser l’ensemble de l’image et d’annuler toutes les tranches et leurs paramètres. Pour plus d’informations sur l’optimisation d’images pour le Web, reportez-vous à la section “Exportation et optimisation d’images destinées à la publication sur Internet.”


Pour découper une image en tranches

Photo Paint btnbacktotop Découpe d’images en tranches
1.
 
Cliquez sur l’outil Tranchage d’image Photo Paint pgx image slicing tool Découpe d’images en tranches.
2.
 
Dans la barre de propriétés, cliquez sur l’un des boutons suivants pour créer une grille de tranches :
Tranche verticale Photo Paint pgx vertical slice button Découpe d’images en tranches : permet d’ajouter une ligne de tranche verticale unique d’un simple clic dans l’image.
Tranche horizontale Photo Paint pgx horiz slice button Découpe d’images en tranches : permet d’ajouter une ligne de tranche horizontale unique d’un simple clic dans l’image.
Trancher automatiquement Photo Paint pgx auto slice button Découpe d’images en tranches : permet de découper l’ensemble d’une image en tranches en fonction de la position des objets.
Tranche égale Photo Paint pgx equal slice button Découpe d’images en tranches : permet de découper l’image en tranches égales. Il suffit pour cela de spécifier le nombre de lignes et de colonnes souhaité.
3.
 
Cliquez sur le bouton Sélecteur de tranche Photo Paint pgx slice select button Découpe d’images en tranches de la barre de propriétés.
Pour déplacer une ligne de tranche, faites-la glisser vers son nouvel emplacement dans l’image.
4.
 
Cliquez sur une tranche.
5.
 
Dans le menu fixe Tranchage d’image, entrez les informations suivantes pour les tranches sélectionnées :
Nom : permet de spécifier le nom de fichier de la tranche. Si vous ne saisissez aucun nom de fichier pour une tranche, un nom par défaut lui est attribué en fonction du nom de fichier de l’image d’origine, ainsi que de la colonne et de la ligne de la tranche.
URL : permet de spécifier l’adresse (URL) d’une page Web qui s’ouvre lorsque vous cliquez sur une tranche.
ALT : permet de spécifier le texte de remplacement qui s’affiche dans un navigateur lorsque vous pointez sur une tranche.
Cible : permet de spécifier le mode d’ouverture d’une page Web. _self ouvre la page correspondant à l’URL dans la fenêtre active, _blank l’ouvre dans une nouvelle fenêtre du navigateur, _top l’ouvre dans la fenêtre d’origine du navigateur, _parent l’ouvre dans la fenêtre du niveau le plus élevé.
6.
 
Dans la zone Format, sélectionnez le format de fichier de la tranche dans la zone de liste.
Si vous ne sélectionnez aucun format de fichier, la tranche est automatiquement enregistrée au format de fichier par défaut.

Vous pouvez également
Optimiser une tranche
Sélectionnez une tranche. Dans le menu fixe Tranchage d’image, cliquez sur Avancés, puis réglez les paramètres liés au format de fichier.
Prévisualiser l’image découpée en tranches dans un navigateur selon les paramètres actifs
Cliquez sur le bouton Aperçu Photo Paint pgx preview browser Découpe d’images en tranches.
Importer une grille de tranches
Cliquez sur la flèche du menu contextuel Photo Paint pgx flyout arrow Découpe d’images en tranches, puis sur Importer la grille de tranches.
Exporter une grille de tranches afin de l’utiliser sur une autre image
Cliquez sur la flèche du menu contextuel Photo Paint pgx flyout arrow Découpe d’images en tranches, puis sur Exporter la grille de tranches.
Enregistrer en tant que présélection les paramètres liés au format de fichier
Cliquez sur la flèche Photo Paint pgx flyout arrow Découpe d’images en tranches du menu contextuel, puis sur Enregistrer la présélection.

Photo Paint tip Découpe d’images en tranches

 
Pour sélectionner plusieurs tranches, maintenez la touche Maj enfoncée et cliquez sur les tranches souhaitées.
 
Pour passer du bouton Tranche horizontale au bouton Tranche verticale, appuyez sur la touche Maj.

Pour afficher ou masquer la grille de tranches et le recouvrement

Photo Paint btnbacktotop Découpe d’images en tranches
 
Cliquez sur Affichage Photo Paint onestep Découpe d’images en tranches Grille de tranches.

Photo Paint note Découpe d’images en tranches

 
Pour choisir d’afficher ou de masquer la grille de tranches, l’outil Tranchage d’image Photo Paint pgx image slicing tool Découpe d’images en tranches ne doit pas être sélectionné. Lorsque cet outil est sélectionné, la grille de tranches est toujours affichée.

Pour supprimer une ligne de tranche d’une image

Photo Paint btnbacktotop Découpe d’images en tranches
1.
 
Cliquez sur l’outil Tranchage d’image Photo Paint pgx image slicing tool Découpe d’images en tranches.
2.
 
Cliquez sur le bouton Effacer la tranche Photo Paint pgx erase slice button Découpe d’images en tranches de la barre de propriétés.
3.
 
Cliquez sur une ligne pour la supprimer.
Pour supprimer toutes les tranches, cliquez sur le bouton Effacer les tranches Photo Paint pgx erase all button Découpe d’images en tranches de la barre de propriétés.

Photo Paint note Découpe d’images en tranches

 
Lorsqu’une ligne de tranche est supprimée, la nouvelle tranche composée prend les paramètres par défaut. Tous les paramètres éventuellement appliqués aux tranches individuelles sont perdus.

Pour exporter une image découpée en tranches

Photo Paint btnbacktotop Découpe d’images en tranches
1.
 
Cliquez sur Fichier Photo Paint onestep Découpe d’images en tranches Exporter au Web.
2.
 
Sélectionnez le dossier dans lequel vous souhaitez enregistrer le fichier HTML/JavaScript.
3.
 
Entrez un nom dans la zone Nom de fichier.
4.
 
Assurez-vous que la case Tranches est bien cochée.
5.
 
Assurez-vous que l’option HTML et images est bien activée.
6.
 
Dans la zone Destination de l’image, activez l’option Utiliser le nom HTML pour le sous-dossier de l’image.
Les tranches sont enregistrées dans le même emplacement que le fichier HTML et le nom du dossier est basé sur le nom de ce dernier.
7.
 
Cliquez sur Enregistrer.

Vous pouvez également
Spécifier un nom et emplacement de dossier différent pour l’image
Dans la zone Destination de l’image, entrez le chemin d’accès souhaité dans la zone Dossier de l’image.
Remplacer des tranches existantes
Dans la zone Destination de l’image, activez l’option Remplacer les fichiers existants.
Prévisualiser l’image découpée en tranches dans un navigateur
Cochez la case Afficher dans le navigateur pour afficher le fichier dans le navigateur par défaut selon les paramètres actifs.

Photo Paint note Découpe d’images en tranches

 
Si l’option Tranches est désactivée, les tranches et les paramètres définis dans le menu fixe Tranchage d’image ne sont pas appliqués à l’image exportée. Si vous décidez de n’appliquer ni la découpe en tranches, ni les paramètres des tranches, sélectionnez le format de fichier à appliquer à l’ensemble de l’image dans la zone de liste Type de fichier.
 
Si le nom de fichier sélectionné n’est pas compatible avec le Web, votre sélection est automatiquement rectifiée au cours de l’exportation. Si vous avez choisi un nom de fichier en double par inadvertance, cela fait également l’objet d’une rectification automatique.

Photo Paint tip Découpe d’images en tranches

 
Pour exporter uniquement les tranches, activez l’option Images uniquement. Les noms de fichiers des tranches étant déjà spécifiés dans le menu fixe Tranchage d’image, la zone Nom de fichier est grisée.

Pour optimiser et exporter une image découpée en tranches

Photo Paint btnbacktotop Découpe d’images en tranches
1.
 
Cliquez sur Fichier Photo Paint onestep Découpe d’images en tranches Optimiseur d’images Web.
2.
 
Dans l’angle supérieur gauche de la boîte de dialogue Optimiseur d’images Web, sélectionnez l’option Garder les tranches.
3.
 
Sous la fenêtre d’aperçu d’une image, choisissez un format de fichier dans la zone de liste supérieure gauche.
4.
 
Choisissez une présélection Web dans la zone de liste supérieure droite.
5.
 
Cliquez sous une fenêtre d’aperçu d’image pour sélectionner le format de fichier sous lequel vous souhaitez enregistrer l’image.
Une bordure rouge indique le format sélectionné.
6.
 
Cliquez sur OK.
7.
 
Dans la boîte de dialogue Exporter au Web, entrez un nom de fichier dans la zone Nom de fichier.
8.
 
Choisissez le dossier dans lequel vous souhaitez enregistrer l’image.
9.
 
Cliquez sur Enregistrer.

Vous pouvez également
Prévisualiser l’image selon les paramètres actifs

de chaque tranche
Cliquez sur Aperçu.
Annuler toutes les tranches et optimiser l’ensemble de l’image
Activez l’option Créer image unique.

Photo Paint note Découpe d’images en tranches

 
Toutes les tranches s’affichent dans la boîte de dialogue Optimiseur d’images Web mais seules les tranches définies sous le type de fichier par défaut sont optimisées. Pour optimiser des tranches spécifiques, revenez au menu fixe Tranchage d’image.

Découpe d’images en tranches