SVGView

Obrót SVG online

Obracaj pliki SVG online za darmo. Obróć SVG o 90°, 180° lub 270°, odbij w poziomie lub pionie i pobierz wynik natychmiast.

Nie załadowano żadnego pliku SVG. Aby rozpocząć, upuść plik.

Witamy w edytorze SVG

Upuść plik SVG, kliknij „Prześlij”/„Ikony” lub użyj Ctrl/Cmd+V, aby wkleić kod SVG

Zacznij od przykładowej ikony

Wybierz próbkę poniżej lub prześlij i edytuj własny plik SVG.

Dlaczego warto korzystać z naszego narzędzia do obracania i odwracania SVG?

Szybkie obroty pod kątem

SVG Rotate umożliwia obrót jednym kliknięciem dla typowych kątów, dzięki czemu można szybko dostosować orientację. Dzięki temu krawędzie są ostre i pozwala uniknąć ręcznych przekształceń w kodzie. Użyj go, aby wyrównać ikony kart, nawigacji lub lustrzanych stanów interfejsu użytkownika.

Przewroty poziome i pionowe

Narzędzie odzwierciedla grafikę pod kątem zmian kierunku interfejsu użytkownika, układów RTL lub odmian ikon. Flipy są precyzyjne i zachowują oryginalne proporcje. Jest to przydatne, gdy potrzebujesz lewego i prawego wariantu bez przerysowywania.

Podgląd na żywo

SVG Rotate natychmiast wyświetla aktualizacje, dzięki czemu możesz sprawdzić odstępy i wyrównanie przed eksportem. Podgląd zapobiega niespodziankom w produkcji i zapewnia szybkie przeglądanie. Użyj kontrastowego tła, aby dostrzec przypadkowe obrysy lub wypełnienie.

Eksportuj SVG lub PNG

Funkcja SVG Rotate umożliwia pobranie przekształconego pliku SVG lub wyeksportowanie pliku PNG do dokumentów i slajdów. Jest to przydatne, gdy potrzebne są szybkie zmiany rastrowe. Eksport PNG jest również pomocny, gdy platforma nie obsługuje formatu SVG. Zachowaj oba formaty razem, aby zespoły mogły wybrać właściwy plik.

Dane wyjściowe przyjazne dla ViewBox

Obrót SVG zachowuje lub dostosowuje pole widoku, dzięki czemu skalowanie pozostaje prawidłowe po przekształceniach. Dzięki temu układy są stabilne w CSS i HTML. Właściwa obsługa viewBox zmniejsza również nieoczekiwane przycinanie. Jeśli w pliku brakuje pola widoku, dodaj je przed obróceniem.

Lokalne, prywatne przetwarzanie

SVG Rotate działa całkowicie w przeglądarce, bez przesyłania plików. Zapewnia bezpieczeństwo zasobów klientów i działa w sieciach z ograniczeniami. Przetwarzanie lokalne zapewnia również szybką iterację dużych plików.

Jak obrócić lub przerzucić plik SVG

1

Dodaj swój plik SVG

Przeciągnij i upuść plik lub wklej znaczniki SVG. SVG Rotate ładuje źródło lokalnie i utrzymuje nienaruszony oryginalny viewBox. Aby uzyskać najbardziej przewidywalne rezultaty, upewnij się, że grafika jest wyśrodkowana. Otwórz pliki SVG online i od razu rozpocznij przetwarzanie.

2

Obróć lub odwróć

Wybierz kąt obrotu lub kierunek zmiany i natychmiast obejrzyj aktualizację podglądu. Obrót SVG utrzymuje kształty wyrównane, dzięki czemu wydruk pozostaje ostry. Jeśli widzisz dodatkowe dopełnienie, dostosuj źródłowy widokBox.

3

Eksportuj wyniki

Pobierz przekształcony plik SVG lub wyeksportuj plik PNG jednym kliknięciem. SVG Rotate utrzymuje porządek w nazwach plików, umożliwiając szybkie ich przekazanie. W przypadku wariantów używaj spójnych nazewnictwa, np. icon-arrow-right.svg.

Najczęstsze pytania o obrót SVG online

