Jak zmienić rozmiar obrazka online

Rozmiar obrazka zmienisz online w edytorze Photopea: w menu Obraz, Rozmiar obrazu wpiszesz nową szerokość w pikselach lub w procentach, a wysokość przeliczy się sama. Do e-maila przygotuj obrazek dwa razy szerszy niż miejsce, w które go wstawiasz, żeby pozostał ostry także na ekranach Retina. Zdjęcie prosto z aparatu jest przy tym do e-maila nawet piętnaście razy większe, niż trzeba.

W skrócie

1. Zmiana rozmiaru obrazka zmienia liczbę pikseli całego obrazka, niczego z niego nie odcina. Wysokość pozwól przeliczyć automatycznie, inaczej obrazek się zniekształci.
2. Zdjęcie z banku zdjęć 5760 × 3840 px ma jako JPG w jakości 80% 3,6 MB. Zmniejszone do 1240 px ma 242,9 kB, czyli jedną piętnastą.
3. Na ekrany Retina przygotuj obrazek w dwukrotnej szerokości. Plik jest w porównaniu z pojedynczym rozmiarem mniej więcej 3,5 raza większy, trzykrotność już 7,3 raza.
4. DPI na ekranie nie ma znaczenia. W e-mailu decyduje tylko szerokość i wysokość w pikselach.
5. Obrazek zmniejszaj, nie powiększaj. Powiększenie nie doda szczegółów, tylko rozmaże krawędzie.

Krótko: czego potrzebujesz, jaką szerokość wybrać, ile to trwa i co grozi

• Czego potrzebujesz: obrazka na komputerze i przeglądarki. Photopea działa online bez instalacji i bez rejestracji.
• Jaką szerokość wybrać: dwukrotność miejsca w e-mailu. Obrazek na całą szerokość e-maila o szerokości 650 px przygotuj w szerokości około 1 240 px.
• Ile to trwa: jeden obrazek około dwóch minut.
• Co grozi: zdjęcie w pełnym rozmiarze z aparatu długo wczytuje się odbiorcom, a zbyt mały obrazek jest na ekranach Retina rozmazany.

Co się zmieniło od publikacji artykułu: Artykuł ukazał się w marcu 2021. W październiku 2026 przepisaliśmy go zgodnie z obecną wersją Photopea, dodaliśmy zmianę rozmiaru w procentach, wyjaśnienie DPI i ponownego próbkowania, zalecenie dwukrotnego rozmiaru ze względu na ekrany Retina i własne pomiary rozmiaru plików. Pierwotnie zalecaliśmy obrazek dokładnie w rozmiarze miejsca w e-mailu. Dziś zalecamy dwukrotność. Wybór formatu obrazka przenieśliśmy do osobnego artykułu JPG, PNG czy GIF?

Co oznacza zmiana rozmiaru obrazka

Zmiana rozmiaru obrazka to przeliczenie obrazka na inną liczbę pikseli, przy którym zostaje zachowana cała jego zawartość. Tym różni się od przycięcia, które usuwa krawędzie obrazka, a resztę pozostawia bez zmian. Gdy potrzebujesz obrazka w dokładnym wymiarze i do tego o innych proporcjach, postępuj według artykułu Jak przyciąć obrazek do wymaganego rozmiaru.

Przy obrazku często mylą się trzy różne liczby. W e-mailu liczą się przy tym tylko dwie z nich.

Ponowne próbkowanie to obliczanie nowych pikseli przy zmianie rozmiaru obrazka. Przy zmniejszaniu edytor łączy kilka sąsiednich pikseli w jeden, przy powiększaniu dopisuje brakujące piksele. Photopea oferuje trzy metody ponownego próbkowania: Najbliższy sąsiad, Dwuliniowa i Dwusześcienny ostrzejszy. Dla zdjęć pozostaw domyślną metodę Dwuliniowa. Najbliższy sąsiad nie oblicza przejść między pikselami i nadaje się tylko do grafiki pikselowej, w zdjęciach tworzy postrzępione krawędzie.

Jak zmienić rozmiar obrazka online w 6 krokach

Sposób pokażemy w edytorze Photopea na zdjęciu z banku zdjęć o wymiarze 5760 × 3840 px, którego potrzebujemy na całą szerokość e-maila o szerokości 650 px. Miejsce na obrazek ma po odjęciu marginesów 618 px, dlatego przygotujemy plik dwa razy szerszy, czyli 1240 px. Photopea to edytor obrazów online, który działa w przeglądarce i obsługuje się go podobnie jak Photoshopa. Wersja podstawowa działa bez rejestracji i bez opłat i wyświetla reklamy.

