Jak Zmieniać Rozmiar Obrazów Krok po Kroku
Szybka odpowiedź
Aby zmienić rozmiar obrazu: otwórz Image Resizer, uploaduj obraz, wprowadź docelową szerokość lub wysokość (drugi wymiar auto-oblicza się aby zachować aspect ratio) i pobierz. Całe przetwarzanie odbywa się lokalnie przez Canvas API.
Wstęp
Zmiana rozmiaru obrazu zmienia jego wymiary (szerokość i wysokość w pikselach). Jest to istotne dla obrazów web (specyficzne wymiary dla layout i performance), postów social media (dokładne rozmiary per platform) i thumbnaili. Resize różni się od kompresji —resize zmienia wymiary, kompresja zmniejsza rozmiar pliku.
Krok po kroku
-
Otwórz narzędzie do zmiany rozmiaru obrazu
Przejdź do strony narzędzia Image Resizer. Narzędzie obsługuje JPEG, PNG, WebP i BMP oraz przetwarza obrazy lokalnie przy użyciu kanwy API.
-
Prześlij swój obraz
Kliknij opcję przesyłania lub przeciągnij i upuść obraz na narzędzie. Narzędzie wyświetla oryginalne wymiary (np. 4000x3000 pikseli) i rozmiar pliku.
-
Wprowadź wymiary docelowe
Wprowadź nową szerokość lub wysokość. Jeśli włączona jest opcja „Zachowaj proporcje” (domyślnie), drugi wymiar jest obliczany automatycznie, aby zapobiec zniekształceniom. Na przykład zmiana szerokości z 4000 na 800 powoduje automatyczne ustawienie wysokości z 3000 na 600.
-
Wybierz metodę ponownego próbkowania (opcjonalnie)
Niektóre narzędzia oferują opcje ponownego próbkowania: dwuliniowe (szybkie, niższa jakość) lub dwusześcienne (wolniejsze, wyższa jakość). W przypadku skalowania w dół metoda dwusześcienna zapewnia ostrzejsze wyniki. Zwykle wystarczająca jest domyślna funkcja DrawImage() przeglądarki.
-
Pobierz obraz o zmienionym rozmiarze
Kliknij Pobierz, aby zapisać obraz o zmienionym rozmiarze. Narzędzie pokaże nowe wymiary i rozmiar pliku. Przed użyciem sprawdź, czy wynik wygląda poprawnie.
Przykłady
Zmień rozmiar do wyświetlania w Internecie
Wejście: foto.jpg (4000x3000, 4,5 MB)
Wyjście: photo-web.jpg (800x600, 180 KB) — zmniejszenie rozmiaru o 96%
Zmień rozmiar miniatury mediów społecznościowych
Wejście: image.png (2000x2000)
Wyjście: kciuk.png (300x300) — miniatura kwadratowa
Zmień rozmiar bez proporcji (zniekształcenie)
Wejście: foto.jpg (4000x3000, zachowanie proporcji: wyłączone)
Wyjście: foto.jpg (800x800) — rozciągnięty/zniekształcony
Typowe problemy
- Zniekształcenie spowodowane zerwaniem proporcji — wyłączenie opcji „Zachowaj proporcje” powoduje rozciągnięcie obrazu. Zawsze trzymaj tę opcję włączoną, chyba że celowo chcesz uzyskać zniekształcenie.
- Skalowanie w górę powoduje rozmycie obrazów — powiększenie obrazu poza jego oryginalny rozmiar powoduje rozmycie i rozpikselowanie obrazu. Aby uzyskać lepszą jakość, użyj skalowania AI.
- Zmiana rozmiaru na niewłaściwe dla danego przypadku użycia — sprawdź wymagania platformy docelowej. Na przykład obrazy Open Graph powinny mieć rozmiar 1200 x 630, a karty Twittera 1200 x 675.
- Zmiana rozmiaru bez kompresji — obraz o rozdzielczości 4000 pikseli przeskalowany do rozdzielczości 800 pikseli, ale zapisany w jakości 100% JPEG, jest nadal duży. Połącz zmianę rozmiaru z kompresją.
Porady
- Zmień rozmiar obrazów do dokładnych wymiarów wyświetlacza — wyświetlanie obrazu o rozdzielczości 4000 pikseli dla wyświetlacza o rozdzielczości 800 pikseli marnuje przepustowość i spowalnia ładowanie strony.
- Używaj typowych wymiarów sieci: 1920 x 1080 (bohater), 1200 x 630 (społeczności), 800 x 600 (treść), 300 x 300 (miniatura).
- Zawsze zachowuj proporcje, aby uniknąć zniekształceń — wyjątkiem jest celowe przycięcie do określonego współczynnika.
- Skorzystaj z narzędzia Image Resizer, aby uzyskać natychmiastowe i prywatne przetwarzanie — Twoje obrazy nigdy nie opuszczą przeglądarki.