Exportați SVG în PNG în Inkscape

Introducere

Inkscape utilizează în mod prestabilit tipul de fișier .SVG, ceea ce înseamnă că este vorba de Vector Graphics Scalable. Acest tip de fișier păstrează obiecte și straturi editabile pe care le creați în compozițiile dvs., permițându-vă să re-deschideți fișierul ulterior și să continuați să editați elementele originale ale compozițiilor dvs.

Cu toate acestea, există multe situații în care doriți să exportați fișierele ca un alt tip de fișier, cum ar fi un PNG, pentru a face compozițiile dvs. mai accesibile sau mai ușor de deschis pe un dispozitiv (pentru persoanele care nu utilizează Inkscape). De asemenea, puteți să încărcați designul pe un site web sau imprimanta dvs. poate prefera un fișier PNG într-un fișier SVG.

PNG înseamnă Portable Network Graphics și „conține un bitmap de culori indexate și folosește compresie fără pierderi, similar cu un fișier .GIF, dar fără limitări ale drepturilor de autor. Fișierele PNG sunt utilizate în mod obișnuit pentru a stoca grafica pentru imagini web. ” (conform FileInfo.com). PNG-urile au tendința să aibă o calitate ceva mai bună decât un JPEG, deși ele sunt adesea puțin mai mari în dimensiunea fișierului ca rezultat. PNG-urile suportă, de asemenea, grafice care conțin un fundal transparent (în timp ce nu există JPEG-uri).

Indiferent de motivul pentru care doriți să utilizați un PNG, Inkscape vă permite să exportați cu ușurință în acest tip de fișier, dacă ar trebui vreodată. Iată cum.

Pentru acest articol, îl voi folosi pe al meu Proiectarea izometrică a telefonului Am creat un tutorial video video recent. Mi-am ascuns stratul de fundal în panoul straturilor (marcat cu săgeata roșie din fotografia de mai sus) și mi-am făcut și panza pe fundal pentru a putea vedea unde este compoziția transparentă (vă recomandăm să vedeți tutorialul meu pe Cum să faceți ca pânza dvs. Inkscape să arate ca tablă de lucru Adobe Illustrator, unde merg peste configurarea proprietăților documentului dvs.).

1. Exportați pagina în imaginea PNG

Odată ce totul este configurat și gata de export, pot accesa Fișier> Exportați imaginea PNG (săgeata roșie din imaginea de mai sus).

Aceasta va afișa dialogul Exportați imaginea PNG în partea dreaptă a pânzei mele (evidențiat în roșu în fotografie). Prima mea opțiune este să selectez o filă sub „Zona de export”, cu patru setări diferite din care să alegeți. Dacă vreau să export totul în marginea pânzei mele (deci, în esență, întreaga compoziție), voi alege opțiunea „Pagina” Export Area (săgeată verde). Veți vedea două coloane și trei rânduri cu date numerice în această secțiune, precum și o casetă derulantă pentru a selecta o unitate (imaginea / pânza mea este în prezent în px sau pixeli).

Primele două valori din partea de sus a acestei secțiuni sunt „x0” și „y0” (evidențiate în verde mai sus). Aceste valori reprezintă locul unde va fi amplasată granița sau colțul din stânga jos al imaginii (cu alte cuvinte, coordonatele de pornire ale imaginii). Variabila X reprezintă întotdeauna lățimea, iar Y reprezintă întotdeauna înălțimea. Deoarece vom exporta întreaga pagină, imaginea noastră începe de la coordonatele 0 pentru x și 0 pentru y.

Următoarele valori sunt „x1” și „y1” (evidențiate în verde mai sus). Aceste valori reprezintă locul unde va fi amplasată granița sau colțul din dreapta sus al imaginii (cu alte cuvinte, coordonatele finale ale documentului). Dimensiunea totală a pânzei pentru această compoziție a fost de 1920 pixeli cu 1080 pixeli, deci coordonata mea x1 este 1920 și coordonata mea y1 este 1080 (nu uitați, unitățile de pagină sunt setate la pixeli prin meniul derulant Unități din această secțiune).

