Jak zmienić wymiary zdjęcia (do konkretnych pikseli)?
Zmiana rozmiaru obrazu online - przeskaluj zdjęcie do wymaganych wymiarów bez wysyłania go nigdzie. Wgraj plik, wybierz tryb (piksele albo procent), wpisz docelowe wartości i pobierz wynik.
Blokada proporcji zachowuje aspect ratio - zmiana szerokości automatycznie aktualizuje wysokość.
Cała operacja w przeglądarce przez Canvas API z `imageSmoothingQuality: high`.
Idealne, gdy CMS wymaga max 1920px, gdy avatar ma być 200×200, lub gdy chcesz zmniejszyć zdjęcia z aparatu o 50% przed wrzuceniem na chmurę.
Jak korzystać
- Przeciągnij obraz na ramkę lub klik "Wybierz plik". Obsługujemy PNG, JPG, WebP, AVIF, BMP, GIF.
- W panelu po prawej wybierz tryb: "Piksele" (konkretne wymiary) lub "Procent" (skalowanie suwakiem).
- W trybie piksel zostaw blokadę proporcji włączoną, jeśli zdjęcie ma zachować kształt. Wpisanie szerokości automatycznie ustawi wysokość.
- Podgląd aktualizuje się natychmiast. Klik "Pobierz" - plik z dopisanymi wymiarami w nazwie.
Do czego się przydaje
Kiedy zmiana rozmiaru się przyda - typowe sytuacje:
- Strona internetowa - WordPress wymaga max 1920px, zdjęcia z telefonu mają 4032px. Przeskalowanie zaoszczędzi 70% wagi przed kompresją.
- Avatary i ikony - 200×200 dla profilu LinkedIn, 1600×900 dla cover, 512×512 dla Twittera.
- CV i dokumenty - limit 2 MB w niektórych systemach rekrutacyjnych - skalowanie + kompresja załatwiają sprawę.
- Druk - drukarnie często operują w mm i DPI - znając docelowe wymiary fizyczne, łatwo policzyć potrzebne piksele (mm × DPI / 25.4).
- E-commerce - standardowe miniatury 800×800.
- Galeria zdjęć - kuratorzy często ograniczają max długość krótszego boku (np. 2000px).
Po przeskalowaniu warto przepuścić plik przez kompresor obrazów i zdjąć metadane EXIF w usuwaniu EXIF zanim opublikujesz publicznie.
Pytania i odpowiedzi
Skalowanie w dół (zmniejszanie) jest praktycznie bezstratne wzrokowo - nie da się odzyskać szczegółów, których pozbyłeś, ale to nie jest problem dla wyświetlania. Skalowanie w górę (powiększanie) zawsze rozmywa - Canvas używa interpolacji liniowej. Dla powiększeń lepiej użyć dedykowanych narzędzi AI (Real-ESRGAN, Topaz Gigapixel).