Inkscape używa domyślnie typu pliku .SVG, co oznacza Skalowalną Grafikę Wektorową. Ten typ pliku zachowuje edytowalne obiekty i warstwy, które tworzysz w swoich kompozycjach, dzięki czemu możesz ponownie otworzyć plik w późniejszym czasie i kontynuować edycję oryginalnych elementów kompozycji.

Istnieje jednak wiele przypadków, w których chciałbyś wyeksportować swoje pliki jako inny typ pliku, taki jak PNG, aby uczynić swoje kompozycje bardziej dostępnymi lub łatwiejszymi do otwarcia na urządzeniu (dla osób nie używających Inkscape). Możesz także przesłać swój projekt na stronę internetową lub drukarka może preferować plik PNG nad plikiem SVG.

PNG to skrót od Portable Network Graphics i „zawiera bitmapę indeksowanych kolorów i wykorzystuje bezstratną kompresję, podobną do pliku .GIF, ale bez ograniczeń praw autorskich. Pliki PNG są powszechnie używane do przechowywania grafiki dla obrazów internetowych. ”(Zgodnie z FileInfo.com). PNG wydają się być nieco lepszej jakości niż JPEG, ale w rezultacie często mają nieco większy rozmiar pliku. PNG obsługują również grafiki zawierające przezroczyste tło (podczas gdy JPEG nie).

Bez względu na powód, dla którego chcesz używać PNG, Inkscape umożliwia łatwe eksportowanie do tego typu pliku, jeśli zajdzie taka potrzeba. Oto jak.

Ukryte tło projektu izometryczny telefon

W tym artykule użyję mojego Projekt izometrycznego telefonu Stworzyłem w ostatnim samouczku wideo Inkscape. Ukryłem warstwę tła w panelu warstw (oznaczonym czerwoną strzałką na powyższym zdjęciu), a także uczyniłem moje płótno tłem szachownicy, dzięki czemu można zobaczyć, gdzie kompozycja jest przezroczysta (polecam sprawdzenie mojego samouczka Jak sprawić, by Twój Inkscape wyglądał jak obszar roboczy Adobe Illustratora, gdzie przechodzę przez konfigurowanie właściwości dokumentu).

1. Eksportuj stronę do obrazu PNG

Plik Eksport PNG Obraz Inkscape Tutorial

Gdy wszystko zostanie skonfigurowane i gotowe do eksportu, mogę przejść do Plik> Eksportuj obraz PNG (czerwona strzałka na powyższym obrazku).

Eksportuj okno dialogowe obrazu PNG Inkscape

Spowoduje to wyświetlenie dialogu Eksportuj obraz PNG po prawej stronie mojego płótna (zaznaczonego na czerwono na zdjęciu). Moją pierwszą opcją jest wybranie karty w obszarze „Obszar eksportu” z czterema różnymi ustawieniami do wyboru. Jeśli chcę wyeksportować wszystko wewnątrz obramowania mojego płótna (a więc zasadniczo całą kompozycję), wybiorę opcję „Obszar strony” „Eksport” (zielona strzałka). W tej sekcji zobaczysz dwie kolumny i trzy wiersze z danymi liczbowymi, a także listę rozwijaną, aby wybrać jednostkę (mój obraz / płótno jest obecnie w px lub pikselach).

x0 i y0 inkscape export png image

Pierwsze dwie wartości na górze tej sekcji to „x0” i „y0” (podświetlone na zielono powyżej). Wartości te reprezentują miejsce, w którym zostanie zlokalizowana dolna lewa granica lub róg obrazu (innymi słowy, współrzędne początkowe obrazu). Zmienna X zawsze reprezentuje szerokość, a Y zawsze reprezentuje wysokość. Ponieważ zamierzamy wyeksportować całą stronę, nasz obraz zaczyna się od współrzędnych 0 dla x i 0 dla y.

x1 i y1 inkscape export png image

Następne wartości to „x1” i „y1” (podświetlone na zielono powyżej). Te wartości reprezentują miejsce, w którym zostanie zlokalizowana górna prawa granica lub róg obrazu (innymi słowy, współrzędne końcowe dokumentu). Mój całkowity rozmiar płótna dla tej kompozycji to piksele 1920 według pikseli 1080, więc moja współrzędna x1 to 1920, a moja współrzędna y1 to 1080 (pamiętaj, że moje jednostki strony są ustawione na piksele za pomocą rozwijanego menu Jednostki w tej sekcji).

Width and Height inkscape export png image

Ostatnie dwie wartości w tej sekcji to Szerokość i Wysokość i odzwierciedlają całkowity rozmiar mojego obszaru eksportu. Moja szerokość jest wyświetlana jako 1920, a moja wysokość to 1080, ponieważ jest to rozmiar mojego całego płótna. Tak więc PNG będzie miał taki sam rozmiar jak moje płótno po wyeksportowaniu.

