Kalkulator zmiany rozmiaru obrazu

Kalkulator zmiany rozmiaru obrazu skaluje wymiary w pikselach według nowej szerokości, nowej wysokości, procentu lub maksymalnego boku, zachowując proporcję obrazu, dopóki zaokrąglenie nie wymusi kompromisu o jeden piksel. Raportuje współczynnik skali, wynikową proporcję, liczbę megapikseli oraz przybliżony szacunek nieskompresowanego rozmiaru 24-bitowego. Gdy zaokrąglenie zmienia uproszczoną proporcję, pojawia się ostrzeżenie o dryfie z dokładną ułamkową wysokością przed zaokrągleniem.

Całe obliczenie działa w przeglądarce. Nic, co wpiszesz, nie jest wysyłane na serwer.

Zmień rozmiar obrazu do nowej szerokości

Wpisz oryginalną szerokość i wysokość, potem docelową szerokość w pikselach. Współczynnik skali to nowa szerokość podzielona przez oryginalną szerokość. Pasująca wysokość to oryginalna wysokość razy ta skala, zaokrąglona do całego piksela. Rozmiar sterowany szerokością pasuje do kolumn WWW, które ustalają szerokość treści i pozwalają wysokości iść za zablokowaną proporcją.

scale = new_width ÷ original_width
new_height = round(original_height × scale)

Wybór szerokości to częsta ścieżka dla układów WWW, które ustalają szerokość kolumny i pozwalają wysokości iść za nią. Kalkulator nie resampluje danych obrazu; liczy tylko docelowe pudełko pikseli. Właściwy resampling dzieje się w edytorze lub potoku budowania, który odczytuje te liczby.

Zmień rozmiar obrazu do nowej wysokości

Tryb docelowej wysokości lustrzanie odzwierciedla tryb szerokości dla slotów ograniczających bok pionowy. Skala to nowa wysokość podzielona przez oryginalną wysokość, a nowa szerokość to oryginalna szerokość razy ta skala, potem zaokrąglenie. Użyj go dla pasa banera głównego z maksymalną wysokością lub dowolnego kadru zablokowanego na krótkim boku, sterując tylko jednym wymiarem.

scale = new_height ÷ original_height
new_width = round(original_width × scale)

Użyj trybu wysokości, gdy pionowy slot jest ustalony, na przykład pas banera głównego z maksymalną wysokością, albo gdy dopasowujesz kadr ograniczony na krótkim boku. Mieszanie wymuszonej szerokości i wymuszonej wysokości sprzecznych z oryginalną proporcją to sposób, w jaki pojawia się zniekształcenie; to narzędzie unika tego, przyjmując w trybach proporcjonalnych jeden sterowany bok naraz.

Skaluj obraz procentowo

Tryb procentowy mnoży obie strony przez ten sam współczynnik z wybranego procentu. Pięćdziesiąt procent zmniejsza każdy wymiar o połowę; dwieście procent je podwaja. Pole skaluje się z kwadratem tego współczynnika, więc zmniejszenie o pięćdziesiąt procent zostawia około jednej czwartej oryginalnych pikseli, co ma znaczenie przy szacowaniu wagi pliku po eksporcie.

Procent	Znaczenie
25%	Ćwierć rozmiaru liniowego
50%	Połowa rozmiaru liniowego
100%	Bez zmian
150%	1.5× rozmiaru liniowego
200%	Podwójny rozmiar liniowy

Pole skaluje się z kwadratem procentu. Zmniejszenie o 50 procent zostawia około 25 procent pikseli. Powiększenie powyżej 100 procent nie tworzy prawdziwego detalu; tylko rozciąga istniejące piksele, dlatego start od większego pliku źródłowego zwykle wygląda lepiej niż skalowanie w górę małego eksportu.

Dopasuj obraz w maksymalnym wymiarze

Tryb maksymalnego wymiaru ogranicza dłuższy bok do wybranego limitu pikseli i skaluje krótszy bok tym samym współczynnikiem. Tryb dopasowania w pudełku bierze maksymalną szerokość i maksymalną wysokość i wybiera skalę, która mieści się w obu. Miniatury i limity uploadu CMS często potrzebują jednego z tych zachowań, żeby obraz nigdy nie przekroczył prostokąta bez kadrowania.

Czarne paski w odtwarzaczu to późniejszy wybór wyświetlania; kalkulator raportuje tylko dopasowany rozmiar w pikselach.

Zmień rozmiar 1920x1080 do szerokości 800 pikseli

