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ę z indeksowanymi kolorami i używa bezstratnej kompresji, podobnej do pliku .GIF, ale bez ograniczeń praw autorskich. Pliki PNG są powszechnie używane do przechowywania grafiki dla obrazów internetowych ”. (według 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).

Niezależnie od powodu, dla którego chcesz używać PNG, Inkscape umożliwia łatwe eksportowanie do tego typu pliku, jeśli kiedykolwiek 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 płótno Inkscape wyglądało jak obszar roboczy programu Adobe Illustrator, gdzie przechodzę przez konfigurowanie właściwości dokumentu).

1. Eksportuj stronę do obrazu PNG

Plik Eksport PNG Obraz Inkscape Tutorial

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

Eksportuj okno dialogowe obrazu PNG Inkscape

Spowoduje to wyświetlenie okna dialogowego Eksportuj obraz PNG po prawej stronie mojego płótna (zaznaczonego na czerwono na zdjęciu). Moją pierwszą opcją jest wybranie karty w „Obszarze eksportu” z czterema różnymi ustawieniami do wyboru. Jeśli chcę wyeksportować wszystko, co znajduje się wewnątrz obramowania mojego płótna (czyli w zasadzie całą kompozycję), wybiorę opcję „Obszar eksportu” (zielona strzałka). Zobaczysz dwie kolumny i trzy wiersze z danymi liczbowymi w tej sekcji, a także rozwijane pole wyboru jednostki (mój obraz / płótno jest obecnie w pikselach lub pikselach).

x0 i y0 inkscape export png image

Pierwsze dwie wartości u góry tej sekcji to „x0” i „y0” (zaznaczone powyżej na zielono). Te wartości reprezentują miejsce, w którym lewa dolna granica lub róg obrazu (innymi słowy, początkowe współrzędne 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

Kolejne wartości to „x1” i „y1” (zaznaczone powyżej na zielono). Wartości te określają, gdzie będzie zlokalizowana górna prawa granica lub róg obrazu (innymi słowy, końcowe współrzędne dokumentu). Mój całkowity rozmiar płótna dla tej kompozycji wynosił 1920 pikseli na 1080 pikseli, 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 pośrednictwem menu rozwijanego 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” (zaznaczony na zielono powyżej). Ta sekcja umożliwia dostosowanie całkowitej szerokości i wysokości ostatecznego rozmiaru obrazu w oparciu o ogólną rozdzielczość obrazu. Rozdzielczość zależy od tego, ile pikseli lub „kropek” chcesz wyświetlić na każdy cal obrazu (piksele i kropki to w zasadzie to samo - są najmniejszą jednostką obrazu. Chociaż dpi, czyli kropki na cal, jest powszechnie używany podczas pracy z drukarkami, ponieważ drukarki generują kropki, a piksele są częściej używane podczas opisywania obrazów wyświetlanych na komputerze). Im więcej pikseli lub punktów zostało wyświetlonych w obszarze, tym wyższa będzie rozdzielczość obrazu. Istnieje jednak kompromis z wyższą rozdzielczością, ponieważ zwiększa ogólny rozmiar pliku. Możesz dostosować rozdzielczość w polu wskazanym czerwoną strzałką na powyższym zdjęciu.

Zwiększenie rozdzielczości obrazu w Inkscape

Na przykład, jeśli wiem, że potrzebuję, aby mój obraz miał końcową rozdzielczość 300 dpi (punktów na cal), mogę ustawić rozdzielczość, wpisując „300” w polu dpi (czerwona strzałka). Jeśli naciśnę klawisz tabulatora, zauważysz, że szerokość i wysokość mojego 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ść zmieniły się z 1920 × 1080 do 6000 × 3375).

Zmniejszanie rozdzielczości obrazu w Inkscape

Jeśli z drugiej strony zmniejszę rozdzielczość, wpisując „72” w pierwszym polu dpi, zobaczysz, że rozmiar mojego obrazu zmniejszy się do 1440 × 810. Dzieje się tak, ponieważ 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 znajduje się opcja umożliwiająca ustawienie nazwy pliku, który chcesz wyeksportować, a także lokalizację na komputerze, do której chcesz go wyeksportować (zaznaczona na zielono). Wyeksportuje twój plik do ostatniej lokalizacji, w której zapisałeś dowolny inny plik w Inkscape lub jakiejkolwiek domyślnej lokalizacji, która jest obecnie skonfigurowana w twoim Inkscape, jeśli jeszcze nie zapisałeś pliku.

Aby zmienić nazwę pliku lub miejsce, w którym jest eksportowany, kliknij przycisk „Eksportuj jako” (czerwona strzałka na powyższym zdjęciu).

Inkscape File Explorer Eksportowanie do PNG

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

