Inkscape verwendet standardmäßig den Dateityp .SVG, der für Scalable Vector Graphics steht. In diesem Dateityp bleiben bearbeitbare Objekte und Ebenen erhalten, die Sie in Ihren Kompositionen erstellen. Auf diese Weise können Sie die Datei zu einem späteren Zeitpunkt erneut öffnen und die ursprünglichen Elemente Ihrer Kompositionen weiterhin bearbeiten.

Es gibt jedoch viele Fälle, in denen Sie Ihre Dateien als anderen Dateityp exportieren möchten, z. B. als PNG, um den Zugriff auf Ihre Kompositionen zu erleichtern oder das Öffnen auf einem Gerät zu erleichtern (für Benutzer, die Inkscape nicht verwenden). Möglicherweise möchten Sie Ihr Design auch auf eine Website hochladen, oder Ihr Drucker zieht eine PNG-Datei einer SVG-Datei vor.

PNG steht für Portable Network Graphics und „enthält eine Bitmap mit indizierten Farben und verwendet eine verlustfreie Komprimierung, ähnlich einer GIF-Datei, jedoch ohne urheberrechtliche Einschränkungen. PNG - Dateien werden üblicherweise zum Speichern von Grafiken für Webbilder verwendet FileInfo.com). PNGs haben in der Regel eine etwas bessere Qualität als JPEGs, obwohl sie infolgedessen häufig etwas größer sind. PNGs unterstützen auch Grafiken mit transparentem Hintergrund (JPEGs nicht).

Aus welchem ​​Grund auch immer Sie ein PNG verwenden möchten, mit Inkscape können Sie problemlos in diesen Dateityp exportieren, falls dies jemals erforderlich sein sollte. Hier ist wie.

Isometrischer Telefon-Design-Hintergrund versteckt

Für diesen Artikel verwende ich meine Isometrisches Telefondesign, das ich kürzlich in einem Inkscape-Video-Tutorial erstellt habe. Ich habe meine Hintergrundebene im Ebenenbedienfeld ausgeblendet (gekennzeichnet durch den roten Pfeil auf dem Foto oben) und außerdem meine Leinwand als Schachbretthintergrund eingerichtet, damit Sie sehen können, wo die Komposition transparent ist (ich empfehle, mein Tutorial zu lesen) So lassen Sie Ihre Inkscape-Leinwand wie die Zeichenfläche von Adobe Illustrator aussehen, wo ich über das Einrichten Ihrer Dokumenteigenschaften gehe).

1. Seite in PNG-Bild exportieren

Dateiexport PNG-Bild Inkscape Tutorial

Sobald alles eingerichtet und für den Export bereit ist, gehe ich zu Datei> PNG-Bild exportieren (roter Pfeil im Bild oben).

Dialogfeld "PNG-Bild exportieren" Inkscape

Das Dialogfeld "PNG-Bild exportieren" wird auf der rechten Seite meiner Leinwand angezeigt (auf dem Foto rot hervorgehoben). Meine erste Option ist die Auswahl einer Registerkarte unter "Exportbereich" mit vier verschiedenen Einstellungen zur Auswahl. Wenn ich alles innerhalb des Rahmens meiner Leinwand exportieren möchte (also im Wesentlichen die gesamte Komposition), wähle ich die Option "Seite" - Exportbereich (grüner Pfeil). In diesem Abschnitt sehen Sie zwei Spalten und drei Zeilen mit numerischen Daten sowie ein Dropdown-Feld zur Auswahl einer Einheit (mein Bild / meine Leinwand wird derzeit in px oder Pixel angezeigt).

x0 und y0 inkscape exportieren PNG-Bilder

Die ersten beiden Werte oben in diesem Abschnitt sind „x0“ und „y0“ (oben in Grün hervorgehoben). Diese Werte geben an, wo sich die untere linke Grenze oder Ecke Ihres Bildes befindet (mit anderen Worten, die Startkoordinaten Ihres Bildes). Die Variable X steht immer für die Breite und die Variable Y für die Höhe. Da wir die gesamte Seite exportieren, beginnt unser Bild bei den Koordinaten 0 für x und 0 für y.

