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 gebruikt compressie zonder verlies, 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 dat u een PNG wilt gebruiken, Inkscape stelt u in staat om eenvoudig naar dit bestandstype te exporteren, mocht dat ooit nodig zijn. Hier is hoe.

Isometrische telefoonontwerp achtergrond verborgen

Voor dit artikel gebruik ik mijn 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 eruit kunt laten zien als 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 de afbeelding hierboven) gaan.

Exporteer PNG Image Dialogue Box Inkscape

Hierdoor wordt het dialoogvenster PNG-afbeelding exporteren aan de rechterkant van mijn canvas geopend (rood gemarkeerd op de foto). Mijn eerste optie is om een ​​tabblad te selecteren onder het "Exportgebied", met vier verschillende instellingen om uit te kiezen. Als ik alles binnen de rand van mijn canvas wil exporteren (dus in wezen de hele compositie), kies ik de optie "Pagina" Exportgebied (groene pijl). U ziet in deze sectie 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 groen gemarkeerd). Deze waarden geven aan waar de linkerondergrens of hoek van uw afbeelding zich bevindt (met andere woorden, de startcoördinaten van uw afbeelding). De X-variabele vertegenwoordigt altijd de breedte en de Y vertegenwoordigt altijd de hoogte. Omdat we de hele pagina gaan exporteren, begint onze afbeelding op de coördinaten 0 voor x en 0 voor y.

x1 en y1 inkscape export png-afbeelding

De volgende waarden zijn "x1" en "y1" (hierboven groen gemarkeerd). Deze waarden geven aan waar de rechterbovengrens 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 deze sectie).

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 PNG-afbeelding exporteren is de "Afbeeldingsgrootte" (hierboven groen gemarkeerd). 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 'punten', dat u per centimeter van uw afbeelding wilt weergeven (pixels en punten zijn in wezen hetzelfde: ze zijn de kleinste eenheid van een afbeelding. Hoewel dpi, of punten per inch, wordt vaak gebruikt bij het werken met printers, aangezien printers stippen produceren en pixels vaker worden gebruikt bij het beschrijven van afbeeldingen die op een computer worden weergegeven). Hoe meer pixels of stippen u in een gebied heeft weergegeven, hoe hoger de resolutie van de afbeelding. Er is echter een wisselwerking met een hogere resolutie, omdat uw totale bestandsgrootte hierdoor groter wordt. U kunt uw resolutie aanpassen via het vakje dat wordt aangegeven door de rode pijl op de bovenstaande foto.

Verhoogde beeldresolutie in Inkscape

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

Afnemende beeldresolutie in Inkscape

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

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

Filname Section Export PNG Image Dialogue

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

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

Inkscape File Explorer Exporteren naar PNG

Hier wordt u naar uw bestandsverkenner of zoekvenster geleid (afhankelijk van het besturingssysteem dat u gebruikt) waar u op uw computer kunt zoeken naar een bestandslocatie om op te slaan. In mijn geval bevind ik me op mijn (D :) -station, in een map met de naam "Foto's" en in een andere map met de naam "Inkscape Photos" (u kunt de volledige maplocatie zien in het gemarkeerde groene gebied in de bovenstaande afbeelding).

Ik heb dit bestand geëxporteerd voordat ik de naam "Phone Isometric Design Gen 3.png" gebruikte, vandaar dat mijn bestandsnaam standaard zo 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 naar iets als een JPEG-bestand of een ander bestandstype wilt exporteren, moet u uw bestand vanuit Inkscape naar een PNG exporteren 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" met het groene vinkje klikken 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.

Opmerking: Als u de optie "Sluiten wanneer voltooid" links van de knop Exporteren aanvinkt (blauw weergegeven in de bovenstaande foto), wordt het dialoogvenster PNG-afbeelding exporteren gesloten nadat u uw export hebt voltooid.

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, met het tweede tabblad onder het gedeelte Exportgebied kunt u precies dat doen. Nadat u naar Bestand> PNG-afbeelding exporteren bent gegaan om het dialoogvenster PNG-afbeelding exporteren te openen (ervan uitgaande dat u het nog niet hebt geopend in de vorige stap), kunt u op het tabblad met de naam "Tekening" klikken onder het gedeelte Exportgebied (rood pijl).