Cele două valori finale din această secțiune sunt Lățimea și Înălțimea și reflectă dimensiunea totală a zonei mele de export. Lățimea mea este afișată ca 1920 și înălțimea mea este 1080, deoarece aceasta este dimensiunea întregii pânze. Deci, PNG va avea aceeași dimensiune ca panza mea atunci când sunt exportate.

Următoarea secțiune a dialogului Exportați imaginea PNG este „Dimensiunea imaginii” (evidențiată cu verde mai sus). Această secțiune vă permite să reglați lățimea și înălțimea totală a dimensiunii finale a imaginii pe baza rezoluției generale a imaginii. Rezoluția este determinată de numărul de pixeli sau „puncte” pe care doriți să le afișați pe fiecare centimetru al imaginii (pixelii și punctele sunt în esență același lucru - sunt cea mai mică unitate a unei imagini. Deși dpi sau puncte pe inch, este utilizat în mod obișnuit atunci când se lucrează cu imprimante, deoarece imprimantele produc puncte, iar pixelii sunt mai des folosiți atunci când se descriu imaginile afișate pe un computer). Cu cât ai afișat mai mulți pixeli sau puncte într-o zonă, cu atât imaginea va avea o rezoluție mai mare. Cu toate acestea, există un compromis cu o rezoluție mai mare, deoarece mărește dimensiunea totală a fișierului. Vă puteți regla rezoluția prin caseta indicată de săgeata roșie din fotografia de mai sus.

De exemplu, dacă știu că am nevoie ca imaginea mea să aibă o rezoluție finală de 300 dpi (puncte per inch), pot seta rezoluția tastând „300” în câmpul dpi (săgeata roșie). Dacă apăs tasta tab, veți observa că lățimea și înălțimea imaginii mele se vor schimba brusc (zona verde evidențiată). Deoarece am mărit rezoluția de la 96 la 300, imaginea va fi acum o imagine cu rezoluție mai mare (mai multe puncte afișate în fiecare centimetru al imaginii). Drept urmare, dimensiunea generală a imaginii este acum mult mai mare (lățimea și înălțimea mea au trecut de la 1920 × 1080 la 6000 × 3375).

Dacă, pe de altă parte, îmi scăd rezoluția tastând „72” în primul câmp dpi, veți vedea că dimensiunea imaginii mele se va micșora până la 1440 × 810. Acest lucru se datorează faptului că am acum o imagine cu rezoluție mai mică, cu mai puține puncte afișate pe fiecare centimetru în imaginea mea.

Voi schimba valoarea înapoi la valoarea implicită de 96 dpi.

Sub secțiunea Dimensiune imagine este opțiunea de a seta numele fișierului în care doriți să exportați imaginea, precum și locația de pe computer în care doriți să o exportați (evidențiată în verde). Acesta vă va exporta fișierul în ultima locație pe care ați folosit-o pentru a salva orice alt fișier pe Inkscape sau oricare ar fi locația implicită care este configurată în prezent pe Inkscape dacă nu ați salvat încă un fișier.

Pentru a schimba numele fișierului sau unde este exportat, faceți clic pe butonul „Exportați ca” (săgeata roșie din fotografia de mai sus).

Aici, veți fi direcționat către fereastra de explorare a fișierelor sau de căutare (în funcție de sistemul de operare pe care îl utilizați), unde puteți căuta pe computer o locație a fișierului pentru a o salva. În cazul meu, sunt pe unitatea mea (D :), într-un folder intitulat „Fotografii” și într-un alt dosar intitulat „Inkscape Photos” (puteți vedea locația completă a folderului în zona verde evidențiată din imaginea de mai sus).

Am exportat acest fișier înainte de a utiliza numele „Telefon design isometric Gen 3.png”, de aceea numele meu de fișier apare în mod implicit (săgeata roșie). Voi schimba numele în „Design telefon isometric fără fundal”.