x1 und y1 inkscape exportieren PNG-Bilder

Die nächsten Werte sind "x1" und "y1" (oben in Grün hervorgehoben). Diese Werte geben an, wo sich die obere rechte Grenze oder Ecke Ihres Bildes befindet (mit anderen Worten, die Endkoordinaten Ihres Dokuments). Meine Gesamtleinwandgröße für diese Komposition betrug 1920 Pixel für 1080 Pixel, und meine x1-Koordinate ist 1920 und meine y1-Koordinate ist 1080 (denken Sie daran, dass meine Seiteneinheiten in der Dropdown-Liste Einheiten in diesem Abschnitt auf Pixel festgelegt sind).

Breite und Höhe inkscape exportiert PNG-Bilder

Die letzten beiden Werte in diesem Abschnitt sind "Breite" und "Höhe" und geben die Gesamtgröße meines Exportbereichs wieder. Meine Breite wird als 1920 und meine Höhe als 1080 angezeigt, da dies die Größe meiner gesamten Leinwand ist. Das PNG hat also beim Export die gleiche Größe wie meine Leinwand.

Bildgröße und Auflösung inkscape exportiert PNG-Bilder

Der nächste Abschnitt des Dialogfelds "PNG-Bild exportieren" ist die "Bildgröße" (oben in Grün hervorgehoben). In diesem Bereich können Sie die Gesamtbreite und -höhe Ihrer endgültigen Bildgröße basierend auf der Gesamtauflösung des Bildes anpassen. Die Auflösung hängt davon ab, wie viele Pixel oder „Punkte“ pro Zoll Ihres Bildes angezeigt werden sollen (Pixel und Punkte sind im Wesentlichen dasselbe - sie stellen die kleinste Einheit eines Bildes dar. Obwohl dpi oder Dots Per Inch, wird häufig verwendet, wenn mit Druckern gearbeitet wird, da Drucker Punkte erzeugen, und Pixel häufiger verwendet werden, wenn Bilder beschrieben werden, die auf einem Computer angezeigt werden. Je mehr Pixel oder Punkte Sie in einem Bereich angezeigt haben, desto höher ist die Auflösung des Bildes. Es gibt jedoch einen Kompromiss mit einer höheren Auflösung, da dadurch die Gesamtgröße der Datei vergrößert wird. Sie können Ihre Auflösung über das Feld einstellen, auf das der rote Pfeil auf dem Foto oben hinweist.

Erhöhen der Bildauflösung in Inkscape

Wenn ich beispielsweise weiß, dass mein Bild eine endgültige Auflösung von 300 dpi (Punkte pro Zoll) haben muss, kann ich die Auflösung durch Eingabe von „300“ in das Feld dpi (roter Pfeil) festlegen. Wenn ich die Tabulatortaste drücke, werden Sie feststellen, dass sich meine Bildbreite und -höhe plötzlich ändern (hervorgehobener grüner Bereich). Da ich die Auflösung von 96 auf 300 erhöht habe, ist das Bild jetzt höher aufgelöst (mehr Punkte werden in jedem Zoll des Bildes angezeigt). Infolgedessen ist meine Gesamtbildgröße jetzt viel größer (meine Breite und Höhe sind von 1920 × 1080 auf 6000 × 3375 gestiegen).

Verringern der Bildauflösung in Inkscape

Wenn ich dagegen meine Auflösung verringere, indem ich "72" in das erste dpi-Feld eingebe, werden Sie feststellen, dass meine Bildgröße auf 1440 × 810 verkleinert wird. Das liegt daran, dass ich jetzt ein Bild mit niedrigerer Auflösung habe und weniger Punkte pro Zoll in meinem Bild angezeigt werden.

Ich werde den Wert auf den Standardwert von 96 dpi zurücksetzen.

Dateiname Abschnitt Export PNG Image Dialog

Unterhalb des Abschnitts Bildgröße können Sie den Namen der Datei, unter der Sie Ihr Bild exportieren möchten, sowie den Speicherort auf Ihrem Computer festlegen, an den Sie es exportieren möchten (grün hervorgehoben). Die Datei wird an den letzten Speicherort exportiert, an dem Sie eine andere Datei in Inkscape gespeichert haben, oder an den Standardspeicherort, der derzeit in Inkscape eingerichtet ist, wenn Sie noch keine Datei gespeichert haben.

Klicken Sie auf die Schaltfläche „Exportieren als“ (roter Pfeil auf dem Foto oben), um den Namen Ihrer Datei oder den Exportort zu ändern.

Inkscape File Explorer Exportieren nach PNG

Hiermit gelangen Sie zu Ihrem Dateiexplorer oder Finder-Fenster (je nach verwendetem Betriebssystem), in dem Sie auf Ihrem Computer nach einem Speicherort für Dateien suchen können. In meinem Fall befinde ich mich auf meinem Laufwerk (D :) in einem Ordner mit dem Titel "Fotos" und in einem anderen Ordner mit dem Titel "Inkscape-Fotos" (Sie können den vollständigen Speicherort des Ordners im hervorgehobenen grünen Bereich im obigen Bild sehen).

Ich habe diese Datei exportiert, bevor ich den Namen "Phone Isometric Design Gen 3.png" verwendet habe. Daher wird mein Dateiname standardmäßig als dieser angezeigt (roter Pfeil). Ich werde den Namen in "Isometric Phone Design No Background" ändern.

Speichern als Typ Datei Export Inkscape Tutorial

Wenn ich auf die Dropdown-Liste "Dateityp" klicke, ist "PNG" die einzige verfügbare Option. Inkscape exportiert nur nach PNG. Wenn Sie in eine JPEG-Datei oder einen anderen Dateityp exportieren möchten, müssen Sie Ihre Datei von Inkscape in eine PNG-Datei exportieren und dann ein anderes Programm wie das folgende öffnen GIMP (Ein weiteres tolles kostenloses Programm, das ich habe Hunderte von Tutorials für) und in einen beliebigen Dateityp exportieren.

Sobald ich zum Export bereit bin, klicke ich auf die Schaltfläche "Speichern".

Inkscape Export nach PNG Button

Aber warte! Sie sind noch nicht fertig - es gibt einen letzten entscheidenden Schritt, bevor Ihr Bild tatsächlich exportiert wird. Sie müssen auf die Schaltfläche „Exportieren“ mit dem grünen Häkchen klicken, um die Datei tatsächlich zu exportieren (roter Pfeil im Bild oben). Wenn Sie nicht auf diese Schaltfläche klicken, wird Ihre Datei nicht exportiert. Nachdem ich auf diese Schaltfläche geklickt habe, wird meine SVG-Datei nun in eine PNG-Datei exportiert.

Hinweis: Wenn Sie die Option „Schließen, wenn abgeschlossen“ links neben der Schaltfläche „Exportieren“ aktivieren (im obigen Foto blau umrandet), wird das Dialogfeld „PNG-Bild exportieren“ geschlossen, nachdem Sie den Export abgeschlossen haben.

2. Zeichnung in PNG-Bild exportieren

Im letzten Abschnitt wurde die Option zum Exportieren der gesamten Seite in eine PNG-Datei erläutert. Was ist jedoch, wenn Sie nur die Zeichnung auf der Seite und nicht den leeren Bereich um die Seite exportieren möchten?

Zeichenexportbereich in Inkscape

Nun, auf der zweiten Registerkarte im Abschnitt Exportbereich können Sie genau das tun. Nachdem Sie unter Datei> PNG-Bild exportieren das Dialogfeld PNG-Bild exportieren aufgerufen haben (vorausgesetzt, Sie haben es noch nicht aus dem vorherigen Schritt geöffnet), können Sie auf die Registerkarte Zeichnung im Bereich Exportbereich (rot) klicken Pfeil).

