Inkscape använder standardfilen .SVG som standard, vilket står för skalbar vektorgrafik. Den här filtypen bibehåller redigerbara objekt och lag som du skapar i dina kompositioner, vilket gör att du kan öppna filen igen vid en senare tidpunkt och fortsätta att redigera de ursprungliga elementen i dina kompositioner.

Det finns dock många fall där du vill exportera dina filer som en annan filtyp, till exempel en PNG, för att göra kompositionerna mer tillgängliga eller lättare att öppna på en enhet (för personer som inte använder Inkscape). Du kanske också vill ladda upp din design till en webbplats, eller din skrivare kan föredra en PNG-fil över en SVG-fil.

PNG står för Portable Network Graphics, och "innehåller en bitmapp med indexerade färger och använder förlustfri komprimering, som liknar en .GIF-fil men utan upphovsrättsbegränsningar. PNG-filer brukar användas för att lagra grafik för webbbilder. "(Enligt FileInfo.com). PNGs tenderar att vara lite bättre kvalitet än en JPEG, men de är ofta något större i filstorlek som ett resultat. PNG-enheter stödjer också grafik som innehåller en transparent bakgrund (medan JPEG inte gör det).

Oavsett varför du vill använda en PNG, tillåter Inkscape att du enkelt kan exportera till den här filtypen om du någonsin behöver. Här är hur.

Isometric Phone Design Bakgrund Dold

För den här artikeln använder jag mina Isometrisk telefondesign Jag skapade i en nyligen Inkscape video tutorial. Jag gömde mitt bakgrundsskikt i lagerpanelen (betecknad med den röda pilen på bilden ovan) och gjorde också min kanfas en rutebackskiva så att du kan se var kompositionen är transparent (jag rekommenderar att du läser min handledning om Hur man gör din Inkscape Canvas ser ut som Adobe Illustrators Artboard, där jag går över att konfigurera dina dokumentegenskaper).

1. Exportera sida till PNG-bild

File Export PNG Image Inkscape Handledning

När allt är inställt och redo att exporteras kan jag gå till Arkiv> Exportera PNG-bild (röd pil i bilden ovan).

Exportera PNG Image Dialogue Box Inkscape

Detta kommer att hämta dialogrutan Exportera PNG-bild på höger sida av min kanfas (markerad med rött i bilden). Mitt första alternativ är att välja en flik under "Export Area", med fyra olika inställningar att välja mellan. Om jag vill exportera allt inom gränsen till min duk (så, i huvudsak hela kompositionen), väljer jag alternativet "Sidan" Exporteringsområde (grön pil). Du kommer att se två kolumner och tre rader med numeriska data i det här avsnittet, liksom en rullgardinsmeny för att välja en enhet (min bild / duk är för närvarande i px eller pixlar).

x0 och y0 inkscape export png-bild

De två första värdena högst upp i det här avsnittet är "x0" och "y0" (markerad i grön ovan). Dessa värden representerar var den nedre vänstra gränsen eller hörnet på din bild kommer att vara placerad (med andra ord startkoordinaterna för din bild). X-variabeln representerar alltid bredden och Y representerar alltid höjden. Eftersom vi ska exportera hela sidan börjar vår bild vid koordinaterna 0 för x och 0 för y.

x1 och y1 inkscape export png-bild

Nästa värden är "x1" och "y1" (markerad i grön ovan). Dessa värden representerar var den högra högra gränsen eller hörnet på din bild kommer att ligga (det vill säga slutkoordinaterna för ditt dokument). Min totala dukstorlek för denna komposition var 1920 pixlar med 1080 pixlar, så min x1-koordinat är 1920 och min y1-koordinat är 1080 (kom ihåg att mina sid enheter är inställda på pixlar via rullgardinsmenyn i det här avsnittet).

Bredd och höjd inkscape export png bild

De sista två värdena i det här avsnittet är Bredd och Höjd och de speglar den totala storleken på mitt exportområde. Min Bredd visas som 1920 och min Höjd är 1080 eftersom det här är storleken på hela min duk. Så, PNG kommer att vara lika stor som min duk när du exporteras.

Bildstorlek och upplösning inkscape export png-bild

Nästa avsnitt i Export PNG Image-dialogen är "Bildstorlek" (markerad i grön ovan). I det här avsnittet kan du justera den totala bredden och höjden på din slutliga bildstorlek baserat på bildens upplösning. Upplösningen bestäms av hur många pixlar eller "prickar" du vill visa per tum av din bild (pixlar och punkter är i stort sett samma sak - de är den minsta enheten i en bild. Även om dpi eller Dots Per Inch, används ofta när man arbetar med skrivare, eftersom skrivare producerar prickar och pixlar används vanligare när man beskriver bilder som visas på en dator). Ju fler pixlar eller prickar du har visat i ett område, desto högre upplösning kommer bilden att vara. Det finns dock ett kompromiss för att ha högre upplösning eftersom det gör din totala filstorlek större. Du kan justera din upplösning via rutan påpekad av den röda pilen i bilden ovan.

Ökad bildupplösning i Inkscape

