Jak przyciąć obrazek do wymaganego rozmiaru

Obrazek przytniesz do wymaganego rozmiaru w dwóch krokach: najpierw kadrowaniem ustawisz proporcje, na przykład 3 : 2, a potem zmienisz rozmiar obrazu na docelową szerokość w pikselach. Zrobisz to online w przeglądarce w edytorze Photopea, bez instalacji i bez rejestracji. W artykule znajdziesz instrukcję krok po kroku, tabelę wymiarów obrazków do e-maila i pomiary, jak duży plik jest jeszcze rozsądny.

W skrócie

1. Przycięcie usuwa krawędzie obrazka, zmiana rozmiaru pomniejsza cały obrazek. Do uzyskania dokładnego wymiaru potrzebujesz obu.
2. Najprostsza kolejność to kadrowanie do proporcji, a potem zmiana szerokości. Wysokość przeliczy się sama i obrazek się nie zniekształci.
3. Obrazki w jednym wierszu e-maila muszą mieć te same proporcje i szerokość, inaczej wiersz nie będzie równy.
4. Przygotuj plik mniej więcej dwa razy szerszy niż miejsce w e-mailu. Na ekranach Retina pozostanie wtedy ostry.
5. Zdjęcia zapisuj jako JPG w jakości 70 do 80%. Jakość 100% sprawia, że plik jest nawet siedem razy większy.
6. WebP nie nadaje się do e-maila, nie wyświetli go Outlook dla Windows, a Gmail konwertuje go na JPG.

Krótko: czego potrzebujesz, jaki rozmiar wybrać, ile to trwa i co grozi

• Czego potrzebujesz: obrazka na komputerze i przeglądarki. Photopea działa online bez instalacji i bez rejestracji.
• Jaki rozmiar wybrać: szerokość miejsca w e-mailu pomnóż przez dwa, wysokość wynika z proporcji. Trzy obrazki obok siebie w e-mailu o szerokości 650 px potrzebują 400 px.
• Ile to trwa: jeden obrazek około dwóch minut, cała seria obrazków do newslettera do kwadransa.
• Co grozi: nierówny wiersz, zniekształcone lub rozmazane zdjęcia i niepotrzebnie duże pliki, które długo się wczytują.

Co się zmieniło od publikacji artykułu: Artykuł ukazał się w maju 2021. W październiku 2026 zaktualizowaliśmy go zgodnie z obecną wersją Photopea (nowa strona startowa, język według przeglądarki, okno Zapisz do sieci), dodaliśmy szybszy sposób ze stałym współczynnikiem proporcji, tabelę wymiarów do e-maila, zalecenie dwukrotnego rozmiaru ze względu na ekrany Retina i własne pomiary rozmiaru plików. Pierwotnie zalecaliśmy przygotowanie obrazka dokładnie w wyświetlanym rozmiarze. Dziś zalecamy rozmiar dwukrotny.

Dlaczego przycinać obrazki do tego samego rozmiaru

Przycięcie obrazka to usunięcie jego krawędzi tak, żeby miał wymagane proporcje lub wymiar, ale się nie zniekształcił. Zmiana rozmiaru to natomiast pomniejszenie lub powiększenie całego obrazka, przy którym cała jego zawartość zostaje zachowana. Do uzyskania dokładnego wymiaru w pikselach, na przykład 450 × 300 px, zwykle potrzebujesz obu.

Czasem będziesz mieć szczęście i wszystkie obrazki będą miały ten sam rozmiar, wtedy nie musisz niczego poprawiać. W innych przypadkach trzeba przyciąć obrazek do wymaganego rozmiaru. Typowo wtedy, gdy chcesz umieścić trzy obrazki obok siebie w jednym wierszu e-maila. Edytor e-maili nada każdemu obrazkowi tę samą szerokość, ale wysokość zostawi zgodną z oryginałem. Zdjęcie pionowe obok poziomego rozbije wtedy cały wiersz.

Proporcje obrazu to stosunek szerokości obrazka do jego wysokości, na przykład 3 : 2 oznacza, że obrazek jest o połowę szerszy niż wysoki. Gdy obrazki mają te same proporcje i tę samą szerokość, automatycznie mają też tę samą wysokość. Na tym opiera się cała metoda.

Jaki rozmiar obrazka wybrać do e-maila

Wymiar obrazka wynika z szerokości e-maila i ustawionych marginesów. Domyślna szerokość e-maila w Quandzie to 650 px, a zmienisz ją za pomocą ikony koła zębatego w prawym panelu edytora e-maili. Od szerokości e-maila odejmij marginesy strony i odstępy między kolumnami (w ustawieniach domyślnych 16 px), a wynik podziel przez liczbę obrazków w wierszu.

