SVGView

Narzędzie zmiany rozmiaru SVG

Dostosuj wymiary bez zakłócania układu. Przydatne do dopasowywania ikon do siatek lub dopasowywania specyfikacji projektu. Otwórz pliki SVG online i od razu rozpocznij przetwarzanie.

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 zmiany rozmiaru SVG?

Kontrola pikseli lub procentów

Funkcja zmiany rozmiaru SVG obsługuje dokładne wprowadzanie szerokości i wysokości, a także skalowanie procentowe. Ułatwia to dopasowanie specyfikacji projektu lub skalowanie zasobów dla różnych punktów przerwania. Aby zachować spójność, możesz dopasować rozmiary do żetonów projektu lub systemów siatek. Wprowadzanie liczbowe ułatwia również dopasowanie eksportowanych rozmiarów PNG.

Blokada proporcji

Opcja blokady zachowuje proporcje i zapobiega zniekształceniom. Zachowanie nienaruszonych proporcji gwarantuje, że ikony i ilustracje pozostaną wizualnie zrównoważone. Jest to szczególnie przydatne w przypadku logo, które nie mogą się rozciągać.

Dane wyjściowe obsługujące ViewBox

Narzędzie utrzymuje lub naprawia ViewBox, aby zasób był poprawnie skalowany w CSS i HTML. Pozwala to uniknąć nieoczekiwanego przycięcia lub białych znaków w produkcji. Właściwe ustawienia viewBox zmniejszają również zmiany układu podczas wymiany zasobów.

Podgląd na żywo

Zmiana rozmiaru SVG jest natychmiast aktualizowana dzięki opcjom powiększenia i tła. Podgląd wyniku pomaga sprawdzić odstępy, wypełnienie i wyrównanie przed eksportem. Użyj kontrastowego tła, aby dostrzec przypadkowe pociągnięcia lub dodatkowe wypełnienie. Widok siatki może pomóc w sprawdzeniu wyrównania optycznego.

Elastyczny eksport

Zmiana rozmiaru SVG umożliwia pobranie pliku SVG o zmienionym rozmiarze lub wyeksportowanie pliku PNG w jednym kroku. Jest to przydatne, gdy potrzebujesz zastępczego obrazu rastrowego dla dokumentów lub prezentacji. Trzymaj obie wersje w tym samym folderze, aby ułatwić ich przekazanie. Eksportowanie obu formatów ogranicza konieczność powtarzania się podczas przeglądania.

Przetwarzanie lokalne

SVG Resize działa całkowicie w przeglądarce, więc pliki nigdy nie opuszczają Twojego urządzenia. Dzięki temu zasoby klienta pozostają prywatne i przyspieszają iterację. Przetwarzanie lokalne pozwala również uniknąć opóźnień w przesyłaniu dużych plików. Działa dobrze, gdy zasady sieciowe blokują przesyłanie.

Jak zmienić rozmiar pliku SVG

1

Dodaj swój plik SVG

Przeciągnij i upuść plik lub wklej znaczniki SVG. SVG Resize ładuje źródło lokalnie i zachowuje oryginalny viewBox. Jeśli w pliku SVG brakuje pola widoku, dodaj je przed zmianą rozmiaru. Otwórz pliki SVG online i od razu rozpocznij przetwarzanie.

2

Ustaw wymiary

Wprowadź docelową szerokość i wysokość lub skaluj proporcjonalnie. SVG Resize wyświetla podgląd na żywo, dzięki czemu możesz sprawdzić wygląd. Sprawdź szerokość pociągnięć, aby upewnić się, że nadal jest wyważona.

3

Eksportuj wyniki

Natychmiast pobierz plik SVG o zmienionym rozmiarze lub wyeksportuj plik PNG. Funkcja SVG Resize dba o czystość nazw plików, dzięki czemu zasoby można łatwo śledzić podczas przekazywania. Użyj spójnego wzorca nazewnictwa, takiego jak nazwa-ikony-24.svg.

Często zadawane pytania dotyczące zmiany rozmiaru SVG

