Inkscape utilise par défaut le type de fichier .SVG, qui signifie Scalable Vector Graphics. Ce type de fichier conserve les objets et les calques modifiables que vous créez dans vos compositions, ce qui vous permet de rouvrir le fichier ultérieurement et de continuer à modifier les éléments d'origine de vos compositions.

Cependant, il existe de nombreux cas où vous voudriez exporter vos fichiers sous un autre type de fichier, tel qu'un fichier PNG, pour rendre vos compositions plus accessibles ou plus faciles à ouvrir sur un périphérique (pour les personnes n'utilisant pas Inkscape). Vous pouvez également vouloir télécharger votre dessin sur un site Web ou votre imprimante peut préférer un fichier PNG à un fichier SVG.

PNG signifie Portable Network Graphics, et «contient une image bitmap de couleurs indexées et utilise une compression sans perte, similaire à un fichier .GIF mais sans limitations de droits d'auteur. Les fichiers PNG sont couramment utilisés pour stocker les graphiques des images Web. » (selon FileInfo.com). La qualité des fichiers PNG est légèrement supérieure à celle des fichiers JPEG, bien que leur taille de fichier soit souvent légèrement supérieure. Les fichiers PNG prennent également en charge les graphiques contenant un arrière-plan transparent (contrairement aux fichiers JPEG).

Quelle que soit la raison pour laquelle vous souhaitez utiliser un PNG, Inkscape vous permet d'exporter facilement vers ce type de fichier si vous en avez besoin. Voici comment.

Fond de conception de téléphone isométrique caché

Pour cet article, j'utiliserai mon Isometric Phone Design que j'ai créé dans un récent tutoriel vidéo Inkscape. J'ai caché mon calque d'arrière-plan dans le panneau des calques (indiqué par la flèche rouge sur la photo ci-dessus) et ma toile a également été utilisée comme fond en damier afin que vous puissiez voir où la composition est transparente (je vous recommande de consulter mon tutoriel à la page suivante). Comment faire en sorte que votre toile Inkscape ressemble au plan de travail d'Adobe Illustrator, où je vais sur la configuration de vos propriétés de document).

1. Exporter la page en image PNG

Fichier Exporter une image PNG Tutoriel Inkscape

Une fois que tout est configuré et prêt à exporter, je peux aller dans Fichier> Exporter une image PNG (flèche rouge dans l'image ci-dessus).

Boîte de dialogue d'exportation d'images PNG Inkscape

Cela fera apparaître la boîte de dialogue Exporter une image PNG sur le côté droit de ma toile (surlignée en rouge sur la photo). Ma première option est de sélectionner un onglet sous la «Zone d'exportation», avec quatre paramètres différents à choisir. Si je veux tout exporter à l'intérieur de la bordure de ma toile (donc, essentiellement la composition entière), je vais choisir l'option Zone d'exportation «Page» (flèche verte). Vous verrez deux colonnes et trois lignes avec des données numériques dans cette section, ainsi qu'une liste déroulante pour sélectionner une unité (mon image / toile est actuellement en px ou pixels).

x0 et y0 inkscape exportent une image png

Les deux premières valeurs en haut de cette section sont «x0» et «y0» (surlignées en vert ci-dessus). Ces valeurs représentent l'emplacement de la limite inférieure gauche ou du coin de votre image (en d'autres termes, les coordonnées de départ de votre image). La variable X représente toujours la largeur et le Y représente toujours la hauteur. Puisque nous allons exporter la page entière, notre image commence aux coordonnées de 0 pour x et 0 pour y.

x1 et y1 inkscape exportent une image png

Les valeurs suivantes sont «x1» et «y1» (surlignées en vert ci-dessus). Ces valeurs représentent l'emplacement de la limite ou du coin supérieur droit de votre image (en d'autres termes, les coordonnées de fin de votre document). Ma taille totale de toile pour cette composition était de 1920 pixels par 1080 pixels, donc ma coordonnée x1 est 1920 et ma coordonnée y1 est 1080 (rappelez-vous, mes unités de page sont définies en pixels via le menu déroulant Unités dans cette section).

Largeur et hauteur inkscape exportez une image png

Les deux dernières valeurs de cette section sont Largeur et Hauteur. Elles reflètent la taille totale de ma zone d'exportation. Ma largeur est affichée sous la forme 1920 et ma hauteur est 1080 car il s'agit de la taille de mon canevas. Ainsi, le PNG aura la même taille que ma toile lors de l'exportation.

