Inkscape maakt standaard gebruik van het bestandstype .SVG, dat staat voor Scalable Vector Graphics. Dit bestandstype behoudt bewerkbare objecten en lagen die u in uw composities maakt, waardoor u het bestand op een later tijdstip opnieuw kunt openen en door kunt gaan met het bewerken van de originele elementen van uw composities.

Er zijn echter veel gevallen waarin u uw bestanden zou willen exporteren als een ander bestandstype, zoals een PNG, om uw composities toegankelijker of gemakkelijker te openen op een apparaat (voor mensen die geen Inkscape gebruiken). U kunt ook uw ontwerp uploaden naar een website of uw printer verkiest een PNG-bestand boven een SVG-bestand.

PNG staat voor Portable Network Graphics en "bevat een bitmap van geïndexeerde kleuren en maakt gebruik van verliesvrije compressie, vergelijkbaar met een .GIF-bestand maar zonder copyrightbeperkingen. PNG-bestanden worden vaak gebruikt om afbeeldingen voor webafbeeldingen op te slaan. "(Volgens FileInfo.com). PNG's hebben de neiging om iets betere kwaliteit te hebben dan een JPEG, hoewel ze daardoor vaak een iets grotere bestandsgrootte hebben. PNG's ondersteunen ook afbeeldingen met een transparante achtergrond (terwijl JPEG's dat niet doen).

Wat de reden ook is waarom u een PNG wilt gebruiken, Inkscape biedt u de mogelijkheid om eenvoudig naar dit bestandstype te exporteren, mocht dit ooit nodig zijn. Hier is hoe.

Isometrische telefoonontwerp achtergrond verborgen

Voor dit artikel zal ik mijn gebruiken Isometrisch telefoonontwerp dat ik heb gemaakt in een recente video-zelfstudie van Inkscape. Ik heb mijn achtergrondlaag verborgen in het lagenpaneel (aangegeven door de rode pijl in de bovenstaande foto) en maakte mijn canvas ook een schaakbordachtergrond, zodat je kunt zien waar de compositie transparant is (ik raad aan om mijn zelfstudie te bekijken op Hoe u uw Inkscape-canvas kunt laten lijken op het tekengebied van Adobe Illustrator, waar ik verder ga met het instellen van uw documenteigenschappen).

1. Pagina exporteren naar PNG-afbeelding

Bestand Exporteer PNG-afbeelding Inkscape-zelfstudie

Zodra alles is ingesteld en klaar is om te exporteren, kan ik naar Bestand> PNG-afbeelding exporteren (rode pijl in bovenstaande afbeelding) gaan.

Exporteer PNG Image Dialogue Box Inkscape

Hierdoor wordt het dialoogvenster PNG exporteren weergegeven aan de rechterkant van mijn canvas (rood gemarkeerd op de foto). Mijn eerste optie is om een ​​tabblad onder het "Exportgebied" te selecteren, met vier verschillende instellingen om uit te kiezen. Als ik alles binnen de rand van mijn canvas wil exporteren (dus in essentie de hele compositie), kies ik de optie "Pagina" Exportgebied (groene pijl). U ziet in dit gedeelte twee kolommen en drie rijen met numerieke gegevens, evenals een vervolgkeuzelijst om een ​​eenheid te selecteren (mijn afbeelding / canvas is momenteel in px of pixels).

x0 en y0 inkscape export png-afbeelding

De eerste twee waarden bovenaan deze sectie zijn "x0" en "y0" (hierboven gemarkeerd in groen). Deze waarden geven aan waar de linkeronderhoek of -hoek van uw afbeelding zich bevindt (met andere woorden, de startcoördinaten van uw afbeelding). De X-variabele vertegenwoordigt altijd de breedte en Y staat altijd voor de hoogte. Omdat we de hele pagina gaan exporteren, begint onze afbeelding op de coördinaten van 0 voor x en 0 voor y.

x1 en y1 inkscape export png-afbeelding

De volgende waarden zijn "x1" en "y1" (hierboven gemarkeerd in groen). Deze waarden geven aan waar de rechterbovenhoek of -hoek van uw afbeelding zich bevindt (met andere woorden, de eindcoördinaten van uw document). Mijn totale canvasgrootte voor deze compositie was 1920 pixels bij 1080 pixels, dus mijn x1-coördinaat is 1920 en mijn y1-coördinaat is 1080 (onthoud dat mijn pagina-eenheden zijn ingesteld op pixels via de vervolgkeuzelijst Eenheden in dit gedeelte).

Breedte en hoogte inkscape exporteer png-afbeelding

De laatste twee waarden in dit gedeelte zijn Breedte en Hoogte en geven de totale grootte van mijn exportgebied weer. Mijn breedte wordt weergegeven als 1920 en mijn hoogte is 1080 omdat dit de grootte van mijn hele canvas is. De PNG heeft dus dezelfde grootte als mijn canvas bij export.

Beeldformaat en resolutie inkscape exporteer png-afbeelding

Het volgende gedeelte van het dialoogvenster Export PNG-afbeelding is de "Afbeeldingsgrootte" (hierboven gemarkeerd in het groen). In dit gedeelte kunt u de algehele breedte en hoogte van uw uiteindelijke afbeeldingsgrootte aanpassen op basis van de algehele resolutie van de afbeelding. De resolutie wordt bepaald door het aantal pixels of "dots" dat u wilt weergeven per elke centimeter van uw afbeelding (pixels en punten zijn in essentie hetzelfde - ze zijn de kleinste eenheid van een afbeelding.) Hoewel dpi of dots per inch, wordt vaak gebruikt bij het werken met printers, omdat printers stippen produceren en pixels vaker worden gebruikt bij het beschrijven van afbeeldingen die op een computer worden weergegeven). Hoe meer pixels of punten u in een gebied hebt weergegeven, hoe hoger de resolutie zal zijn. Er is echter een wisselwerking met een hogere resolutie omdat het uw totale bestandsgrootte groter maakt. Je kunt je resolutie aanpassen via het vakje dat wordt aangegeven door de rode pijl in de bovenstaande foto.