Jak obrócić SVG online?
Przeciągnij plik SVG do edytora powyżej, wybierz 90°, 180° lub 270° albo wpisz własny kąt i kliknij Zastosuj. Podgląd aktualizuje się natychmiast, a obrócony plik pobierzesz bez instalowania czegokolwiek.
Czy mogę obrócić SVG o 90 stopni?
Tak. 90° zgodnie z ruchem wskazówek zegara i 90° przeciwnie to jedno kliknięcie. viewBox jest dopasowywany automatycznie, więc grafika pozostaje wyśrodkowana i nie zostaje przycięta.
Czy mogę obrócić SVG o 180 stopni?
Tak. Przycisk 180° odwraca grafikę do góry nogami. Pół obrotu nakłada viewBox na siebie, więc pozostaje bez zmian, a układ strony się nie przesuwa.
Czy obrót pogarsza jakość SVG?
Nie. Obrót jest zapisywany w pliku SVG jako transformacja, więc ścieżki, gradienty i tekst pozostają ostre w każdej skali. Nie ma rasteryzacji ani utraty jakości.
Czy mogę odbić SVG w poziomie?
Tak. Odbicie poziome lustrzanie odwraca grafikę w lewo i prawo, co przydaje się w układach RTL, strzałkach wstecz i wariantach ikon. Odbicie pionowe odwraca ją góra-dół.
Czy mogę jednocześnie obrócić i odbić SVG?
Tak. Stosuj przekształcenia po kolei, na przykład obróć o 90°, a potem odbij w poziomie. Każdy krok działa na bieżącym wyniku, więc kolejność jest dowolna.
Czy przy obrocie trzeba pilnować viewBox?
Nie. Szerokość, wysokość i viewBox są przeliczane przy każdym obrocie, dzięki czemu grafika zachowuje proporcje i skaluje się poprawnie w CSS i HTML. Jeśli plik nie ma viewBox, użyj najpierw Napraw viewBox.
Czy po obrocie mogę wyeksportować PNG?
Tak. Pobierz przekształcony SVG albo wyeksportuj PNG, gdy potrzebujesz wersji rastrowej do slajdów, dokumentów lub komunikatorów bez obsługi SVG.
Czy to narzędzie do obrotu SVG jest darmowe?
Tak. Obrót SVG online jest całkowicie darmowy: bez rejestracji, bez znaków wodnych i bez limitu liczby plików.
Czy SVGView wysyła mój plik SVG na serwer?
Nie. Każdy obrót i odbicie wykonuje się lokalnie w przeglądarce. Pliki nie opuszczają Twojego urządzenia, co jest bezpieczne dla prac objętych NDA i pracy offline.
Czy jest limit rozmiaru pliku?
Pliki do 10MB działają bez problemu. Bardzo duże lub mocno filtrowane SVG mogą chwilę się renderować; usunięcie nieużywanych filtrów i ścieżek zwykle przyspiesza podgląd.

Powiązane narzędzia SVG

Połącz SVG Rotate z tymi narzędziami, aby zmieniać rozmiar, optymalizować i eksportować spójne zasoby. Dzięki tym pomocnikom zasoby są spójne w różnych rozmiarach i orientacjach.

Zmień rozmiar SVG

Zmień rozmiar zasobów po obróceniu SVG, aby wymiary odpowiadały siatce układu. Dzięki temu odstępy między zestawami ikon są spójne.

Otwórz narzędzie

Optymalizator SVG

Zmniejsz rozmiar pliku po obróceniu SVG, aby zachować lekkość wyników. Optymalizacja usuwa także metadane edytora. Jest to przydatne, gdy wysyłasz zasoby w pakietach internetowych.

Otwórz narzędzie

Przeglądarka SVG

Podgląd zasobów przed i po SVG Obróć, aby potwierdzić wyrównanie. Przełącz tła, aby sprawdzić przezroczystość. Użyj zoomu, aby sprawdzić krawędzie pikseli.

Otwórz narzędzie

SVG do PNG

Eksportuj pliki PNG wraz z wynikami SVG. Obracaj, jeśli potrzebujesz zastępczych rastrów. Pomaga to podczas udostępniania zasobów na slajdach. Dla przejrzystości nazwy plików PNG mają tę samą orientację.

Otwórz narzędzie

Powiązany blog SVG

Czytaj dalej praktyczne materiały o przepływach SVG, rozwiązywaniu problemów i produkcji.