Rozmiar obrazu i rozdzielczość Eksportowanie png obrazu Inkscape

Następną sekcją okna dialogowego Eksportuj obraz PNG jest „Rozmiar obrazu” (podświetlony na zielono powyżej). Ta sekcja pozwala dostosować ogólną szerokość i wysokość końcowego rozmiaru obrazu w oparciu o ogólną rozdzielczość obrazu. Rozdzielczość zależy od liczby pikseli lub „kropek”, które mają być wyświetlane na każdy cal obrazu (piksele i kropki są zasadniczo tym samym - są najmniejszą jednostką obrazu. Chociaż dpi lub kropki na cal, jest powszechnie używany podczas pracy z drukarkami, ponieważ drukarki produkują kropki, a piksele są częściej używane przy opisywaniu obrazów wyświetlanych na komputerze). Im więcej pikseli lub punktów wyświetlisz w danym obszarze, tym wyższa będzie rozdzielczość obrazu. Istnieje jednak kompromis w kwestii wyższej rozdzielczości, ponieważ zwiększa to całkowity rozmiar pliku. Możesz dostosować rozdzielczość za pomocą pola wskazanego przez czerwoną strzałkę na powyższym zdjęciu.

Zwiększenie rozdzielczości obrazu w Inkscape

Na przykład, jeśli wiem, że mój obraz wymaga ostatecznej rozdzielczości 300 dpi (punkty na cal), mogę ustawić rozdzielczość, wpisując „300” w polu dpi (czerwona strzałka). Jeśli kliknę klawisz Tab, zauważysz, że moja szerokość i wysokość obrazu nagle się zmienią (podświetlony zielony obszar). Ponieważ zwiększyłem rozdzielczość z 96 do 300, obraz będzie teraz obrazem o wyższej rozdzielczości (więcej punktów będzie wyświetlanych w każdym calu obrazu). W rezultacie mój ogólny rozmiar obrazu jest teraz znacznie większy (moja szerokość i wysokość przeszły od 1920 × 1080 do 6000 × 3375).

Zmniejszanie rozdzielczości obrazu w Inkscape

Jeśli natomiast zmniejszę rozdzielczość, wpisując „72” w polu pierwszego dpi, zobaczysz, że mój rozmiar obrazu zmniejszy się do 1440 × 810. Dzieje się tak dlatego, że mam teraz obraz o niższej rozdzielczości, z mniejszą liczbą punktów wyświetlanych na każdy cal mojego obrazu.

Zmienię wartość z powrotem na domyślną wartość 96 dpi.

Sekcja nazw plików Eksportowanie obrazu PNG

Poniżej sekcji Rozmiar obrazu można ustawić nazwę pliku, który chcesz wyeksportować jako obraz, a także lokalizację na komputerze, w której chcesz go wyeksportować (podświetlona na zielono). Wyeksportuje Twój plik do ostatniej lokalizacji, w której zapisałeś inny plik w Inkscape, lub jakąkolwiek domyślną lokalizację, która jest aktualnie ustawiona w Inkscape, jeśli jeszcze nie zapisałeś pliku.

Aby zmienić nazwę pliku lub miejsce jego eksportu, kliknij przycisk „Eksportuj jako” (czerwona strzałka na zdjęciu powyżej).

Inkscape File Explorer Eksportowanie do PNG

Zostaniesz przeniesiony do eksploratora plików lub okna wyszukiwarki (w zależności od używanego systemu operacyjnego), w którym możesz przeszukać komputer w celu znalezienia lokalizacji pliku, w której chcesz zapisać. W moim przypadku jestem na dysku (D :), w folderze „Zdjęcia” i w innym folderze „Zdjęcia Inkscape” (możesz zobaczyć pełną lokalizację folderu w podświetlonym zielonym obszarze na powyższym obrazku).

Wyeksportowałem ten plik przed użyciem nazwy „Phone Isometric Design Gen 3.png”, dlatego domyślnie pojawia się moja nazwa pliku (czerwona strzałka). Zmienię nazwę na „Isometric Phone Design No Background”.

Zapisz jako typ Plik Eksportuj Samouczek Inkscape

Jeśli kliknę na listę rozwijaną „Zapisz jako typ”, „PNG” będzie jedyną dostępną opcją. Inkscape eksportuje tylko do PNG. Jeśli chcesz wyeksportować do pliku JPEG lub innego typu pliku, musisz wyeksportować plik do PNG z Inkscape, a następnie otworzyć inny program, taki jak GIMP (kolejny niesamowity darmowy program, który mam setki samouczków dla) i wyeksportuj do dowolnego typu pliku.