1. Otwórz edytor Photopea pod adresem photopea.com, kliknij Start using Photopea, a potem Otwórz z komputera. Język edytora ustawi się według języka przeglądarki. Obrazek możesz też przeciągnąć myszą do okna edytora.

2. W menu Obraz, Rozmiar obrazu sprawdź, jak duży jest obrazek. Okno pokazuje szerokość, wysokość i liczbę megapikseli. Okno otworzysz też skrótem klawiszowym Alt + Ctrl + I. Nasze zdjęcie ma 5760 × 3840 px, czyli 22,12 megapiksela.

   

3. W pole Szerokość wpisz nową szerokość w pikselach, na przykład 1240. Łańcuszek między szerokością a wysokością pozostaw zablokowany, wysokość przeliczy się sama. Wysokość zmieni się na 827 px. Gdybyś odblokował łańcuszek i nadpisał wysokość, obrazek by się rozciągnął albo spłaszczył.

   

4. Pozostaw włączoną opcję Ponów próbkę z metodą Dwuliniowa i potwierdź przyciskiem OK. Gdy wyłączysz Ponów próbkę, zmieni się tylko wartość DPI, a liczba pikseli pozostanie taka sama.

5. Sprawdź wynik w menu Widok, Piksel do Piksela. Edytor zwykle dopasowuje obrazek do okna, więc po zmniejszeniu nie wygląda na ekranie na mniejszy. Piksel do Piksela lub skrót Ctrl + 1 pokażą obrazek tak, że jeden jego piksel odpowiada jednemu pikselowi ekranu.

   

6. W menu Plik, Eksportuj jako, JPG ustaw jakość 70 do 80%, sprawdź rozmiar pliku i kliknij Zapisz. Okno Zapisz do sieci pokazuje w lewym dolnym rogu rozmiar pliku. Nasze zdjęcie po zmniejszeniu do 1240 × 827 px w jakości 80% ma 242,9 kB. Obrazek zapisze się w pobranych plikach na komputerze.

   

Gotowy obrazek wstaw do e-maila z komputera lub za pomocą adresu obrazka z Twojej strony internetowej, jak opisuje instrukcja Edytor e-maili w prostej kampanii e-mailowej. Edytor sam pomniejszy go do wyznaczonego miejsca.

Wypróbuj edytor e-maili Quanda

Jak zmienić rozmiar obrazka w procentach

Gdy nie potrzebujesz dokładnego wymiaru, a na przykład tylko obrazka o połowę mniejszego, przełącz w oknie Rozmiar obrazu jednostkę przy szerokości z Piksele na Procent i wpisz 50. Przy zablokowanym łańcuszku wysokość też zmieni się na 50%. Ze zdjęcia 5760 × 3840 px powstanie w ten sposób 2880 × 1920 px.

Uwaga, połowa szerokości oznacza jedną czwartą liczby pikseli. Obrazek zmniejszony do 50% ma tylko jedną czwartą pierwotnych megapikseli.

Wskazówka: Rozmiar możesz zmienić także dopiero przy zapisie. Okno Zapisz do sieci ma własne pola Szerokość i Wysokość, więc obrazek zmniejszysz od razu przy eksporcie, a oryginalne zdjęcie w edytorze pozostawisz bez zmian.

Dlaczego nie powiększać obrazka

Technicznie obrazek da się powiększyć, w oknie Rozmiar obrazu wystarczy wpisać większą szerokość. Edytor jednak tylko dopisze nowe piksele na podstawie sąsiednich, a szczegółów, których w zdjęciu nie ma, nie stworzy. Mały obrazek po powiększeniu wygląda miękko, a krawędzie są rozmazane.

Uwaga: Najczęstszą przyczyną rozmazanego obrazka w e-mailu jest mały plik, który edytor e-maili musi rozciągnąć do szerszego miejsca. Powiększenie w edytorze obrazów tego nie naprawi, brakujące szczegóły się nie pojawią. Znajdź większy oryginał, na przykład w banku zdjęć lub u autora zdjęcia.

Jak przygotować obrazek na ekrany Retina