Så, till exempel, om jag vet att jag behöver min bild för att få en slutlig upplösning på 300 dpi (punkter per tum), kan jag ställa in upplösningen genom att skriva "300" i dpi-fältet (röd pil). Om jag slår på fliknyckeln märker du att min bildbredd och höjd plötsligt kommer att ändras (markerat grönt område). Eftersom jag har ökat upplösningen från 96 till 300 kommer bilden nu att bli en högre upplösningsbild (fler prickar som visas i varje tum av bilden). Som ett resultat är min totala bildstorlek nu mycket större (min bredd och höjd gick från 1920 × 1080 till 6000 × 3375).

Minskar bildresolutionen i Inkscape

Om å andra sidan minskar min upplösning genom att skriva "72" i det första dpi-fältet ser du att min bildstorlek kommer att krympa ner till 1440 × 810. Detta beror på att jag nu har en lägre upplösningsbild, med mindre prickar som visas per varje tum i min bild.

Jag kommer att ändra värdet tillbaka till standardvärdet för 96 dpi.

Filnamn Avsnitt Exportera PNG-bilddialog

Nedan i avsnittet Bildstorlek kan du ange namnet på filen du vill exportera din bild till, samt platsen på din dator där du vill exportera den (markerad i grönt). Det kommer att exportera din fil till den sista platsen som du brukade spara någon annan fil på Inkscape, eller vilken standard plats som just nu är inställd på din Inkscape om du inte har sparat en fil än.

För att ändra namnet på din fil eller där den exporteras klickar du på knappen "Exportera som" (röd pil i bilden ovan).

Inkscape File Explorer Exportera till PNG

Här kommer du att tas till din filutforskare eller sökfönster (beroende på vilket operativsystem du använder) där du kan söka efter din dator för en filplats att spara till. I mitt fall är jag på min (D :) -driven, i en mapp med titeln "Foton" och i en annan mapp med titeln "Inkscape Photos" (du kan se hela mappsplatsen i det markerade gröna området i bilden ovan).

Jag har exporterat den här filen innan du använder namnet "Phone Isometric Design Gen 3.png", varför varför visas mitt filnamn som standard (röd pil). Jag kommer att byta namn till "Isometric Phone Design No Background."

Spara som typ File Export Inkscape handledning

Om jag klickar på rullgardinsmenyn "Spara som typ" är "PNG" det enda alternativet som är tillgängligt. Inkscape exporterar bara till PNG. Om du behöver exportera till något som en JPEG-fil eller en annan filtyp måste du exportera filen till en PNG från Inkscape och öppna ett annat program som GIMP (ett annat bra gratis program som jag har hundratals handledning för) och exportera till vilken filtyp du vill ha.

När jag är klar att exportera, klickar jag på "Spara" -knappen.

Inkscape Exportera till PNG-knappen

Men vänta! Du är inte klar ännu - det finns ett sista avgörande steg innan din bild faktiskt exporteras. Du måste klicka på knappen "Exportera" med det gröna kryssrutan för att faktiskt exportera filen (röd pil i bilden ovan). Om du inte klickar på den här knappen exporteras inte din fil. När jag har klickat på den här knappen exporteras min SVG-fil nu till en PNG-fil.

Notera: Om du markerar alternativet "Stäng när slutfört" till vänster om Export-knappen (skisserat i blått i bilden ovan) stängs dialogrutan Exportera PNG-bild när du har slutfört din export.

2. Exportera ritning till PNG-bild

Det sista avsnittet diskuterade möjligheten att exportera hela sidan till en PNG-fil, men vad händer om du bara vill exportera ritningen på sidan och inte det tomma utrymmet runt det?

Teckning Export Area i Inkscape

Tja, med den andra fliken under avsnittet Exportera område kan du göra just det. När du har gått till Arkiv> Exportera PNG-bild för att få fram dialogrutan Exportera PNG-bild (förutsatt att du inte har den öppen redan från föregående steg) kan du klicka på fliken märkt "Ritning" under avsnittet Exportera område (röd pil).

Det här alternativet exporterar bara området av vår bild som innehåller en ritning. Så, i det här fallet kommer det bara att exportera det område som har telefondesignen i den. Allt tomt utrymme mellan telefondesignen och kanvasgränsen kommer inte att göra det till den slutliga exporterade PNG. Detta återspeglas i våra värden för våra bildkoordinater, som nu har ändrats jämfört med vad de var under inställningen "Sid".

x0 och y0 teckning exportområde inkscape

Nu är mitt x0-värde 317.278 pixlar, och mitt y0-värde är 121.273 pixlar (markerat i grönt). Det här är den nya platsen i det nedre vänstra hörnet av min bild (eller startkoordinaterna).

x1 och y1 teckning exportområde inkscape

Dessutom är mitt x1-värde nu 1602.722 pixlar och mitt y1-värde är 911.076. Det här är den nya platsen i det övre högra hörnet av min bild (eller slutkoordinaterna).

bredd och höjdritning exportområde inkscape

