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 limitation de copyright. Les fichiers PNG sont couramment utilisés pour stocker des graphiques pour 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 fichier PNG, Inkscape vous permet d’exporter facilement vers ce type de fichier si vous en aviez besoin. Voici comment.

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

Pour cet article, je vais utiliser 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 pour que votre toile Inkscape ressemble à l'Artboard 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 à être exporté, je peux accéder à 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 consiste à sélectionner un onglet sous «Zone d'exportation», avec quatre paramètres différents à choisir. Si je veux tout exporter à l'intérieur du bord de mon canevas (donc la totalité de la composition), je choisirai 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 permettant de sélectionner une unité (mon image / toile est actuellement en px ou en 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 ou du coin inférieur gauche 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. Comme 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). La taille totale de la toile pour cette composition était de 1920 pixels par 1080 pixels; ma coordonnée x1 est donc 1920 et ma coordonnée y1 est 1080 (rappelez-vous que les unités de ma page sont définies en pixels dans la liste déroulante Unités de 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 la taille de votre 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 souhaitez afficher par centimètre carré de votre image (les pixels et les points sont essentiellement la même chose - ils constituent la plus petite unité d’une image. Bien que ppp ou points par pouce, est couramment utilisé lorsque vous travaillez avec des imprimantes, car celles-ci produisent des points et les pixels sont plus couramment utilisés pour décrire les images affichées sur un ordinateur). Plus vous avez affiché de pixels ou de points dans une zone, plus haute sera la résolution de l'image. Cependant, une résolution plus élevée présente un inconvénient car elle augmente la taille globale de votre fichier. Vous pouvez ajuster 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 définir la résolution en saisissant «300» dans le champ dpi (flèche rouge). Si je tape sur la touche de tabulation, vous remarquerez que la largeur et la hauteur de mon image vont changer soudainement (zone verte en surbrillance). Étant donné que j'ai augmenté la résolution de 96 à 300, l'image sera désormais une image de résolution supérieure (plus de points s'affichent dans chaque centimètre de l'image). En conséquence, la taille globale de mon image 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, en revanche, je diminue ma résolution en saisissant «72» dans le premier champ dpi, vous verrez que la taille de mon image sera réduite à 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, vous pouvez définir le nom du fichier sous lequel vous souhaitez exporter votre image, ainsi que l'emplacement où vous souhaitez l'exporter sur votre ordinateur (surligné en vert). Il exportera votre fichier vers le dernier emplacement 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 modifier le nom de votre fichier ou l'emplacement d'exportation, cliquez sur le bouton «Exporter sous» (flèche rouge sur la photo ci-dessus).

Inkscape File Explorer Exporter au format PNG

Ici, vous serez dirigé vers votre explorateur de fichiers ou votre fenêtre de recherche (selon le système d'exploitation que vous utilisez), où vous pouvez rechercher sur votre ordinateur l'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 du dossier complet 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ù la raison pour laquelle mon nom de fichier s'affiche 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 le menu déroulant «Enregistrer en tant que type», «PNG» sera la seule option disponible. Inkscape exporte uniquement au format PNG. Si vous avez besoin d'exporter vers un fichier JPEG ou un autre type de fichier, vous devez exporter votre fichier au format PNG à partir d'Inkscape, puis ouvrir un autre programme tel que 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'êtes pas encore fini - il reste une dernière étape cruciale avant que votre image soit réellement exportée. Vous devez cliquer sur le bouton «Exporter» avec la coche verte pour exporter 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.

Remarque : Si vous cochez l'option «Fermer après avoir terminé» à gauche du bouton Exporter (soulignée en bleu sur la photo ci-dessus), la boîte de dialogue Exporter une image PNG se fermera une fois votre exportation terminée.

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 de la section Zone d'exportation vous permet de le faire. Après avoir accédé à Fichier> Exporter une image PNG pour ouvrir la boîte de dialogue Exporter une image PNG (en supposant que vous ne l’ayez pas déjà ouverte depuis l’étape précédente), vous pouvez cliquer sur l’onglet intitulé «Dessin» dans la section Zone d’exportation (en rouge). flèche).

Cette option exportera uniquement la zone de notre image contenant un dessin. Ainsi, dans ce cas, il n’exportera que la zone comportant le design du téléphone. Tous les espaces vides entre la conception du téléphone et la limite de la zone de travail ne seront pas convertis au format PNG final exporté. Cela se reflète dans nos valeurs pour les coordonnées de notre 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’images ne couvrira plus toute la longueur de mon canevas (pixels 1920 × 1080). Il sera plus petit puisqu'il se débarrasse de l'espace vide autour du dessin. Ceci est confirmé par les nouvelles largeur et hauteur (en vert). Ma largeur est maintenant 1285.444 et ma nouvelle hauteur est maintenant 789.803 (les deux valeurs en pixels).

Taille de l'image dessin zone d'exportation inkscape

Sous la section Taille de l'image (indiquée en vert dans l'image ci-dessus), je peux à nouveau modifier la résolution de mon image, ce qui augmentera ou réduira la largeur et la hauteur finales de l'exportation au format PNG. La largeur et la hauteur s'affichent sous la forme de pixels 1285 × 790, 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 en tant que» (flèche rouge) pour changer le nom du fichier et son emplacement (j'ai changé mon nom de fichier en «Dessin isométrique de téléphone»), puis cliquer sur le bouton «Exporter». exporter votre fichier 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

Supposons donc que je souhaite exporter uniquement la face avant de mon téléphone. Je peux saisir l'outil de sélection dans la boîte à outils (flèche rouge dans la photo ci-dessus), puis cliquer en glissant sur tous les éléments que je veux sélectionner pour l'exportation (j'ai cliqué sur toutes les formes constituant la face avant du téléphone). . Avec tous ces éléments sélectionnés, vous verrez maintenant que dans la boîte de dialogue Exporter une image PNG, l'onglet Zone d'exportation a automatiquement été remplacé par 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 aussi changer le nom de mon fichier (je l’ai changé cette fois-ci en «Face avant du téléphone isométrique») et l’emplacement où je veux l’enregistrer à l’aide du bouton Exporter sous la section Nom du fichier (en bleu), puis cliquer sur «Exporter». ”Pour exporter la sélection vers un fichier 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é sous forme de fichier PNG distinct. En dessous, j'ai l'option "Masquer tout sauf sélectionné", ce qui signifie que tout ce que je n'ai pas sélectionné ne sera pas affiché 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 s'intègrent 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 - à gauche, le résultat avec l'option "Tout masquer sauf la sélection" décochée, et le résultat à droite avec l'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 si vous définissiez un recadrage puisque vous supprimez tout élément en dehors des valeurs que vous définissez.

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 sur 250, et les valeurs x1 et y1 sur 1250. Cela créera une image avec une largeur et une hauteur de pixels 1000. Je vais changer le nom de l'image en «Zone personnalisée du téléphone isométrique» et cliquer 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.

Voilà pour ce tutoriel! Si vous avez aimé, vous pouvez vérifier l'un de mes autres Articles d'aide d'Inkscape, Didacticiels vidéo Inkscapeou Tutoriels GIMP.

Abonnez-vous à notre newsletter GIMP

Rejoignez notre liste de diffusion pour recevoir de nouveaux tutoriels, mises à jour de cours GIMP et les dernières nouvelles.

Vous avez avec succès Inscrit!

Pin It sur Pinterest

Share