Verhoogde beeldresolutie in Inkscape

Dus als ik bijvoorbeeld weet dat ik mijn afbeelding nodig heb voor een uiteindelijke resolutie van 300 dpi (dots per inch), kan ik de resolutie instellen door "300" in het dpi-veld te typen (rode pijl). Als ik op de tab-toets druk, merk je dat mijn beeldbreedte en -hoogte plotseling veranderen (gemarkeerd groen gebied). Omdat ik de resolutie van 96 naar 300 heb verhoogd, wordt de afbeelding nu een afbeelding met een hogere resolutie (meer punten worden op elke centimeter van de afbeelding weergegeven). Als gevolg hiervan is mijn totale afbeeldingsgrootte nu veel groter (mijn breedte en hoogte zijn van 1920 × 1080 naar 6000 × 3375 gegaan).

Afnemende beeldresolutie in Inkscape

Als ik daarentegen mijn resolutie verlaag door '72' in het eerste dpi-veld te typen, ziet u dat mijn afbeeldingsformaat zal krimpen tot 1440 × 810. Dit komt omdat ik nu een afbeelding met een lagere resolutie heb, met minder stippen weergegeven per elke inch in mijn afbeelding.

Ik zal de waarde terugzetten naar de standaardwaarde van 96 dpi.

Filname Section Export PNG Image Dialogue

Onder het gedeelte Beeldformaat is de optie om de naam in te stellen van het bestand waarin u uw afbeelding wilt exporteren, evenals de locatie op uw computer waarnaar u het wilt exporteren (gemarkeerd in groen). Het exporteert uw bestand naar de laatste locatie die u hebt gebruikt om een ​​ander bestand op Inkscape op te slaan, of wat dan ook de standaardlocatie is die momenteel is ingesteld op uw Inkscape als u nog geen bestand hebt opgeslagen.

Om de naam van uw bestand te wijzigen of waar het wordt geëxporteerd, klikt u op de knop "Exporteren als" (rode pijl in de bovenstaande foto).

Inkscape File Explorer Exporteren naar PNG

Hier gaat u naar uw bestandsverkenner of zoekervenster (afhankelijk van het besturingssysteem dat u gebruikt) waar u op uw computer kunt zoeken naar een bestandslocatie waar u naartoe wilt opslaan. In mijn geval zit ik op mijn (D :) schijf, in een map met de naam "Foto's", en in een andere map met de naam "Inkscape Photos" (je kunt de volledige maplocatie in het gemarkeerde groene gebied in de afbeelding hierboven zien).

Ik heb dit bestand geëxporteerd voordat ik de naam 'Phone Isometric Design Gen 3.png' heb gebruikt, vandaar dat mijn bestandsnaam standaard als dit wordt weergegeven (rode pijl). Ik zal de naam wijzigen in 'Isometrisch telefoonontwerp zonder achtergrond'.

Opslaan als Type Bestand Exporteer Inkscape Tutorial

Als ik op de vervolgkeuzelijst 'Opslaan als type' klik, is 'PNG' de enige beschikbare optie. Inkscape exporteert alleen naar PNG. Als u wilt exporteren naar iets als een JPEG-bestand of een ander bestandstype, moet u uw bestand exporteren naar een PNG van Inkscape en vervolgens een ander programma openen zoals GIMP (nog een geweldig gratis programma dat ik heb honderden tutorials voor) en exporteer naar welk bestandstype u maar wilt.