Ekran Retina to wyświetlacz o wysokiej gęstości pikseli, który na jeden punkt obrazu używa dwóch lub trzech fizycznych pikseli. Nazwę wprowadził Apple w 2010 roku w iPhonie 4, dziś mają je zwykłe telefony, MacBooki i wiele laptopów z Windows. Obrazek o szerokości dokładnie takiej jak miejsce w e-mailu rozciąga się na nich na dwu lub trzykrotność pikseli i wygląda na nieostry.

Według dokumentacji Microsoftu większość monitorów miała dawniej 96 punktów na cal i Windows do dziś traktuje tę wartość jako skalowanie 100%. Obecne wyświetlacze mają według tej samej dokumentacji nawet około 300 punktów na cal i Windows powiększa zawartość. Telefon z 460 ppi potrzebuje więc na tę samą powierzchnię kilka razy więcej pikseli niż starszy monitor.

Litmus zaleca dlatego przygotowywanie obrazków do e-maila mniej więcej w dwukrotnym rozmiarze i ostrzega, że wraz z wymiarem rośnie też rozmiar pliku. Ile to kosztuje, zmierzyliśmy w październiku 2026 w Photopea na zdjęciu 5760 × 3840 px dla obrazka na całą szerokość e-maila.

Dwukrotna szerokość oznacza czterokrotność pikseli, a w naszym pomiarze 3,5 raza większy plik. Trzykrotność ma dziewięć razy więcej pikseli i 7,3 raza większy plik. Różnica w ostrości między dwukrotnością a trzykrotnością jest przy tym na telefonie ledwo widoczna, dlatego do e-maila zalecamy dwukrotność.

Dlaczego nie wystarczy wysłać różnych obrazków na różne ekrany? Na stronach internetowych da się to zrobić za pomocą atrybutu srcset i znacznika picture, ale według zestawienia Can I email nie obsługuje ich ani Gmail, ani Outlook. Do e-maila należy więc jeden plik, który musi wystarczyć wszystkim ekranom, i jest nim właśnie dwukrotność. Ile miejsca ma obrazek w poszczególnych układach e-maila, pokazuje tabela w artykule Jak przyciąć obrazek do wymaganego rozmiaru.

Czym jeszcze zmienić rozmiar obrazka

Photopea to nie jedyna możliwość. Zmianę rozmiaru w pikselach obsłużą też programy, które już masz na komputerze.

• Paint w Windows: zmiana rozmiaru w pikselach lub w procentach z zachowaniem proporcji.
• Podgląd w macOS: zmiana rozmiaru w menu Narzędzia, również w pikselach lub w procentach.
• Edytor e-maili Quanda: sam pomniejszy obrazek do miejsca w e-mailu, ale nie zmieni rozmiaru pliku. Dlatego zdjęcie z aparatu zawsze zmniejsz przed wstawieniem.

Wskazówka: Zdjęcia z iPhone'a zapisują się w formacie HEIC, którego większość klientów poczty nie wyświetli. Gdy w iPhonie przełączysz Ustawienia, Aparat, Formaty na Najbardziej zgodne, nowe zdjęcia będą zapisywać się jako JPG. Więcej szczegółów o formatach znajdziesz w artykule JPG, PNG czy GIF? Jakiego typu pliku obrazów użyć w e-mailingu.

Lista kontrolna przed wstawieniem obrazka do e-maila

• Obrazek jest mniej więcej dwa razy szerszy niż miejsce w e-mailu.
• Wysokość przeliczyła się sama, obrazek nie jest rozciągnięty ani spłaszczony.
• Obrazek zmniejszałem, nie powiększałem.
• Zdjęcie jest zapisane jako JPG w jakości 70 do 80%.
• Plik ma od kilkudziesięciu do niskich setek kilobajtów, nie megabajty.
• E-mail testowy obejrzałem na komputerze i na telefonie.

Podsumowanie: zmiana rozmiaru obrazka w dwie minuty

Zmiana rozmiaru obrazka to kwestia dwóch minut: w oknie Rozmiar obrazu wpiszesz szerokość, wysokość pozwolisz przeliczyć i zapiszesz obrazek w rozsądnej jakości. Do e-maila przygotuj go dwa razy szerszy niż miejsce, w które go wstawiasz, a zdjęcia z aparatu nigdy nie wstawiaj w pełnym rozmiarze.

Jak pracować z obrazkami w całym e-mailu, pokaże Ci bezpłatny kurs online Copywriting i design e-maili. Jeśli nie wiesz, jak poradzić sobie z obrazkami lub całą kampanią, umów się na bezpłatną konsultację lub napisz do nas na support@onquanda.com.

Trzymam kciuki!