Så, mitt bildutföringsområde kommer nu inte längre att täcka hela längden på min kanfas (1920 × 1080 pixlar). Det blir mindre eftersom det blir av med det tomma utrymmet runt ritningen. Detta bekräftas av den nya bredden och höjden (skisserad i grön). Min bredd är nu 1285.444 och min nya Höjd är nu 789.803 (båda värdena i pixlar).

Bildstorritning exportområde inkscape

Under avsnittet Bildstorlek (skisserat i grönt i bilden ovan) kan jag återigen ändra upplösningen på min bild, vilken antingen ökar eller minskar den slutliga bredden och höjden på export PNG. Bredden och höjden visas som 1285 × 790 pixlar eftersom värdena från föregående avsnitt har avrundats. Inkscape kan inte exportera en fraktion av en pixel, så värdena måste avrundas till närmaste heltal.

Exportera Som teckning exportområde inkscape

När du är redo att exportera ritningen kan du än en gång klicka på alternativet "Exportera som" (röd pil) för att ändra filnamn och plats (jag ändrade mitt filnamn till "Isometrisk telefonritning") och klicka sedan på "Exportera" -knappen att exportera din SVG till PNG (blå pil).

Isometrisk telefonritning

Ovan är den slutliga exporterade ritningen. Om du markerar fotot med musen kommer du att märka att gränsen för bilden slutar där ritningen slutar (notera: den har minskats lite för den här artikeln).

3. Exportera urval till PNG

Förutom att exportera hela din komposition och exportera bara ritningen, kan du också begränsa ditt exporterade område till ett urval.

Urval Exporteringsområde Inkscape 2019

Så, låt oss säga hypotetiskt att jag bara vill exportera mitt telefons framsida. Jag kan ta tag i urvalsverktyget från min verktygslåda (röd pil i bilden ovan) och sedan klicka på alla element som jag vill välja för att exportera (jag klickade på alla former som utgör telefonens främre sida) . Med alla dessa element markerade ser du nu att under Export PNG Image-dialogen har fliken Exporteringsområde automatiskt ändrats till fliken "Val" (grön pil på bilden).

Urvalsexport Exportera SVG till PNG Inkscape

Mina start- och slutkoordinater återspeglar nu start- och slutpunkterna för mina valda områden och bredden och höjden på min bild har ändrats för att matcha dimensionerna för detta område (skisserat i grönt i bilden ovan).

Jag kan återigen ändra bildens upplösning under avsnittet Bildstorlek (skisserat i rött), vilket ökar eller minskar bildens totala storlek beroende på upplösningsuppsättningen.



Jag kan också ändra namnet på min fil (jag ändrade den här gången till "Isometric Phone Front Face") och plats där jag vill spara den med knappen Exportera som under avsnittet Filnamn (skisserat i blått) och klicka sedan på "Exportera "För att exportera välj till en PNG. Det finns också några andra alternativ här också som är värda att nämna. Först kan jag "Batch exportera" de objekt jag valde, vilket innebär att varje objekt exporteras som en separat PNG. Nedanför har jag möjlighet att "Dölj alla utom valda", vilket betyder att det jag inte väljer inte kommer att dyka upp i den slutliga kompositionen. Om jag inte markerar det här alternativet kommer de objekt som jag inte väljer fortfarande att visas så länge de passar in i ramområdet jag exporterar till.

Expot Selection Areas Hidden and Unhidden

Ovanstående är de två olika resultaten av att exportera urvalet - till vänster visas resultatet med alternativet "Dölj alla utom välj", och resultatet till höger är med det alternativet markerat.

4. Exportera anpassad area till PNG

Det sista avsnittet i dialogrutan Exportera till PNG-bild är möjligheten att exportera ett anpassat område för din komposition. Här gäller alla samma regler från de övriga inställningarna (x0 och y0 är startkoordinaterna, x1 och y1 är slutkoordinaterna och bredden och höjden blir din sammansättningens totala storlek).

Huvudskillnaden här är att det område du anger med dessa värden kommer att exporteras. Oavsett om det finns en ritning i det området. Så, det är nästan som att sätta en gröda, eftersom du beskärar något utanför de värden du ställer in.

Custom Export Area 2019 Inkscape handledning

För att visa denna inställning i åtgärd ställer jag x0- och y0-värdena till 250 och mina x1- och y1-värden till 1250. Detta skapar en bild med bredd och höjd på 1000 pixlar. Jag ändrar namnet på bilden till "Isometric Phone Custom Area" och kommer att klicka på "Exportera".

isometrisk telefon anpassad område

Min slutliga komposition kommer att vara en 1000 x 1000 pixelplattform, med delar av design cutoff varhelst designen var utanför exportområdet.

Det är det för den här handledningen! Om du haft det, kan du kolla in någon av mina andra Inkscape Hjälpartiklar, Inkscape Video Tutorials, eller GIMP-handledning.

Prenumerera på vår GIMP-nyhetsbrev

Gå med i vår mailinglista för att få nya handledning, GIMP kursuppdateringar och de senaste nyheterna.

Du har prenumererar!

Klämma fast den på Pinterest

Dela detta