Zodra ik klaar ben om te exporteren, klik ik op de knop "Opslaan".

Inkscape Export naar PNG-knop

Maar wacht! U bent nog niet klaar - er is nog een laatste cruciale stap voordat uw afbeelding daadwerkelijk wordt geëxporteerd. U moet op de knop "Exporteren" klikken met het groene vinkje om het bestand daadwerkelijk te exporteren (rode pijl in de afbeelding hierboven). Als u niet op deze knop klikt, wordt uw bestand niet geëxporteerd. Nadat ik op deze knop heb geklikt, wordt mijn SVG-bestand nu geëxporteerd naar een PNG-bestand.

Let op: Als u de optie "Sluiten wanneer voltooid" links van de knop Exporteren (in de bovenstaande afbeelding in blauw aangegeven) aanvinkt, wordt het dialoogvenster PNG-afbeelding exporteren gesloten nadat u klaar bent met exporteren.

2. Tekening exporteren naar PNG-afbeelding

In het laatste gedeelte werd de optie besproken om uw volledige pagina naar een PNG-bestand te exporteren, maar wat als u alleen de tekening op de pagina wilt exporteren, en niet de lege ruimte eromheen?

Tekening exportgebied in Inkscape

Welnu, op het tweede tabblad onder het gedeelte Exportgebied kunt u precies dat doen. Na het openen van Bestand> PNG-afbeelding exporteren om het dialoogvenster PNG export exporteren te openen (ervan uitgaande dat u het al niet hebt geopend vanuit de vorige stap), kunt u klikken op het tabblad met de naam "Tekenen" onder het gedeelte Exportgebied (rood pijl).

Deze optie exporteert alleen het gedeelte van onze afbeelding dat een tekening bevat. In dit geval exporteert het alleen het gebied met het telefoonontwerp erin. Alle lege ruimtes tussen het telefoonontwerp en de canvasgrens halen de uiteindelijke geëxporteerde PNG niet. Dit wordt weerspiegeld in onze waarden voor onze beeldcoördinaten, die nu zijn gewijzigd in vergelijking met wat ze onder de instelling "Pagina" waren.

x0 en y0 tekening exportgebied inkscape

Mijn x0-waarde is nu 317.278 pixels en mijn y0-waarde is 121.273 pixels (groen gemarkeerd). Dit is de nieuwe locatie voor de linkerbenedenhoek van mijn afbeelding (of de startcoördinaten).

x1 en y1 tekening exportgebied inkscape

Bovendien is mijn x1-waarde nu 1602.722 pixels en mijn y1-waarde is 911.076. Dit is de nieuwe locatie voor de rechterbovenhoek van mijn afbeelding (of de eindcoördinaten).

breedte en hoogte tekening exportgebied inkscape

Mijn afbeeldingsuitvoergebied zal nu dus niet langer de volledige lengte van mijn canvas beslaan (1920 × 1080 pixels). Het wordt kleiner omdat het de lege ruimte rond de tekening wegwerkt. Dit wordt bevestigd door de nieuwe breedte en hoogte (groen aangegeven). Mijn breedte is nu 1285.444 en mijn nieuwe hoogte is nu 789.803 (beide waarden in pixels).

Afbeeldingsgrootte tekening exportgebied inkscape

Onder de sectie Beeldformaat (in de afbeelding hierboven in groen weergegeven) kan ik de resolutie van mijn afbeelding opnieuw wijzigen, waardoor de uiteindelijke breedte en hoogte van de PNG voor export wordt verhoogd of verlaagd. De breedte en hoogte worden weergegeven als 1285 × 790 pixels omdat de waarden uit de vorige sectie zijn afgerond. Inkscape kan een fractie van een pixel niet exporteren, dus de waarden moeten naar het dichtstbijzijnde gehele getal worden afgerond.

Exporteren Als tekening exportgebied inkscape

Wanneer u klaar bent om de tekening te exporteren, kunt u nogmaals klikken op de optie "Exporteren als" (rode pijl) om de bestandsnaam en locatie te wijzigen (ik heb mijn bestandsnaam gewijzigd in "Isometrische telefoontekening") en klik vervolgens op de knop "Exporteren" om uw SVG naar PNG te exporteren (blauwe pijl).

Isometrische telefoon tekening

Hierboven staat de laatste geëxporteerde tekening. Als u de foto met uw muis markeert, ziet u dat de begrenzing van het beeld eindigt waar de tekening eindigt (opmerking: het is een beetje verkleind voor dit artikel).

