Inkscape bruger som standard filetypen .SVG, som står for Scalable Vector Graphics. Denne filtype beholder redigerbare objekter og lag, som du opretter i dine kompositioner, hvilket giver dig mulighed for at genåbne filen på et senere tidspunkt og fortsætte med at redigere de oprindelige elementer i dine kompositioner.

Der er dog mange tilfælde, hvor du vil eksportere dine filer som en anden filtype, såsom en PNG, for at gøre dine kompositioner mere tilgængelige eller lettere at åbne på en enhed (for personer, der ikke bruger Inkscape). Du kan også gerne uploade dit design til et websted, eller din printer kan helst foretrække en PNG-fil over en SVG-fil.

PNG står for Portable Network Graphics, og "indeholder en bitmap af indekserede farver og bruger tabsfri kompression, der ligner en .GIF-fil, men uden ophavsretlige begrænsninger. PNG-filer bruges almindeligt til at gemme grafik til webbilleder. "(Ifølge FileInfo.com). PNG'er har en tendens til at være lidt bedre kvalitet end en JPEG, selvom de ofte er lidt større i filstørrelse som følge heraf. PNG'er understøtter også grafik, der indeholder en gennemsigtig baggrund (mens JPEG ikke gør det).

Uanset hvad du vil bruge en PNG, gør Inkscape det nemt at eksportere til denne filtype, hvis du nogensinde har brug for det. Sådan er det.

Isometrisk Telefon Design Baggrund Skjult

For denne artikel bruger jeg min Isometrisk telefondesign Jeg lavede i en nylig Inkscape video tutorial. Jeg gemte mit baggrundslag i lagpanelet (betegnet med den røde pil i billedet ovenfor) og lavede også min lærred en checkerboard baggrund, så du kan se, hvor sammensætningen er gennemsigtig (jeg anbefaler at tjekke min vejledning om Sådan laver du din Inkscape Canvas Ligner Adobe Illustrators kunstplade, hvor jeg går over med at konfigurere dine dokumentegenskaber).

1. Eksporter side til PNG-billede

File Export PNG Image Inkscape Tutorial

Når alt er oprettet og klar til eksport, kan jeg gå til Filer> Eksporter PNG-billede (rød pil i billedet ovenfor).

Eksporter PNG Image Dialog Box Inkscape

Dette vil medføre eksporten PNG Image dialog på højre side af mit lærred (fremhævet rødt i billedet). Min første mulighed er at vælge en fane under "Export Area" med fire forskellige indstillinger at vælge imellem. Hvis jeg vil eksportere alt inde i min lærreds grænser (så i det væsentlige hele sammensætningen), vælger jeg alternativet "Side" Eksportområde (grøn pil). Du vil se to kolonner og tre rækker med numeriske data i dette afsnit samt en dropdown-boks for at vælge en enhed (mit billede / lærred er i øjeblikket i px eller pixels).

x0 og y0 inkscape eksport png billede

De to første værdier øverst i dette afsnit er "x0" og "y0" (fremhævet i grønt ovenfor). Disse værdier repræsenterer, hvor den nederste venstre grænse eller hjørne af dit billede vil blive placeret (med andre ord startkoordinaterne for dit billede). X-variablen repræsenterer altid bredden, og Y repræsenterer altid højden. Da vi skal eksportere hele siden, starter vores billede ved koordinaterne for 0 for x og 0 for y.

x1 og y1 inkscape eksport png billede

De næste værdier er "x1" og "y1" (fremhævet i grønt ovenfor). Disse værdier repræsenterer, hvor den øverste højre grænse eller hjørne af dit billede vil blive placeret (med andre ord slutkoordinaterne for dit dokument). Min samlede lærredstørrelse for denne sammensætning var 1920 pixels ved 1080 pixels, og min x1-koordinat er 1920, og min y1-koordinat er 1080 (Husk, mine sideenheder er indstillet til pixels via Units dropdown i dette afsnit).

Bredde og højde inkscape eksport png billede