Przy trzech obrazkach obok siebie w e-mailu o szerokości 730 px liczysz więc (730 − 4 × 16) / 3 = 222 px. Tyle miejsca będzie miał każdy obrazek.

Obliczenia zakładają marginesy i odstępy 16 px z ustawień domyślnych. Jeśli je zmieniłeś, podstaw własne wartości. Szczegóły opisuje instrukcja Wymiary obrazka w kampanii e-mailowej.

Dlaczego dwukrotność, a nie dokładny rozmiar

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. Obrazek o szerokości dokładnie 222 px rozciągnie się na nim na 444 piksele ekranu i wygląda na miękki. Obrazek o szerokości 450 px pozostanie ostry. Edytor e-maili sam pomniejszy go do miejsca o szerokości 222 px.

To, że nie jest to sprawa marginalna, pokazują dane o tym, gdzie ludzie otwierają e-maile. Według Litmus w lipcu 2026 na urządzenia Apple przypadło 62,26% z około miliarda zarejestrowanych otwarć, na Gmail 27,03%, a na Outlook 5,83%. Liczba dla Apple obejmuje też automatyczne otwarcia funkcji Mail Privacy Protection, więc prawdziwych czytelników jest mniej. Mimo to iPhone'y i Maki z ekranem Retina stanowią dużą część odbiorców.

Jak przyciąć obrazek do wymaganego rozmiaru w 7 krokach

Sposób pokażemy w edytorze Photopea na zdjęciu, którego potrzebujemy do wiersza z trzema obrazkami w e-mailu o szerokości 730 px, czyli w wymiarze 450 × 300 px. Photopea to edytor obrazów online, który od 2013 roku rozwija programista z Czech. 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. Oblicz docelowy rozmiar obrazka i na jego podstawie proporcje, na przykład 450 × 300 px i proporcje 3 : 2.

2. Otwórz edytor Photopea pod adresem photopea.com i kliknij Start using Photopea. Język edytora ustawi się według języka przeglądarki. Gdyby był angielski, przełączysz go w menu Więcej, Language.

3. Kliknij Otwórz z komputera i wybierz obrazek, który chcesz przyciąć. Obrazek możesz też przeciągnąć myszą do okna edytora.

4. W lewym panelu wybierz narzędzie Kadrowanie, na górnym pasku ustaw Stały współczynnik 3 : 2, przesuń ramkę kadrowania na część, którą chcesz zachować, i potwierdź klawiszem Enter. Narzędzie Kadrowanie wywołasz też klawiszem C. Zamiast ręcznie wpisywać proporcje, możesz w rozwijanym menu wybrać ustawienie 3 : 2, 4 : 3, 1 : 1 lub 16 : 9.

   

5. W menu Obraz, Rozmiar obrazu wpisz w pole Szerokość 450 i potwierdź przyciskiem OK. Wysokość przeliczy się sama. Łańcuszek między szerokością a wysokością musi pozostać zablokowany, inaczej obrazek by się zniekształcił.

   

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, jak duży będzie plik. Obrazek zapisze się w pobranych plikach na komputerze.

   

7. W ten sam sposób przygotuj pozostałe obrazki do tego samego wiersza, wstaw je do edytora e-maili i wyślij sobie e-mail testowy. Obrazek wstawisz 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.

Wypróbuj e-mail z trzema obrazkami w Quandzie

Jak przyciąć obrazek do dokładnego wymiaru, gdy obrazki mają już tę samą szerokość

Gdy masz obrazki już pomniejszone do tej samej szerokości i różnią się tylko wysokością, przyda się pierwotny sposób ze stałym rozmiarem kadru. Ja osobiście postępuję tak, że w pierwszym kroku zmieniam całkowity rozmiar obrazka, a w drugim kroku przycinam obrazek tak, żeby ujednolicić wysokość wszystkich trzech obrazków.

1. Wszystkim obrazkom ustaw w oknie Rozmiar obrazu tę samą szerokość, na przykład 450 px, i przy każdym zanotuj wysokość, która się przeliczy.
2. Najmniejsza z wysokości to docelowa wysokość dla wszystkich. Obrazek o najmniejszej wysokości masz gotowy.
3. Otwórz pozostałe obrazki, wybierz narzędzie Kadrowanie i na górnym pasku zamiast Stałego współczynnika wybierz Stały rozmiar. W pola szerokości i wysokości wpisz docelowy wymiar, na przykład 450 i 300.
4. Umieść ramkę kadrowania tak, żeby jej szerokość pokrywała się z szerokością obrazka, i przesuń ją na część, którą chcesz zachować. Potwierdź klawiszem Enter i zapisz obrazek jako JPG.