Diese Option exportiert nur den Bereich unseres Bildes, der eine Zeichnung enthält. In diesem Fall wird nur der Bereich exportiert, in dem sich das Telefondesign befindet. Der gesamte leere Raum zwischen dem Telefondesign und der Leinwandbegrenzung schafft es nicht zum endgültigen exportierten PNG. Dies spiegelt sich in unseren Werten für unsere Bildkoordinaten wider, die sich jetzt im Vergleich zu den Werten unter der Einstellung "Seite" geändert haben.

Exportbereich für x0- und y0-Zeichnungen inkscape

Mein x0-Wert ist jetzt 317.278-Pixel, und mein y0-Wert ist 121.273-Pixel (grün hervorgehoben). Dies ist der neue Ort für die linke untere Ecke meines Bildes (oder die Startkoordinaten).

Exportbereich für x1- und y1-Zeichnungen inkscape

Außerdem ist mein x1-Wert jetzt 1602.722-Pixel und mein y1-Wert ist 911.076. Dies ist der neue Ort für die obere rechte Ecke meines Bildes (oder die Endkoordinaten).

Exportbereich für Breiten- und Höhenzeichnungen inkscape

Mein Bildexportbereich erstreckt sich nun nicht mehr über die gesamte Länge meiner Leinwand (1920 × 1080 Pixel). Es wird kleiner, da es den leeren Raum um die Zeichnung entfernt. Dies wird durch die neue Breite und Höhe (grün umrandet) bestätigt. Meine Breite ist jetzt 1285.444 und meine neue Höhe ist jetzt 789.803 (beide Werte in Pixel).