De sidste to værdier i dette afsnit er Bredde og Højde, og de afspejler den samlede størrelse af mit eksportområde. Min Bredde er vist som 1920, og min Højde er 1080, fordi dette er størrelsen på hele mit lærred. Så, PNG vil være den samme størrelse som mit lærred ved eksport.

Billedstørrelse og opløsning inkscape eksport png billede

Det næste afsnit i Export PNG Image dialogen er "Billedstørrelse" (fremhævet i grønt ovenfor). Dette afsnit giver dig mulighed for at justere den samlede bredde og højde af din endelige billedstørrelse baseret på det samlede billede opløsning af billedet. Opløsningen bestemmes af hvor mange pixels eller "prikker" du vil have vist pr. Tommer af dit billede (pixler og prikker er stort set de samme - de er den mindste enhed af et billede. Selv om dpi eller Dots Per Inch, bruges almindeligvis, når du arbejder med printere, da printere producerer prikker, og billedpunkter bruges mere almindeligt, når der beskrives billeder, der vises på en computer). Jo flere pixels eller punkter du har vist i et område, jo højere opløsning vil billedet være. Der er dog et kompromis til at have højere opløsning, da det gør din samlede filstørrelse større. Du kan justere din opløsning via boksen påpeget af den røde pil i billedet ovenfor.

Øget billedopløsning i Inkscape

Så hvis jeg f.eks. Har brug for, at mit billede skal have en endelig opløsning på 300 dpi (dots per inch), kan jeg indstille opløsningen ved at skrive "300" i dpi-feltet (rød pil). Hvis jeg rammer fanebladet, vil du bemærke, at min billedbredde og højde pludselig vil ændre sig (markeret grønt område). Fordi jeg øgede opløsningen fra 96 til 300, bliver billedet nu et billede med højere opløsning (flere punkter vises i hver tomme af billedet). Som følge heraf er min samlede billedstørrelse nu meget større (min bredde og højde gik fra 1920 × 1080 til 6000 × 3375).

Faldende billedopløsning i Inkscape

Hvis jeg på den anden side mindsker min opløsning ved at skrive "72" i feltet First dpi, vil du se, at min billedstørrelse vil krympes ned til 1440 × 810. Dette skyldes, at jeg nu har et billed med lavere opløsning, med mindre punkter pr. Tomme i mit billede.

Jeg vil ændre værdien tilbage til standardværdien af ​​96 dpi.

Filnavn Sektion Eksporter PNG Image Dialogue

Under sektionen Billedstørrelse er muligheden for at angive navnet på den fil, du vil eksportere dit billede, samt placeringen på din computer, hvor du vil eksportere den (markeret med grønt). Det vil eksportere din fil til den sidste placering, som du plejede at gemme en anden fil på Inkscape, eller hvad standardplaceringen er, der for øjeblikket er oprettet på din Inkscape, hvis du ikke har gemt en fil endnu.

For at ændre navnet på din fil eller hvor den eksporteres, skal du klikke på knappen "Eksporter som" (rød pil i billedet ovenfor).

Inkscape File Explorer eksporterer til PNG

Her vil du blive taget til din fil explorer eller finder vindue (afhængigt af hvilket operativsystem du bruger) hvor du kan søge på din computer for en filplacering at gemme til. I mit tilfælde er jeg på min (D :) -drev, i en mappe med titlen "Fotos" og i en anden mappe med titlen "Inkscape Photos" (du kan se hele mappens placering i det fremhævede grønne område i billedet ovenfor).

Jeg har eksporteret denne fil, før du bruger navnet "Phone Isometric Design Gen 3.png", og derfor er mit filnavn vist som standard (rød pil). Jeg vil ændre navnet til "Isometric Phone Design No Background."

Gem som Type File Export Inkscape Tutorial

Hvis jeg klikker på rullelisten "Gem som type", er "PNG" den eneste tilgængelige løsning. Inkscape eksporterer kun til PNG. Hvis du skal eksportere til noget som en JPEG-fil eller en anden filtype, skal du eksportere din fil til en PNG fra Inkscape og derefter åbne et andet program som f.eks. GIMP (et andet fantastisk gratis program, som jeg har hundredvis af tutorials for) og eksport til den filetype du ønsker.