Stały rozmiar kadru działa bezpośrednio w pikselach, dlatego obrazek musi być najpierw pomniejszony do docelowej szerokości. W przypadku zdjęć o zupełnie innych proporcjach szybszy jest sposób w siedmiu krokach opisany wyżej. Jak zmienić rozmiar obrazka, opisuje szczegółowo artykuł Jak zmienić rozmiar obrazka online.

Jak duży powinien być plik z obrazkiem

Wymiar w pikselach i rozmiar pliku są ze sobą powiązane, ale to nie to samo. Na rozmiar pliku wpływa też jakość kompresji JPG. Żeby mieć realne liczby, w październiku 2026 zmierzyliśmy w Photopea jedno zdjęcie o wymiarze 1920 × 1279 px. Zdjęcie zapisaliśmy w różnych szerokościach i w różnej jakości JPG.

Zdjęcie pomniejszone do szerokości 450 px ma jedną dziesiątą rozmiaru oryginału. Do e-maila nie potrzebujesz przy tym niczego więcej.

Między jakością 100% a 90% plik zmniejsza się ponad czterokrotnie, między 100% a 70% mniej więcej siedmiokrotnie. Różnica w jakości zdjęcia jest na ekranie w e-mailu zwykle trudna do zauważenia. Dlatego zalecamy jakość 70 do 80%. Poniżej 60% w zdjęciach z delikatnymi przejściami, na przykład nieba, mogą już pojawić się kwadraciki.

Wskazówka: W Quandzie zalecamy, żeby żaden obrazek wgrany do kampanii nie był większy niż 2 MB. Według naszego pomiaru nawet obrazek na całą szerokość e-maila zmieści się jednak w mniej więcej 100 kB. Mniejsze obrazki szybciej wczytują się odbiorcom, zwłaszcza na danych mobilnych.

Jaki format obrazka wybrać

Obsługę formatów w klientach poczty śledzi zestawienie Can I email. Według niego WebP wyświetli Apple Mail, ale Outlook dla Windows go nie wyświetli, a Gmail konwertuje go na JPG (stan na październik 2026). Obsługę innych formatów, na przykład AVIF, SVG i HEIC, porównuje artykuł JPG, PNG czy GIF? Jakiego typu pliku obrazów użyć w e-mailingu.

Czym jeszcze przyciąć obrazek

Photopea to nie jedyna możliwość. Ten sam sposób, czyli kadrowanie do proporcji i zmianę szerokości, obsłużą też narzędzia, które już masz na komputerze lub w telefonie.

Uwaga: Najczęstsze błędy przy przygotowywaniu obrazków do e-maila są trzy. Ciągniesz obrazek za róg bez zablokowanych proporcji i obrazek się zniekształca. Wstawiasz zdjęcie prosto z aparatu o szerokości kilku tysięcy pikseli i e-mail długo się wczytuje. Albo ukrywasz ważny tekst tylko w obrazku. Część odbiorców ma wyłączone pobieranie obrazków, typowo w firmowym Outlooku, i tekstu w obrazku w ogóle nie zobaczy.

Wskazówka: Każdemu obrazkowi w Quandzie uzupełnij tekst alternatywny. Po wstawieniu obrazka do e-maila wpiszesz go w prawym menu w polu Nazwa obrazka i możesz też ustawić jego wygląd, czyli czcionkę, rozmiar i kolor. Kto ma wyłączone obrazki, zobaczy zamiast nich sformatowany tekst. Sposób z przykładami opisuje artykuł Brak obrazków w e-mailu? Stylizowany alt text pokaże nagłówek.

Lista kontrolna przed wstawieniem obrazków do e-maila

• Obrazki w jednym wierszu mają te same proporcje i szerokość.
• Plik jest mniej więcej dwa razy szerszy niż miejsce w e-mailu.
• Zdjęcia są zapisane jako JPG w jakości 70 do 80%, logo i grafiki jako PNG.
• Żaden plik nie ma więcej niż kilkaset kilobajtów, a już na pewno nie ponad 2 MB.
• Każdy obrazek ma uzupełnioną Nazwę obrazka, czyli tekst alternatywny.
• Ważny komunikat jest też w tekście e-maila, nie tylko w obrazku.
• E-mail testowy obejrzałem na komputerze i na telefonie.

Podsumowanie

Przycięcie obrazka do wymaganego rozmiaru to kwestia dwóch minut: kadrowanie do proporcji, zmiana szerokości i zapis w rozsądnej jakości. Reszta to tylko obliczenie, ile miejsca ma obrazek w e-mailu, i przygotowanie go w dwukrotnie większym rozmiarze.

Jak pracować z obrazkami w całym e-mailu, skąd je brać i jak łączyć je z tekstem, 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!