Bildgröße Zeichnung Exportbereich Inkscape

Im Bereich "Bildgröße" (im obigen Bild grün umrandet) kann ich die Auflösung meines Bildes erneut ändern, wodurch die endgültige Breite und Höhe des PNG-Exports entweder erhöht oder verringert wird. Die Breite und Höhe werden als 1285 × 790 Pixel angezeigt, da die Werte aus dem vorherigen Abschnitt gerundet wurden. Inkscape kann keinen Bruchteil eines Pixels exportieren, daher müssen die Werte auf die nächste ganze Zahl gerundet werden.

Als Zeichnung exportieren Exportbereich inkscape

Wenn Sie bereit sind, die Zeichnung zu exportieren, können Sie erneut auf die Option „Exportieren als“ (roter Pfeil) klicken, um den Dateinamen und den Speicherort zu ändern (ich habe meinen Dateinamen in „Isometrische Telefonzeichnung“ geändert). Klicken Sie dann auf die Schaltfläche „Exportieren“ um deine SVG nach PNG zu exportieren (blauer Pfeil).

Isometrische Telefonzeichnung

Oben sehen Sie die endgültige exportierte Zeichnung. Wenn Sie das Foto mit der Maus markieren, werden Sie feststellen, dass die Bildgrenze an der Stelle endet, an der die Zeichnung endet (Hinweis: Für diesen Artikel wurde sie etwas verkleinert).

3. Auswahl nach PNG exportieren

Sie können nicht nur Ihre gesamte Komposition exportieren und nur die Zeichnung exportieren, sondern auch den exportierten Bereich auf eine Auswahl eingrenzen.

Auswahl Exportbereich Inkscape 2019

Nehmen wir also an, ich möchte nur die Vorderseite meines Telefons exportieren. Ich kann das Auswahlwerkzeug aus meiner Toolbox nehmen (roter Pfeil auf dem Foto oben) und dann mit gedrückter Umschalttaste auf alle zu exportierenden Elemente klicken (ich habe auf alle Formen geklickt, aus denen die Vorderseite des Telefons besteht). . Wenn Sie alle diese Elemente ausgewählt haben, sehen Sie, dass im Dialogfeld "PNG-Bild exportieren" die Registerkarte "Exportbereich" automatisch in die Registerkarte "Auswahl" geändert wurde (grüner Pfeil auf dem Foto).

Auswahlexport sind Export von SVG nach PNG Inkscape