Dacă fac clic pe meniul derulant „Salvare ca tip”, „PNG” va fi singura opțiune disponibilă. Inkscape exportă numai în PNG. Dacă trebuie să exportați în ceva de genul unui fișier JPEG sau alt tip de fișier, va trebui să exportați fișierul într-un PNG de la Inkscape, apoi deschideți un alt program cum ar fi GIMP (un alt program minunat gratuit, pe care îl am sute de tutoriale pentru) și de export la orice tip de fișier doriți.

Odată ce sunt gata să export, voi face clic pe butonul „Salvare”.

Dar asteapta! Încă nu ați terminat - există un ultim pas crucial înainte ca imaginea dvs. să fie exportată efectiv. Trebuie să faceți clic pe butonul etichetat „Export” cu bifa verde pentru a exporta efectiv fișierul (săgeata roșie din imaginea de mai sus). Dacă nu faceți clic pe acest buton, fișierul dvs. nu va fi exportat. După ce am făcut clic pe acest buton, fișierul meu SVG va fi acum exportat într-un fișier PNG.

Notă: dacă bifați opțiunea „Închideți când ați terminat” din stânga butonului Export (prezentată în albastru în fotografia de mai sus), caseta de dialog Exportați imaginea PNG se va închide după finalizarea exportului.

2. Exportați desenul pentru imaginea PNG

Ultima secțiune a discutat opțiunea de a exporta întreaga pagină într-un fișier PNG, dar ce se întâmplă dacă doriți doar să exportați desenul pe pagină și nu spațiul gol din jurul acestuia?

Ei bine, a doua filă din secțiunea Exportă zona vă permite să faceți exact acest lucru. După ce accesați Fișier> Exportați imaginea PNG pentru a afișa caseta de dialog Exportați imaginea PNG (presupunând că nu o aveți deja deschisă de la pasul anterior), puteți face clic pe fila etichetată „Desen” din secțiunea Zona de export (roșu) săgeată).

Această opțiune va exporta doar zona imaginii noastre care conține un desen. Deci, în acest caz, va exporta doar zona care are designul telefonului. Tot spațiul gol dintre designul telefonului și limita pânzei nu va ajunge la PNG-ul final exportat. Acest lucru se reflectă în valorile noastre pentru coordonatele imaginii noastre, care s-au schimbat acum în comparație cu ceea ce erau în setarea „Pagină”.

Acum, valoarea mea x0 este pixeli 317.278, iar valoarea mea y0 este pixeli 121.273 (evidențiate în verde). Aceasta este noua locație pentru colțul din stânga jos al imaginii mele (sau coordonatele de pornire).

În plus, valoarea mea x1 este acum pixeli 1602.722, iar valoarea mea y1 este 911.076. Aceasta este noua locație pentru colțul din dreapta sus al imaginii mele (sau coordonatele finale).

Deci, zona de export a imaginii mele nu va mai acoperi toată lungimea pânzei mele (1920 × 1080 pixeli). Va fi mai mic, deoarece scapă de spațiul gol din jurul desenului. Acest lucru este confirmat de noile Lățime și Înălțime (prezentate în verde). Lățimea mea este acum 1285.444 și noua mea înălțime este acum 789.803 (ambele valori în pixeli).

În secțiunea Dimensiune imagine (prezentată în verde în imaginea de mai sus), pot schimba din nou rezoluția imaginii mele, care va crește sau micșora lățimea și înălțimea finale ale PNG de export. Lățimea și înălțimea apar la 1285 × 790 pixeli, deoarece valorile din secțiunea anterioară au fost rotunjite. Inkscape nu poate exporta o fracțiune de pixel, deci valorile trebuie rotunjite la cel mai apropiat număr întreg.

Când sunteți gata să exportați desenul, puteți face din nou clic pe opțiunea „Exportă ca” (săgeata roșie) pentru a schimba numele fișierului și locația (mi-am schimbat numele fișierului în „Desen telefon isometric”), apoi faceți clic pe butonul „Export” pentru a exporta SVG în PNG (săgeată albastră).