Czy mogę zmienić rozmiar plików SVG online, aby uzyskać dokładne wymiary?
Tak. SVG Resize akceptuje dokładne wartości szerokości i wysokości w pikselach, co ułatwia dopasowanie do specyfikacji układu. Jest to przydatne, gdy zasoby muszą pasować do ściśle określonych rozmiarów komponentów.
Jak zachować proporcje podczas zmiany rozmiaru pliku SVG?
Włącz opcję blokady w SVG Resize, aby zachować proporcje. Zapobiega to rozciąganiu ikon i logo. Zapobiega także zamienianiu się kół w owale.
Czy narzędzie zmiany rozmiaru SVG zachowa pole widoku?
SVG Resize utrzymuje widok i aktualizuje go w razie potrzeby, dzięki czemu skalowanie pozostaje dokładne w przeglądarce. Prawidłowe wartości viewBox poprawiają responsywność w CSS. Jest to ważne, gdy pliki SVG są używane jako obrazy tła.
Czy mogę wyeksportować plik PNG po zmianie rozmiaru?
Tak. Zmiana rozmiaru SVG zawiera opcję eksportu PNG dla dokumentacji, slajdów lub narzędzi rastrowych. Eksporty PNG są przydatne, gdy platforma nie obsługuje formatu SVG. Są również przydatne do szybkiego podglądu klienta.
Czy mój plik SVG został przesłany?
Nie. SVG Resize działa lokalnie w Twojej przeglądarce, więc Twoje pliki nigdy nie opuszczą Twojego urządzenia. Dzięki temu majątek klienta pozostaje poufny.
Jaki jest limit rozmiaru pliku?
Zmiana rozmiaru SVG obsługuje pliki do 10MB. Jeśli plik SVG jest bardzo złożony, rozważ najpierw jego optymalizację. Prostsze ścieżki są również renderowane szybciej.
Czy mogę zmienić rozmiar zasobów Retina?
Tak. Zmiana rozmiaru SVG sprawdza się dobrze w przypadku eksportowania rozmiarów 2x lub 3x, które można następnie zmniejszyć w CSS, aby uzyskać dodatkową ostrość. Jest to przydatne w przypadku zestawów ikon w systemach projektowych. W razie wątpliwości eksportuj w większym formacie i zmniejszaj, aby uniknąć miękkości.
Czy narzędzie SVG Resize Tool jest bezpłatne i nie wymaga pobierania?
Tak. Z narzędzia zmiany rozmiaru SVG można korzystać bezpłatnie w przeglądarce. Nie są wymagane żadne pliki do pobrania ani instalacja.
Czy potrzebuję konta, aby korzystać z narzędzia zmiany rozmiaru SVG?
Nie. Narzędzie zmiany rozmiaru SVG działa natychmiast w przeglądarce bez konieczności rejestracji, a pliki pozostają lokalne.

Powiązane narzędzia SVG

Użyj zmiany rozmiaru SVG w połączeniu z tymi narzędziami, aby obracać, optymalizować i eksportować spójne zasoby.

SVG Obróć i odwróć

Dostosuj orientację przed zmianą rozmiaru SVG, aby ostateczne wymiary odpowiadały Twojemu układowi. Dzięki temu szerokość i wysokość są przewidywalne po obrocie.

Otwórz narzędzie

Optymalizator SVG

Skompresuj plik po zmianie rozmiaru SVG, aby zachować lekkość wydruku. Mniejsze pliki ładują się szybciej w aplikacjach i narzędziach do projektowania.

Otwórz narzędzie

Przeglądarka SVG

Wyświetl podgląd zasobu przed i po zmianie rozmiaru SVG, aby sprawdzić wyrównanie. Użyj tła siatki, aby sprawdzić wypełnienie.

Otwórz narzędzie

SVG do PNG

Eksportuj pliki PNG wraz z wynikami zmiany rozmiaru SVG, gdy potrzebujesz zastępczych rastrów. Jest to przydatne w przypadku prezentacji i dokumentów.

Otwórz narzędzie