Wyeksportowałem ten plik przed użyciem nazwy „Phone Isometric Design Gen 3.png”, dlatego moja nazwa pliku jest domyślnie wyświetlana jako ta (czerwona strzałka). Zmienię nazwę na „Izometryczny projekt telefonu bez tła”.

Zapisz jako typ Plik Eksportuj Samouczek Inkscape

Jeśli kliknę menu „Zapisz jako typ”, „PNG” będzie jedyną dostępną opcją. Inkscape eksportuje tylko do formatu PNG. Jeśli chcesz wyeksportować do czegoś takiego jak plik JPEG lub inny typ pliku, będziesz musiał wyeksportować plik do formatu 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ś - przed wyeksportowaniem obrazu jest jeszcze jeden kluczowy krok. Musisz kliknąć przycisk „Eksportuj” z 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 Eksportuj obraz 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 w celu wywołania okna dialogowego Eksportuj obraz PNG (zakładając, że nie masz go już otwartego z poprzedniego kroku), możesz kliknąć zakładkę oznaczoną „Rysunek” w sekcji Obszar eksportu (czerwony strzałka).

Ta opcja wyeksportuje tylko obszar naszego obrazu, który zawiera rysunek. Tak więc w tym przypadku wyeksportuje tylko obszar, w którym znajduje się projekt telefonu. Cała pusta przestrzeń między projektem telefonu a granicą obszaru roboczego nie dotrze do ostatecznego wyeksportowanego pliku PNG. Znajduje to odzwierciedlenie w naszych wartościach współrzędnych obrazu, które teraz uległy zmianie w porównaniu z ustawieniami „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

Tak więc obszar eksportu mojego obrazu nie będzie już obejmował całej długości mojego płótna (1920 × 1080 pikseli). Będzie mniejszy, ponieważ usuwa pustą przestrzeń 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 zwiększy lub zmniejszy ostateczną szerokość i wysokość eksportowanego pliku PNG. Szerokość i wysokość są wyświetlane jako 1285 × 790 pikseli, ponieważ wartości z poprzedniej sekcji zostały zaokrąglone. Inkscape nie może eksportować ułamka piksela, więc wartości należy zaokrąglić do najbliższej liczby całkowitej.

Eksportuj jako obszar eksportu rysunku

Gdy jesteś gotowy do wyeksportowania rysunku, możesz ponownie kliknąć opcję „Eksportuj jako” (czerwona strzałka), aby zmienić nazwę i lokalizację pliku (zmieniłem nazwę pliku na „Izometryczny rysunek telefonu”), a następnie kliknąć przycisk „Eksportuj” aby 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

Załóżmy więc hipotetycznie, że chcę wyeksportować tylko przednią część mojego telefonu. Mogę pobrać narzędzie do zaznaczania z mojego przybornika (czerwona strzałka na powyższym zdjęciu), a następnie przesunąć Shift i kliknąć wszystkie elementy, które chcę zaznaczyć do wyeksportowania (kliknąłem wszystkie kształty, które tworzą przednią część telefonu) . Po zaznaczeniu wszystkich tych elementów zobaczysz, że w oknie dialogowym Eksportuj obraz PNG, zakładka Obszar eksportu zmieniła się automatycznie na zakładkę „Zaznaczenie” (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ę również zmienić nazwę mojego pliku (zmieniłem go tym razem na „Izometryczny przód telefonu”) i lokalizację, w której chcę go zapisać, używając przycisku Eksportuj jako w sekcji Nazwa pliku (zaznaczonej na niebiesko), a następnie kliknij „Eksportuj ”, Aby wyeksportować zaznaczenie do pliku PNG. Jest tu również kilka innych opcji, o których warto wspomnieć. Po pierwsze, mogę „wyeksportować zbiorczo” wybrane przeze mnie obiekty, co oznacza, że ​​każdy obiekt zostanie wyeksportowany jako oddzielny plik PNG. Poniżej mam opcję „Ukryj wszystko oprócz wybranych”, 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 z odznaczoną opcją „Ukryj wszystko oprócz zaznaczenia”, a wynik po prawej stronie jest z zaznaczoną 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, czy nie. Jest to więc prawie jak ustawienie kadrowania, ponieważ wycinasz wszystko poza ustawionymi wartościami.

Custom Export Area 2019 Inkscape Tutorial

Aby zademonstrować to ustawienie w akcji, 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 1000 pikseli. Zmienię nazwę obrazu na „Isometric Phone Custom Area” i kliknę „Export”.

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 tyle w tym samouczku! Jeśli ci się podobało, możesz sprawdzić moje inne Artykuły pomocy Inkscape, Samouczki wideo Inkscapelub Samouczki GIMP.

Subskrybuj nasz biuletyn GIMP

Zarejestruj się, aby otrzymywać nowe samouczki, aktualizacje kursów i najnowsze wiadomości!

Pomyślnie subskrybowany!