Gdy będę gotowy do eksportu, kliknę przycisk „Zapisz”.

Inkscape Eksportuj do przycisku PNG

Ale poczekaj! Jeszcze nie skończyłeś - jest jeszcze jeden decydujący krok przed wyeksportowaniem obrazu. Musisz kliknąć przycisk „Eksportuj” zielonym znacznikiem wyboru, aby faktycznie wyeksportować plik (czerwona strzałka na powyższym obrazku). Jeśli nie klikniesz tego przycisku, plik nie zostanie wyeksportowany. Po kliknięciu tego przycisku mój plik SVG zostanie teraz wyeksportowany do pliku PNG.

Uwaga: jeśli zaznaczysz opcję „Zamknij po zakończeniu” po lewej stronie przycisku Eksportuj (zaznaczoną na niebiesko na powyższym zdjęciu), okno dialogowe Eksport obrazu PNG zostanie zamknięte po zakończeniu eksportu.

2. Eksportuj rysunek do obrazu PNG

W ostatniej sekcji omówiono opcję eksportu całej strony do pliku PNG, ale co jeśli chcesz wyeksportować rysunek na stronie, a nie puste miejsce wokół niego?

Obszar eksportu rysunku w Inkscape

Cóż, druga zakładka w sekcji Obszar eksportu pozwala Ci to zrobić. Po przejściu do Plik> Eksportuj obraz PNG, aby wyświetlić okno dialogowe Eksportuj obraz PNG (zakładając, że nie jest on otwarty już w poprzednim kroku), możesz kliknąć kartę „Rysunek” w sekcji Obszar eksportu (czerwony strzałka).

Ta opcja spowoduje wyeksportowanie tylko obszaru naszego obrazu zawierającego rysunek. W takim przypadku eksportuje tylko obszar, w którym znajduje się projekt telefonu. Cała pusta przestrzeń między projektem telefonu a granicą kanwy nie dotrze do ostatecznego eksportowanego PNG. Znajduje to odzwierciedlenie w naszych wartościach dla naszych współrzędnych obrazu, które teraz zmieniły się w porównaniu z tymi, które były w ustawieniu „Strona”.

x0 i y0 rysunek obszaru eksportu

Teraz moja wartość x0 to piksele 317.278, a moja wartość y0 to piksele 121.273 (podświetlone na zielono). To jest nowa lokalizacja dla lewego dolnego rogu mojego obrazu (lub współrzędnych początkowych).

x1 i y1 rysunek obszaru eksportu

Dodatkowo, moja wartość x1 to teraz piksele 1602.722, a moja wartość y1 to 911.076. To jest nowa lokalizacja w prawym górnym rogu mojego obrazu (lub współrzędnych końcowych).

rysunek obszaru eksportu szerokości i wysokości

Mój obszar eksportu obrazów nie będzie już obejmował całej długości mojego płótna (piksele 1920 × 1080). Będzie mniejszy, ponieważ pozbywa się pustej przestrzeni wokół rysunku. Potwierdza to nowa szerokość i wysokość (zaznaczone na zielono). Moja szerokość to teraz 1285.444, a moja nowa wysokość to teraz 789.803 (obie wartości w pikselach).

Obszar eksportu rysunku wielkości obrazu Inkscape

W sekcji Rozmiar obrazu (zaznaczonej na zielono na powyższym obrazku) mogę ponownie zmienić rozdzielczość mojego obrazu, co spowoduje zwiększenie lub zmniejszenie końcowej szerokości i wysokości eksportowanego PNG. Szerokość i wysokość są wyświetlane jako piksele 1285 × 790, ponieważ wartości z poprzedniej sekcji zostały zaokrąglone. Inkscape nie może eksportować ułamka piksela, więc wartości muszą być zaokrąglone do najbliższej liczby całkowitej.

Eksportuj jako obszar eksportu rysunku

Kiedy jesteś gotowy do eksportu rysunku, możesz ponownie kliknąć opcję „Eksportuj jako” (czerwona strzałka), aby zmienić nazwę pliku i lokalizację (zmieniłem nazwę pliku na „Rysunek izometryczny telefonu”), a następnie kliknij przycisk „Eksportuj” wyeksportować SVG do PNG (niebieska strzałka).

Rysunek izometryczny telefonu

Powyżej znajduje się ostateczny eksportowany rysunek. Jeśli podświetlisz zdjęcie za pomocą myszy, zauważysz, że granica obrazu kończy się w miejscu, gdzie kończy się rysunek (uwaga: został nieco przeskalowany dla tego artykułu).

3. Eksportuj zaznaczenie do PNG