Meine Start- und Endkoordinaten spiegeln nun den Start- und Endpunkt meiner ausgewählten Bereiche wider, und die Breite und Höhe meines Bildes haben sich geändert, um den Abmessungen dieses Bereichs zu entsprechen (im obigen Foto grün umrandet).

Ich kann die Auflösung meines Bildes im Bereich "Bildgröße" (rot umrandet) erneut ändern. Dadurch wird die Gesamtgröße des Bildes abhängig von der eingestellten Auflösung vergrößert oder verkleinert.



Ich kann auch den Namen meiner Datei ändern (diesmal habe ich ihn in „Isometric Phone Front Face“ geändert) und den Ort, an dem ich sie speichern möchte, mithilfe der Schaltfläche „Exportieren als“ im Abschnitt „Dateiname“ (blau umrandet). Klicken Sie dann auf „Exportieren“ ”, Um die Auswahl in eine PNG zu exportieren. Es gibt auch noch einige andere erwähnenswerte Optionen. Zuerst kann ich die ausgewählten Objekte stapelweise exportieren, was bedeutet, dass jedes Objekt als separates PNG exportiert wird. Darunter habe ich die Option "Alle außer ausgewählt ausblenden", was bedeutet, dass alles, was ich nicht ausgewählt habe, nicht in der endgültigen Komposition angezeigt wird. Wenn ich diese Option nicht aktiviere, werden die Elemente, die ich nicht ausgewählt habe, weiterhin angezeigt, solange sie in den Frame-Bereich passen, in den ich exportiere.

Expot-Auswahlbereiche ausgeblendet und nicht ausgeblendet

Oben sind die beiden unterschiedlichen Ergebnisse des Exportierens der Auswahl aufgeführt. Auf der linken Seite ist das Ergebnis mit der Option "Alle außer Auswahl ausblenden" deaktiviert, und auf der rechten Seite ist das Ergebnis mit dieser Option markiert.

4. Benutzerdefinierten Bereich nach PNG exportieren

Im letzten Abschnitt des Dialogfelds In PNG-Bild exportieren können Sie einen benutzerdefinierten Bereich Ihrer Komposition exportieren. Hier gelten dieselben Regeln für die anderen Einstellungen (x0 und y0 sind Ihre Startkoordinaten, x1 und y1 sind Ihre Endkoordinaten und die Breite und Höhe entsprechen der Gesamtgröße Ihrer Komposition).

Der Hauptunterschied besteht darin, dass der Bereich, den Sie mit diesen Werten festlegen, der exportierte Bereich ist - unabhängig davon, ob sich in diesem Bereich eine Zeichnung befindet oder nicht. Es ist also fast so, als würden Sie eine Beschneidung festlegen, da Sie alles beschneiden, was außerhalb der von Ihnen festgelegten Werte liegt.

Benutzerdefinierter Exportbereich 2019 Inkscape Tutorial

Um diese Einstellung in Aktion zu demonstrieren, setze ich die Werte x0 und y0 auf 250 und meine Werte x1 und y1 auf 1250. Dadurch wird ein Bild mit einer Breite und Höhe von 1000-Pixeln erstellt. Ich ändere den Namen des Bildes in "Benutzerdefinierter Bereich des isometrischen Telefons" und klicke auf "Exportieren".

Benutzerdefinierter Bereich für isometrische Telefone

Meine endgültige Komposition wird ein 1000 x 1000-Pixelquadrat sein, wobei Teile des Designs dort abgeschnitten werden, wo sich das Design außerhalb des Exportbereichs befand.

Das war's für dieses Tutorial! Wenn es Ihnen gefallen hat, können Sie sich einen meiner anderen ansehen Inkscape-Hilfeartikel, Inkscape-Videoanleitungen, oder GIMP Tutorials.

Abonnieren Sie unseren GIMP Newsletter

Tragen Sie sich in unsere Mailingliste ein, um neue Tutorials, GIMP-Kurs-Updates und die neuesten Nachrichten zu erhalten.

Sie haben erfolgreich abonniert!

Pin It auf Pinterest

Teilen Sie es