Mai sus este desenul final exportat. Dacă evidențiați fotografia cu mouse-ul, veți observa că limita imaginii se termină în cazul în care desenul se termină (notă: a fost micșorat puțin pentru acest articol).

3. Exportați selecția în PNG

În afară de exportul întregii dvs. compoziții și de exportul doar desenului, puteți, de asemenea, să restrângeți zona exportată la o singură selecție.

Deci, să spunem ipotetic că vreau să export doar fața telefonului meu. Pot să iau instrumentul de selecție din caseta mea de instrumente (săgeata roșie din fotografia de mai sus), apoi să fac clic pe toate elementele pe care vreau să le selectez pentru a le exporta (am dat clic pe toate formele care alcătuiesc fața frontală a telefonului) . Cu toate aceste elemente selectate, veți vedea acum că în dialogul Exportați imaginea PNG, fila Export Area s-a schimbat automat în fila „Selecție” (săgeata verde din fotografie).

Coordonatele mele inițiale și de sfârșit reflectă acum punctele de început și de sfârșit ale domeniilor mele selectate, iar Lățimea și Înălțimea imaginii mele s-au schimbat pentru a se potrivi cu dimensiunile acestei zone (prezentate în verde în fotografia de mai sus).

Pot schimba din nou rezoluția imaginii mele sub secțiunea Dimensiune imagine (subliniată în roșu), care va mări sau micșora dimensiunea generală a imaginii în funcție de setul de rezoluție.

De asemenea, pot schimba numele fișierului meu (l-am schimbat de data aceasta în „Față frontală a telefonului isometric”) și locația în care doresc să îl salvez folosind butonul Exportă ca din secțiunea Numele fișierului (prezentat în albastru), apoi faceți clic pe „Export ”Pentru a exporta selecția într-un PNG. Există, de asemenea, câteva alte opțiuni aici, care merită menționate. În primul rând, pot „exporta în lot” obiectele pe care le-am selectat, adică fiecare obiect va fi exportat ca PNG separat. Sub aceasta, am opțiunea „Ascundeți toate, cu excepția celor selectate”, ceea ce înseamnă că orice nu am selectat nu va apărea în compoziția finală. Dacă nu bifez această opțiune, articolele pe care nu le-am selectat vor fi afișate în continuare atâta timp cât se încadrează în zona de cadru în care export.

Mai sus sunt cele două rezultate diferite ale exportului selecției - în stânga este rezultatul cu opțiunea „Ascundeți toate cu excepția selectării” debifată, iar rezultatul din dreapta este cu acea opțiune bifată.

 

4. Export zona personalizată la PNG

Ultima secțiune din caseta de dialog Export la imagine PNG este opțiunea de a exporta o zonă personalizată a compoziției. Aici, toate aceleași reguli se aplică de la celelalte setări (x0 și y0 sunt coordonatele de pornire, x1 și y1 sunt coordonatele dvs. terminale, iar Lățimea și Înălțimea vor fi dimensiunea totală a compoziției dvs.).

Principala diferență aici este că zona setată folosind aceste valori va fi zona exportată - indiferent dacă există sau nu un desen în acea zonă. Deci, este aproape ca și cum ai seta o decupare, deoarece decupezi orice în afara valorilor pe care le-ai setat.

Pentru a demonstra această setare în acțiune, voi seta valorile x0 și y0 la 250, iar valorile mele x1 și y1 la 1250. Aceasta va crea o imagine cu o lățime și o înălțime de 1000 pixeli. Voi schimba numele imaginii în „Zona personalizată telefon isometric” și voi face clic pe „Export”.

Compoziția mea finală va fi un pixel 1000 x 1000 pătrat, cu părți ale cutoff-ului de design ori de câte ori design-ul era în afara zonei de export.

Asta e pentru acest tutorial! Dacă v-a plăcut, puteți consulta oricare dintre celelalte mele Articole de ajutor pentru Inkscape or Tutoriale Video Inkscape.