Oprócz eksportowania całej kompozycji i eksportowania tylko rysunku, można również zawęzić eksportowany obszar do tylko zaznaczenia.

Wybór obszaru eksportu Inkscape 2019

Powiedzmy więc hipotetycznie, że chcę wyeksportować tylko frontową część mojego telefonu. Mogę pobrać narzędzie do selekcji z mojego przybornika (czerwona strzałka na powyższym zdjęciu), a następnie kliknąć na wszystkich elementach, które chcę wyeksportować (kliknąłem wszystkie kształty, które tworzą przednią powierzchnię telefonu) . Po wybraniu wszystkich tych elementów zobaczysz teraz, że w oknie dialogowym Eksportuj obraz PNG karta Obszar eksportu automatycznie zmieniła się na kartę „Wybór” (zielona strzałka na zdjęciu).

Wybór Eksportuj Eksportuj SVG do PNG Inkscape

Moje współrzędne początkowe i końcowe odzwierciedlają teraz punkty początkowe i końcowe wybranych obszarów, a szerokość i wysokość mojego obrazu zmieniły się, aby pasowały do ​​wymiarów tego obszaru (na zdjęciu powyżej zaznaczone na zielono).

Mogę jeszcze raz zmienić rozdzielczość mojego obrazu w sekcji Rozmiar obrazu (zaznaczonej na czerwono), która zwiększy lub zmniejszy ogólny rozmiar obrazu w zależności od ustawionej rozdzielczości.



Mogę także zmienić nazwę mojego pliku (tym razem zmieniłem go na „Isometric Phone Front Face”) i miejsce, w którym chcę go zapisać, używając przycisku Eksportuj jako w sekcji Nazwa pliku (zaznaczonego na niebiesko), a następnie kliknij „Eksportuj ”, Aby wyeksportować zaznaczenie do PNG. Warto również wspomnieć o kilku innych opcjach. Po pierwsze, mogę „eksportować partiami” wybrane przeze mnie obiekty, co oznacza, że ​​każdy obiekt zostanie wyeksportowany jako osobny plik PNG. Poniżej mam opcję „Ukryj wszystko z wyjątkiem zaznaczonego”, co oznacza, że ​​cokolwiek nie wybrałem, nie pojawi się w ostatecznej kompozycji. Jeśli nie zaznaczę tej opcji, elementy, których nie wybrałem, będą nadal wyświetlane, o ile mieszczą się w obszarze ramki, do którego eksportuję.

Wyklucz obszary wyboru ukryte i ukryte

Powyżej znajdują się dwa różne wyniki eksportowania zaznaczenia - po lewej stronie jest wynik bez zaznaczenia opcji „Ukryj wszystko z wyjątkiem zaznaczenia”, a wynik po prawej stronie jest zaznaczony tą opcją.

4. Eksportuj obszar niestandardowy do PNG

Ostatnia sekcja w oknie dialogowym Eksport do obrazu PNG to opcja eksportu niestandardowego obszaru kompozycji. Tutaj wszystkie te same zasady obowiązują od innych ustawień (x0 i y0 to współrzędne początkowe, x1 i y1 to współrzędne końcowe, a Szerokość i Wysokość będą całkowitym rozmiarem kompozycji).

Główna różnica polega na tym, że obszar ustawiony za pomocą tych wartości będzie obszarem eksportowanym - niezależnie od tego, czy w tym obszarze znajduje się rysunek. Jest to prawie tak, jak ustawienie kadru, ponieważ wycinasz coś poza ustawionymi wartościami.

Custom Export Area 2019 Inkscape Tutorial

Aby zademonstrować to ustawienie w działaniu, ustawię wartości x0 i y0 na 250, a moje wartości x1 i y1 na 1250. Spowoduje to utworzenie obrazu o szerokości i wysokości pikseli 1000. Zmienię nazwę obrazu na „Obszar niestandardowy telefonu izometrycznego” i kliknę „Eksportuj”.

obszar niestandardowy telefonu izometrycznego

Moim ostatnim składem będzie kwadrat pikselowy 1000 x 1000 z częściami odcięcia projektowego, gdziekolwiek projekt znajdował się poza obszarem eksportu.

To wszystko na ten samouczek! Jeśli Ci się podobało, możesz sprawdzić wszystkie moje inne Artykuły pomocy Inkscape, Samouczki wideo Inkscapelub Samouczki GIMP.

Subskrybuj nasz biuletyn GIMP

Dołącz do naszej listy mailingowej, aby otrzymywać nowe samouczki, aktualizacje kursów GIMP i najnowsze wiadomości.

Pomyślnie subskrybowany!

Przypiąć go na Pinterest

Udostępnij to