3. Selectie exporteren naar PNG

Naast het exporteren van uw gehele compositie en het exporteren van alleen de tekening, kunt u ook uw geëxporteerde gebied beperken tot slechts een selectie.

Selectie Exportgebied Inkscape 2019

Laten we dus hypothetisch zeggen dat ik alleen de voorkant van mijn telefoon wil exporteren. Ik kan de selectietool uit mijn gereedschapskist halen (rode pijl in de bovenstaande foto) en vervolgens op alle elementen klikken die ik wil selecteren om te exporteren (ik heb op alle vormen geklikt die deel uitmaken van de voorkant van de telefoon) . Als al deze elementen zijn geselecteerd, ziet u nu dat onder het dialoogvenster Export PNG-afbeelding het tabblad Exportgebied automatisch is gewijzigd in het tabblad "Selectie" (groene pijl in de foto).

Selectie exporteren Exporteer SVG naar PNG Inkscape

Mijn start- en eindcoördinaten geven nu de begin- en eindpunten van mijn geselecteerde gebieden weer en de breedte en hoogte van mijn afbeelding is gewijzigd om overeen te komen met de afmetingen van dit gebied (in de bovenstaande foto in groen weergegeven).

Ik kan de resolutie van mijn afbeelding opnieuw aanpassen onder het gedeelte Beeldformaat (rood aangegeven), wat de algehele grootte van de afbeelding zal vergroten of verkleinen, afhankelijk van de ingestelde resolutie.



Ik kan ook de naam van mijn bestand wijzigen (ik heb het dit keer gewijzigd in "Isometric Phone Front Face") en de locatie waar ik het wil opslaan met de knop Exporteren als onder het gedeelte Bestandsnaam (blauw gemarkeerd) en klik vervolgens op "Exporteren" Om de selectie naar een PNG te exporteren. Er zijn ook een paar andere opties die het vermelden waard zijn. Ten eerste kan ik "Batch-export" de objecten die ik heb geselecteerd, wat betekent dat elk object als een afzonderlijke PNG wordt geëxporteerd. Daaronder heb ik de optie om "Alles behalve geselecteerd te verbergen", wat betekent dat wat ik niet heb geselecteerd niet in de uiteindelijke compositie zal verschijnen. Als ik deze optie niet aanvink, worden de items die ik niet heb geselecteerd nog steeds weergegeven zolang ze passen in het framegebied waarnaar ik exporteer.

Expot selectiegebieden verborgen en niet zichtbaar

Hierboven ziet u de twee verschillende resultaten van het exporteren van de selectie - aan de linkerkant is het resultaat met de optie "Alles verbergen behalve selecteren" uitgeschakeld en het resultaat aan de rechterkant is met die optie aangevinkt.

4. Aangepast gebied exporteren naar PNG

Het laatste gedeelte in het dialoogvenster Exporteren naar PNG-afbeelding is de optie om een ​​aangepast gebied van uw compositie te exporteren. Hier zijn alle dezelfde regels van toepassing vanuit de andere instellingen (x0 en y0 zijn uw startcoördinaten, x1 en y1 zijn uw eindcoördinaten, en de breedte en hoogte zijn de totale grootte van uw compositie).

Het belangrijkste verschil hierbij is dat het gebied dat u instelt met deze waarden het geëxporteerde gebied is, ongeacht of er in dat gebied al dan niet een tekening is. Het is dus bijna alsof je een uitsnede instelt, omdat je iets uitsnijdt buiten de waarden die je hebt ingesteld.

Aangepast exportgebied 2019 Inkscape zelfstudie

Om deze instelling in actie te demonstreren, stel ik de x0- en y0-waarden in op 250 en mijn x1- en y1-waarden op 1250. Hiermee maakt u een afbeelding met een breedte en hoogte van 1000 pixels. Ik zal de naam van de afbeelding wijzigen in "Isometrisch Aangepaste telefoonzone" en op "Exporteren" klikken.

isometrische telefoon aangepast gebied

Mijn uiteindelijke compositie zal een 1000 x 1000 pixelvierkant zijn, met delen van de ontwerpafbreking waar het ontwerp ook buiten het exportgebied lag.

Dat is het voor deze tutorial! Als je het leuk vond, kun je mijn andere bekijken Inkscape Help-artikelen, Inkscape Video Tutorialsof GIMP-zelfstudies.

Abonneer u op onze GIMP-nieuwsbrief

Word lid van onze mailinglijst om nieuwe tutorials, GIMP-cursusupdates en het laatste nieuws te ontvangen.

Je bent met succes geabboneerd!

Pin It op Pinterest

Deel dit