Taille et résolution de l'image inkscape export png image

La section suivante de la boîte de dialogue Exporter une image PNG est la «Taille de l'image» (surlignée en vert ci-dessus). Cette section vous permet d'ajuster la largeur et la hauteur globales de votre taille d'image finale en fonction de la résolution globale de l'image. La résolution est déterminée par le nombre de pixels, ou «points», que vous voulez afficher pour chaque pouce de votre image (les pixels et les points sont essentiellement la même chose - ils sont la plus petite unité d'une image. Bien que dpi, ou points par pouce, est couramment utilisé lorsque vous travaillez avec des imprimantes, car les imprimantes produisent des points et les pixels sont plus couramment utilisés pour décrire les images affichées sur un ordinateur). Plus vous affichez de pixels ou de points dans une zone, plus l'image sera de haute résolution. Cependant, il y a un compromis à avoir une résolution plus élevée car cela augmente la taille globale de votre fichier. Vous pouvez régler votre résolution via la case indiquée par la flèche rouge sur la photo ci-dessus.

Augmenter la résolution de l'image dans Inkscape

Ainsi, par exemple, si je sais que j'ai besoin que mon image ait une résolution finale de 300 dpi (points par pouce), je peux régler la résolution en tapant «300» dans le champ dpi (flèche rouge). Si j'appuie sur la touche de tabulation, vous remarquerez que la largeur et la hauteur de mon image changeront soudainement (zone verte en surbrillance). Parce que j'ai augmenté la résolution de 96 à 300, l'image sera désormais une image de résolution plus élevée (plus de points affichés dans chaque pouce de l'image). En conséquence, ma taille d'image globale est maintenant beaucoup plus grande (ma largeur et ma hauteur sont passées de 1920 × 1080 à 6000 × 3375).

Diminution de la résolution de l'image dans Inkscape

Si, par contre, je diminue ma résolution en tapant «72» dans le premier champ dpi, vous verrez que la taille de mon image diminuera à 1440 × 810. C'est parce que j'ai maintenant une image de résolution inférieure, avec moins de points affichés par pouce dans mon image.

Je vais revenir à la valeur par défaut de 96 dpi.

Filname Section Exporter une image PNG Dialogue

Sous la section Taille de l'image se trouve l'option permettant de définir le nom du fichier sous lequel vous souhaitez exporter votre image, ainsi que l'emplacement sur votre ordinateur où vous souhaitez l'exporter (surligné en vert). Il exportera votre fichier vers le dernier emplacement que vous avez utilisé pour enregistrer tout autre fichier sur Inkscape, ou quel que soit l'emplacement par défaut actuellement configuré sur votre Inkscape si vous n'avez pas encore enregistré de fichier.

Pour changer le nom de votre fichier ou l'endroit où il est exporté, cliquez sur le bouton «Exporter sous» (flèche rouge sur la photo ci-dessus).

Inkscape File Explorer Exporter au format PNG

Ici, vous serez redirigé vers votre explorateur de fichiers ou la fenêtre de recherche (selon le système d'exploitation que vous utilisez) où vous pouvez rechercher sur votre ordinateur un emplacement de fichier dans lequel enregistrer. Dans mon cas, je suis sur mon lecteur (D :), dans un dossier intitulé «Photos» et dans un autre dossier intitulé «Inkscape Photos» (vous pouvez voir l'emplacement complet du dossier dans la zone verte en surbrillance dans l'image ci-dessus).

J'ai exporté ce fichier avant d'utiliser le nom «Phone Isometric Design Gen 3.png», d'où mon nom de fichier par défaut (flèche rouge). Je changerai le nom en "Conception de téléphone isométrique sans arrière-plan".

Enregistrer sous Type Fichier Exporter Tutoriel Inkscape

Si je clique sur la liste déroulante «Enregistrer en tant que type», «PNG» sera la seule option disponible. Inkscape exporte uniquement au format PNG. Si vous avez besoin d'exporter vers quelque chose comme un fichier JPEG ou un autre type de fichier, vous devrez exporter votre fichier au format PNG à partir d'Inkscape, puis ouvrir un autre programme comme GIMP (un autre programme gratuit génial, que j'ai des centaines de tutoriels pour) et exporter vers le type de fichier que vous voulez.

Une fois que je suis prêt à exporter, je clique sur le bouton «Enregistrer».

Bouton d'exportation Inkscape au format PNG

Mais attendez! Vous n'avez pas encore terminé - il y a une dernière étape cruciale avant que votre image ne soit réellement exportée. Vous devez cliquer sur le bouton «Exporter» avec la coche verte pour exporter réellement le fichier (flèche rouge dans l'image ci-dessus). Si vous ne cliquez pas sur ce bouton, votre fichier ne sera pas exporté. Après avoir cliqué sur ce bouton, mon fichier SVG sera maintenant exporté vers un fichier PNG.

Note : si vous cochez l'option «Fermer une fois terminé» à gauche du bouton Exporter (encadrée en bleu sur la photo ci-dessus), la boîte de dialogue Exporter l'image PNG se fermera une fois que vous aurez terminé votre exportation.

2. Exporter un dessin en image PNG

La dernière section traite de l'option permettant d'exporter l'intégralité de votre page dans un fichier PNG, mais que se passe-t-il si vous souhaitez uniquement exporter le dessin de la page, et non l'espace vide qui l'entoure?

Zone d'exportation de dessin dans Inkscape

Eh bien, le deuxième onglet sous la section Zone d'exportation vous permet de faire exactement cela. Après être allé dans Fichier> Exporter une image PNG pour afficher la boîte de dialogue Exporter une image PNG (en supposant que vous ne l'avez pas déjà ouverte à l'étape précédente), vous pouvez cliquer sur l'onglet intitulé "Dessin" dans la section Zone d'exportation (rouge La Flèche).

Cette option exportera uniquement la zone de notre image contenant un dessin. Donc, dans ce cas, il n'exportera que la zone contenant le design du téléphone. Tout l'espace vide entre la conception du téléphone et la limite du canevas ne parviendra pas au PNG exporté final. Cela se reflète dans nos valeurs pour nos coordonnées d'image, qui ont maintenant changé par rapport à ce qu'elles étaient sous le paramètre «Page».

Zone d'exportation de dessin x0 et y0 inkscape

Maintenant, ma valeur x0 est 317.278 pixels et ma valeur y0 est 121.273 pixels (surlignée en vert). Ceci est le nouvel emplacement du coin inférieur gauche de mon image (ou les coordonnées de départ).

Zone d'exportation de dessin x1 et y1 inkscape

De plus, ma valeur x1 correspond désormais aux pixels 1602.722 et ma valeur y1 à 911.076. Ceci est le nouvel emplacement du coin supérieur droit de mon image (ou les coordonnées de fin).

largeur et hauteur zone d'exportation du dessin inkscape

Ainsi, ma zone d'exportation d'image ne couvrira plus toute la longueur de ma toile (1920 × 1080 pixels). Il sera plus petit car il supprime l'espace vide autour du dessin. Ceci est confirmé par les nouvelles Largeur et Hauteur (encadrées en vert). Ma largeur est maintenant de 1285.444 et ma nouvelle hauteur est maintenant de 789.803 (les deux valeurs en pixels).

Taille de l'image dessin zone d'exportation inkscape

Dans la section Taille de l'image (encadrée en vert dans l'image ci-dessus), je peux à nouveau modifier la résolution de mon image, ce qui augmentera ou diminuera la largeur et la hauteur finales du PNG d'exportation. La largeur et la hauteur s'affichent sous forme de 1285 × 790 pixels car les valeurs de la section précédente ont été arrondies. Inkscape ne peut pas exporter une fraction de pixel, les valeurs doivent donc être arrondies au nombre entier le plus proche.

Exporter en tant que zone d'exportation de dessin inkscape

Lorsque vous êtes prêt à exporter le dessin, vous pouvez à nouveau cliquer sur l'option «Exporter sous» (flèche rouge) pour changer le nom et l'emplacement du fichier (j'ai changé mon nom de fichier en «Dessin de téléphone isométrique»), puis cliquer sur le bouton «Exporter» pour exporter votre SVG au format PNG (flèche bleue).

Dessin de téléphone isométrique

Ci-dessus, le dessin final exporté. Si vous mettez la photo en surbrillance avec votre souris, vous remarquerez que la limite de l’image se termine là où se termine le dessin (remarque: elle a été légèrement réduite pour cet article).

3. Exporter la sélection au format PNG

En plus d'exporter l'intégralité de votre composition et d'exporter uniquement le dessin, vous pouvez également limiter la zone exportée à une sélection.

Zone d'exportation de sélection Inkscape 2019

Alors, disons hypothétiquement que je souhaite exporter uniquement la face avant de mon téléphone. Je peux saisir l'outil de sélection de ma boîte à outils (flèche rouge sur la photo ci-dessus), puis cliquer sur tous les éléments que je souhaite sélectionner pour exporter (j'ai cliqué sur toutes les formes qui composent la face avant du téléphone) . Avec tous ces éléments sélectionnés, vous verrez maintenant que sous la boîte de dialogue Exporter une image PNG, l'onglet Zone d'exportation a automatiquement changé pour l'onglet «Sélection» (flèche verte sur la photo).

Les exportations de sélection sont des exportations SVG au format PNG Inkscape

Mes coordonnées de départ et d'arrivée reflètent désormais les points de départ et d'arrivée de mes zones sélectionnées, et la largeur et la hauteur de mon image ont été modifiées pour correspondre aux dimensions de cette zone (indiquées en vert sur la photo ci-dessus).

Je peux encore une fois modifier la résolution de mon image dans la section Taille de l'image (encadrée en rouge), ce qui augmentera ou diminuera la taille globale de l'image en fonction de la résolution définie.



Je peux également changer le nom de mon fichier (je l'ai changé cette fois en «Face avant du téléphone isométrique») et l'emplacement où je veux l'enregistrer en utilisant le bouton Exporter sous la section Nom de fichier (encadré en bleu), puis cliquez sur «Exporter ”Pour exporter la sélection au format PNG. Il existe également quelques autres options qui méritent d'être mentionnées. Tout d'abord, je peux «exporter par lots» les objets que j'ai sélectionnés, ce qui signifie que chaque objet sera exporté en tant que PNG distinct. En dessous, j'ai la possibilité de "Tout masquer sauf les sélections", ce qui signifie que tout ce que je n'ai pas sélectionné n'apparaîtra pas dans la composition finale. Si je ne coche pas cette option, les éléments que je n'ai pas sélectionnés seront toujours affichés tant qu'ils tiennent dans la zone de cadre vers laquelle j'exporte.

Zones de sélection Expot masquées et non masquées

Ci-dessus se trouvent les deux résultats différents de l'exportation de la sélection - sur la gauche se trouve le résultat avec l'option "Tout masquer sauf sélectionner" décochée, et le résultat sur la droite est avec cette option cochée.

 

4. Exporter une zone personnalisée au format PNG

La dernière section de la boîte de dialogue Exporter au format PNG est l'option permettant d'exporter une zone personnalisée de votre composition. Ici, toutes les mêmes règles s'appliquent aux autres paramètres (x0 et y0 sont vos coordonnées de départ, x1 et y1 sont vos coordonnées de fin et la largeur et la hauteur correspondent à la taille totale de votre composition).

La principale différence ici est que la zone que vous définissez à l'aide de ces valeurs sera la zone exportée, qu'il y ait ou non un dessin dans cette zone. Donc, c'est presque comme définir un recadrage puisque vous recadrez tout ce qui ne correspond pas aux valeurs que vous avez définies.

Didacticiel 2019 Inkscape pour une zone d'exportation personnalisée

Pour illustrer ce paramètre en action, je vais définir les valeurs x0 et y0 à 250 et mes valeurs x1 et y1 à 1250. Cela créera une image avec une largeur et une hauteur de 1000 pixels. Je changerai le nom de l'image en "Zone personnalisée du téléphone isométrique" et cliquera sur "Exporter".

zone personnalisée de téléphone isométrique

Ma composition finale sera un pixel carré 1000 x 1000, avec des parties de la coupure de conception lorsque la conception se trouvait en dehors de la zone d'exportation.

C'est tout pour ce tutoriel! Si cela vous a plu, vous pouvez consulter mes autres Articles d'aide d'Inkscape, Didacticiels vidéo Inkscapeou Tutoriels GIMP.

Abonnez-vous à la newsletter DMD

Abonnez-vous à la newsletter DMD

Inscrivez-vous pour recevoir de nouveaux tutoriels, des mises à jour de cours et les dernières nouvelles sur votre logiciel open source préféré!

Vous avez avec succès Inscrit!

Pin It sur Pinterest

Share