Met deze optie wordt alleen het gebied van onze afbeelding geëxporteerd dat een tekening bevat. In dit geval exporteert het dus alleen het gebied met het telefoonontwerp. Alle lege ruimte tussen het telefoonontwerp en de canvasgrens zal de uiteindelijke geëxporteerde PNG niet halen. Dit wordt weerspiegeld in onze waarden voor onze afbeeldingscoördinaten, die nu zijn veranderd in vergelijking met wat ze waren onder de "Pagina" -instelling.

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

Dus mijn afbeeldingsexportgebied beslaat nu niet langer de volledige lengte van mijn canvas (1920 × 1080 pixels). Het zal kleiner zijn omdat het de lege ruimte rond de tekening opheft. Dit wordt bevestigd door de nieuwe breedte en hoogte (in groen weergegeven). Mijn breedte is nu 1285.444 en mijn nieuwe hoogte is nu 789.803 (beide waarden in pixels).

Afbeeldingsgrootte tekening exportgebied inkscape

Onder het gedeelte Afbeeldingsgrootte (groen weergegeven in de afbeelding hierboven) kan ik opnieuw de resolutie van mijn afbeelding wijzigen, waardoor de uiteindelijke breedte en hoogte van de geëxporteerde PNG wordt vergroot of verkleind. De breedte en hoogte worden weergegeven als 1285 × 790 pixels omdat de waarden uit het vorige gedeelte zijn afgerond. Inkscape kan geen fractie van een pixel exporteren, dus de waarden moeten worden afgerond op het dichtstbijzijnde gehele getal.

Exporteren Als tekening exportgebied inkscape

Wanneer u klaar bent om de tekening te exporteren, kunt u nogmaals op de optie "Exporteren als" (rode pijl) klikken om de bestandsnaam en locatie te wijzigen (ik heb mijn bestandsnaam gewijzigd in "Isometrische telefoontekening"), en 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 het selectiegereedschap uit mijn gereedschapskist pakken (rode pijl op de foto hierboven) en vervolgens met shift-klik op alle elementen klikken die ik wil selecteren om te exporteren (ik heb op alle vormen geklikt waaruit de voorkant van de telefoon bestaat) . Met al deze elementen geselecteerd, zult u nu zien dat onder het dialoogvenster PNG-afbeelding exporteren 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 deze keer gewijzigd in 'Isometrische voorkant telefoon') en de locatie waar ik het wil opslaan met behulp van de knop Exporteren als onder het gedeelte Bestandsnaam (blauw weergegeven) en klik vervolgens op 'Exporteren ”Om de selectie naar een PNG te exporteren. Er zijn hier ook een paar andere opties die het vermelden waard zijn. Ten eerste kan ik de objecten die ik heb geselecteerd "batchgewijs exporteren", wat inhoudt dat elk object wordt geëxporteerd als een afzonderlijke PNG. Daaronder heb ik de optie "Alles verbergen behalve geselecteerde", wat betekent dat wat ik niet heb geselecteerd, niet zal verschijnen in de uiteindelijke compositie. 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 staan ​​de twee verschillende resultaten van het exporteren van de selectie - aan de linkerkant is het resultaat met de optie "Alles verbergen behalve selectie" niet aangevinkt, 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 hier is dat het gebied dat u met deze waarden instelt, het geëxporteerde gebied is - ongeacht of er al dan niet een tekening in dat gebied is. Het is dus bijna alsof u een uitsnede instelt, aangezien u alles uitsnijdt buiten de waarden die u instelt.

Aangepast exportgebied 2019 Inkscape zelfstudie

Om deze instelling in actie te demonstreren, zal ik de x0- en y0-waarden instellen op 250 en mijn x1- en y1-waarden op 1250. Dit zal een afbeelding maken met een breedte en hoogte van 1000 pixels. Ik verander de naam van de afbeelding in 'Isometrisch aangepast telefoongebied' en klik op 'Exporteren'.

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 een van mijn andere bekijken Inkscape Help-artikelen, Inkscape Video Tutorialsof GIMP-zelfstudies.

Pin It op Pinterest