Når jeg er klar til at eksportere, klikker jeg på knappen "Gem".

Inkscape Eksporter til PNG-knap

Men vent! Du er ikke færdig endnu - der er et sidste afgørende skridt, før dit billede rent faktisk eksporteres. Du skal klikke på knappen "Export" med det grønne mærke for at eksportere filen (rød pil i billedet ovenfor). Hvis du ikke klikker på denne knap, bliver din fil ikke eksporteret. Når jeg har klikket på denne knap, eksporteres min SVG-fil nu til en PNG-fil.

Bemærk: Hvis du markerer afkrydsningsfeltet "Close when complete" til venstre for Export-knappen (skitseret med blå i billedet ovenfor), lukkes dialogboksen Eksporter PNG Image, når du har afsluttet din eksport.

2. Eksport Tegning til PNG-billede

Det sidste afsnit diskuterede muligheden for at eksportere hele din side til en PNG-fil, men hvad hvis du kun vil eksportere tegningen på siden og ikke det tomme rum rundt om det?

Tegningseksportområde i Inkscape

Nå, den anden fane under afsnittet Eksportområde giver dig mulighed for at gøre netop det. Når du har gået til Filer> Eksporter PNG-billede for at hente dialogboksen Eksporter PNG-billede (forudsat at du ikke har åbnet det allerede fra det foregående trin), kan du klikke på fanen "Tegning" under afsnittet Eksporter område (rød pil).

Denne indstilling vil kun eksportere området af vores billede, der indeholder en tegning. Så i dette tilfælde vil det kun eksportere det område, der har telefondesignet i det. Alt det tomme mellemrum mellem telefondesignet og lærredgrænsen vil ikke gøre det til den endelige eksporterede PNG. Dette afspejles i vores værdier for vores billedkoordinater, som nu er ændret i forhold til hvad de var under "Side" -indstillingen.

x0 og y0 tegning eksport område inkscape

Nu er min x0-værdi 317.278 pixels, og min y0-værdi er 121.273 pixels (fremhævet i grønt). Dette er den nye placering i nederste venstre hjørne af mit billede (eller startkoordinaterne).

x1 og y1 tegning eksport område inkscape

Desuden er min x1-værdi nu 1602.722 pixels og min y1-værdi er 911.076. Dette er den nye placering i øverste højre hjørne af mit billede (eller slutkoordinaterne).

bredde og højde tegning eksport område inkscape

Så vil mit billedeksportområde nu ikke længere dække hele længden af ​​mit lærred (1920 × 1080 pixels). Det vil være mindre, da det er ved at slippe af med det tomme rum omkring tegningen. Dette bekræftes af den nye Bredde og Højde (skitseret i grøn). Min Bredde er nu 1285.444, og min nye Højde er nu 789.803 (begge værdier i pixels).

Billedstørrelse tegning eksportområde inkscape

Under sektionen Billedstørrelse (skitseret i grønt i billedet ovenfor) kan jeg igen ændre opløsningen af ​​mit billede, hvilket enten øger eller formindsker den endelige bredde og højde af eksport PNG. Bredden og højden vises som 1285 × 790 pixels, fordi værdierne fra det foregående afsnit er afrundet. Inkscape kan ikke eksportere en brøkdel af en pixel, så værdierne skal afrundes til nærmeste hele tal.

Eksport Som tegning eksportområde inkscape

Når du er klar til at eksportere tegningen, kan du igen klikke på "Eksporter som" (rød pil) for at ændre filnavn og placering (jeg ændrede mit filnavn til "Isometrisk telefon tegning"), og klik derefter på knappen "Eksporter" at eksportere din SVG til PNG (blå pil).

Isometrisk Telefon Tegning

Ovenstående er den endelige eksporterede tegning. Hvis du fremhæver billedet med musen, vil du bemærke, at grænsen for billedet slutter, hvor tegningen slutter (Bemærk: det er blevet nedskaleret lidt for denne artikel).