Full HD przeskalowane do szerokości 800 pikseli to czysty przykład wzorcowy, w którym wysokość ląduje na liczbie całkowitej. Współczynnik skali to 800 ÷ 1920, czyli około 0.416667, a 1080 razy ta skala równa się dokładnie 450. Wynik 800×450 zachowuje proporcję 16:9 bez ostrzeżenia o dryfie, co jest pożądaną ścieżką, gdy szerokość WWW czysto dzieli źródło.

1. Współczynnik skali. 800 ÷ 1920 = 0.4166… ≈ 0.416667

2. Wysokość przed zaokrągleniem. 1080 × (800 ÷ 1920) = dokładnie 450

3. Wynik. 800×450

Uproszczona proporcja pozostaje 16:9, zgodna z oryginałem. Megapiksele spadają z około 2.07 MP do 0.36 MP. Ponieważ 450 jest całkowite, ostrzeżenie o dryfie się nie pojawia. To pożądana ścieżka, do której dąży Kalkulator zmiany rozmiaru obrazu, gdy szerokości WWW czysto dzielą źródło.

Unikaj zniekształcenia przez zaokrąglenie

Siatki pikseli są całkowite. Gdy oryginalna wysokość razy skala nie jest całkowita, zaokrąglenie do najbliższego piksela przesuwa skuteczną proporcję od źródła. Silnik oznacza ten dryf, pokazuje dokładną wysokość ułamkową i ostrzega, gdy uproszczona para w:h już nie pasuje. Szerokość 801 na źródle 1920×1080 to przykład, który uruchamia ostrzeżenie.

Przykład: 1920×1080 do szerokości 801.

scale = 801 ÷ 1920 = 0.4161875
exact height = 1080 × 801 ÷ 1920 = 450.5625
rounded height = 451

Pudełko wyjściowe to 801×451. Oryginalna proporcja 16:9 nie pasuje już do uproszczonej proporcji 801×451, więc pojawia się ostrzeżenie. Jeden piksel brzmi drobno; w galerii mieszanych szerokości daje widoczne drganie klatek i utrudnia CSS oczekujący zablokowanej proporcji.

Środki stosowane w potokach produkcyjnych obejmują wybór szerokości dzielących równo, dodanie czarnych pasków na płótnie o zablokowanej proporcji albo dopuszczenie jednopikselowego kadru na jednym boku. Kalkulator ujawnia problem; wybór polityki pozostaje decyzją redakcyjną.

Wybierz wymiary do typowych zastosowań

Docelowe rozmiary różnią się kanałem, a reguły platform się zmieniają, więc traktuj poniższe liczby jako domyślne do planowania. Obrazy blogowe często siedzą blisko 800 do 1200 pikseli szerokości, banery główne potrzebują więcej zapasu, miniatury mieszczą się limitem maksymalnego wymiaru, a druk przy 300 DPI przelicza się z cali fizycznych. Eksportuj raz z największego czystego pliku źródłowego, potem zmniejszaj.

Zastosowanie	Typowa szerokość	Uwagi
Obraz inline na blogu	800 do 1200 px	Równowaga wagi i ostrości
Baner główny strony	1600 do 2400 px	Często kadrowane; daj zapas
Miniatura	150 do 400 px	Tryb maksymalnego wymiaru dobrze pasuje
Post społecznościowy poziomy	klasa 1200 px	Potwierdź bieżącą proporcję platformy
Story / pionowy	klasa 1080×1920	Preferowane źródło 9:16
Nagłówek e-mail	600 do 800 px	Ciężkie obrazy obciążają klientów
Druk przy 300 DPI	cale × 300	Liczba pikseli z rozmiaru fizycznego

Eksportuj z największego dostępnego czystego pliku źródłowego, potem zmniejszaj. Powtarzane zapisy w formatach stratnych kumulują artefakty; policz finalne pudełko pikseli raz, potem zakoduj.

Często zadawane pytania

Podsumowanie

Kalkulator zmiany rozmiaru obrazu skaluje wymiary według szerokości, wysokości, procentu lub maksymalnego boku, śledząc współczynnik skali i wynikową proporcję. Zmiana rozmiaru 1920×1080 do 800 px szerokości daje wysokość 450 px z nienaruszonym 16:9; szerokość 801 zaokrągla wysokość do 451 i uruchamia ostrzeżenie o dryfie, bo 450.5625 nie jest całkowite.

Narzędzie wymiaruje tylko pudełko pikseli; resampling właściwego obrazu pozostaje osobnym krokiem w edytorze lub potoku.