Aby przekonwertować plik Adobe Illustrator (.ai) do SVG, otwórz dokument, wybierz Plik > Zapisz jako lub Plik > Zapisz kopię, ustaw format SVG (*.SVG), a następnie skonfiguruj opcje w oknie Opcje SVG. Przed zapisaniem zachowaj oryginalny plik AI, ponieważ SVG może nie przechować wszystkich danych edycyjnych Illustratora.

Jak zapisać plik Illustrator jako SVG?

Standardowa procedura wygląda następująco:

  1. Otwórz plik .ai w programie Adobe Illustrator.
  2. Wybierz Plik > Zapisz jako albo Plik > Zapisz kopię.
  3. Wskaż miejsce zapisu, wpisz nazwę pliku i wybierz format SVG (*.SVG). W razie potrzeby możesz wybrać także Skompresowany SVG (*.SVGZ).
  4. Kliknij Zapisz, aby otworzyć okno Opcje SVG.
  5. Ustaw najważniejsze parametry i zatwierdź je przyciskiem OK.

Jeśli dokument zawiera kilka obszarów roboczych, w pliku SVG zostanie zapisany aktywny obszar roboczy. Przed zapisem zaznacz więc ten obszar, który chcesz wyeksportować. Illustrator może wyświetlać zawartość pozostałych obszarów, ale wynikowy plik SVG obejmie tylko aktywny obszar.

Najważniejsze ustawienia w oknie Opcje SVG

Nie wszystkie parametry trzeba zmieniać. W większości projektów internetowych znaczenie mają przede wszystkim te opcje:

  • Profil SVG – wybierz SVG 1.1 dla standardowych zastosowań na komputerach i w przeglądarkach.
  • Typ czcionki – ustaw Konwertuj na kontury, jeśli wygląd tekstu ma pozostać taki sam bez względu na dostępność użytej czcionki. Litery zostaną zamienione na ścieżki wektorowe, więc tekst nie będzie już można edytować jak tekstu.
  • Zachowaj możliwości edycyjne programu Illustrator – zaznacz tę opcję, gdy plik SVG ma być później ponownie otwierany i edytowany w Illustratorze. W pliku zostaną osadzone dane charakterystyczne dla AI, co zwiększy jego rozmiar.
  • Liczba miejsc po przecinku – określa precyzję zapisu współrzędnych wektorowych. Wyższa wartość może lepiej zachować skomplikowane kształty, ale zwykle zwiększa rozmiar pliku.
  • Położenie obrazów – wybierz osadzanie obrazów, gdy SVG ma działać jako samodzielny plik. Obrazy połączone zewnętrznie mogą nie wyświetlić się po przeniesieniu pliku bez towarzyszących plików rastrowych.

W przypadku publikacji w internecie najczęściej zależy Ci na małym pliku i poprawnym wyświetlaniu w różnych przeglądarkach. Konwersja tekstu na kontury zwiększa zgodność wizualną, ale usuwa możliwość łatwej edycji treści. Z kolei zachowanie możliwości edycyjnych Illustratora jest przydatne podczas dalszej pracy, lecz nie zawsze ma sens w finalnym pliku przeznaczonym wyłącznie do strony internetowej.

Przeczytaj również: Jak przekonwertować plik AI na SVG bez programu Illustrator?

Jak przygotować plik przed eksportem?

Przed zapisaniem sprawdź elementy, które mogą zwiększyć rozmiar SVG albo spowodować rasteryzację części projektu:

  • Sprawdź warstwy i usuń obiekty, których nie ma w finalnej kompozycji.
  • Uprość bardzo skomplikowane ścieżki, jeśli nie są potrzebne w takiej szczegółowości.
  • Zweryfikuj efekty rastrowe, rozmycia, cienie i osadzone obrazy.
  • Wybierz właściwy aktywny obszar roboczy przed zapisaniem pliku.

Uwaga: siatki gradientowe są rasteryzowane podczas zapisywania do SVG. Podobny efekt może wystąpić w przypadku elementów, których wygląd zależy od efektów rastrowych. Jeśli grafika musi pozostać w pełni wektorowa, sprawdź te obiekty przed eksportem i rozważ zastąpienie ich prostszymi kształtami lub gradientami.

Sprawdź także: Wektoryzacja w Illustratorze – jak przekształcić obraz w wektor?

Po zapisaniu otwórz SVG w przeglądarce i sprawdź tekst, przezroczystości, maski, gradienty oraz położenie elementów. Oryginalny plik .ai zachowaj jako źródło dalszej edycji, a SVG traktuj jako format wynikowy do publikacji lub użycia w innych aplikacjach.

Zobacz także: Jak przekonwertować plik DXF do SVG w programie Inkscape?