3. Eksporter valg til PNG

Udover at eksportere hele din sammensætning og eksportere bare tegningen, kan du også indsnævre dit eksporterede område til blot et valg.

Valg Eksportområde Inkscape 2019

Så lad os sige hypotetisk, at jeg kun vil eksportere min telefons forside. Jeg kan hente udvælgelsesværktøjet fra min værktøjskasse (rød pil i billedet ovenfor), og skift derefter klik på alle de elementer, jeg vil vælge for at eksportere (jeg klikede på alle de former, der udgør telefonens forside) . Når alle disse elementer er valgt, vil du nu se, at under fanen Eksporter PNG Image, er fanen Eksporter område automatisk ændret til fanen "Valg" (grøn pil på billedet).

Udvælgelseseksport er eksport SVG til PNG Inkscape

Mine start- og slutkoordinater afspejler nu start- og slutpunktet for mine valgte områder, og bredden og højden af ​​mit billede er ændret for at matche dimensionerne af dette område (skitseret i grønt i billedet ovenfor).

Jeg kan igen ændre opløsningen af ​​mit billede under afsnittet Billedstørrelse (skitseret med rødt), hvilket vil øge eller formindske billedets samlede størrelse afhængigt af opløsningssættet.



Jeg kan også ændre navnet på min fil (jeg har ændret det denne gang til "Isometric Phone Front Face") og hvor jeg vil gemme den ved hjælp af knappen Eksporter som under afsnittet Filnavn (skitseret i blå), og klik derefter på "Export "For at eksportere vælg til en PNG. Der er også et par andre muligheder her også, det er værd at nævne. For det første kan jeg "Batch eksport" de objekter, jeg valgte, hvilket betyder, at hvert objekt eksporteres som en separat PNG. Nedenfor har jeg mulighed for at "Skjul alle undtagen udvalgte", hvilket betyder, at hvad jeg ikke vælger ikke vil komme op i den endelige sammensætning. Hvis jeg ikke markerer denne indstilling, vil de elementer, jeg ikke valgte, stadig blive vist, så længe de passer ind i det rammeområde, jeg eksporterer til.

Eksportvalgsområder Skjult og uhindret

Ovenstående er de to forskellige resultater af eksporten af ​​udvælgelsen - til venstre er resultatet ikke markeret med "Hide all except select", og resultatet til højre er markeret med denne mulighed.

4. Eksporter brugerdefineret område til PNG

Det sidste afsnit i dialogboksen Eksporter til PNG Image er muligheden for at eksportere et brugerdefineret område af din sammensætning. Her gælder alle de samme regler fra de øvrige indstillinger (x0 og y0 er dine startkoordinater, x1 og y1 er dine slutkoordinater, og bredden og højden er den samlede størrelse af din sammensætning).

Den væsentligste forskel her er, at det område, du angiver ved hjælp af disse værdier, bliver eksporteret - uanset om der er tegning i dette område eller ej. Så det er næsten som at sætte en afgrøde, da du beskærer noget uden for de værdier du har angivet.

Custom Export Area 2019 Inkscape Tutorial

For at demonstrere denne indstilling i aktion sætter jeg x0 og y0 værdierne til 250 og min x1 og y1 værdier til 1250. Dette vil skabe et billede med bredde og højde på 1000 pixels. Jeg ændrer navnet på billedet til "Isometric Phone Custom Area" og klikker på "Eksporter".

isometrisk telefon brugerdefineret område

Min endelige sammensætning vil være en 1000 x 1000 pixel firkant, med dele af design cutoff hvor designet var uden for eksportområdet.

Det er det til denne vejledning! Hvis du har haft det, kan du tjekke nogen af ​​mine andre Inkscape Hjælp artikler, Inkscape Video Tutorials eller GIMP Tutorials.

Tilmeld dig vores GIMP Nyhedsbrev

Deltag i vores mailingliste for at modtage nye vejledninger, GIMP kursus opdateringer og de seneste nyheder.

Du har abonnement!

Pin det på Pinterest

Del dette