Jak przyciąć obrazek do wymaganego rozmiaru

Kiedy nie masz do dyspozycji obrazków o tym samym rozmiarze.

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. Przy przycinaniu obrazka zawsze polecam jednocześnie dopasować jego całkowity rozmiar, żeby jak najbardziej zbliżył się do rozmiaru 1:1 miejsca, w którym będziesz go umieszczać. Do edycji ponownie użyjemy narzędzia Photopea, które przedstawiliśmy w artykule „Jak zmienić całkowity rozmiar obrazka".

Jak to zrobić?

1. Zapisz obrazek na komputerze.

2. Na stronie photopea.com otwórz program Photopea i ustaw język polski. Nie musisz zakładać konta ani się nigdzie rejestrować. Wszystko jest za darmo.

   

3. Język polski ustawisz w górnym menu More > Language > Polski.

   

4. W oknie na środku ekranu wybierz „Otwórz z komputera".

5. Wybierz zapisany obrazek i kliknij „Otwórz".

6. Żeby przyciąć obrazek do wymaganego rozmiaru, musimy najpierw ten rozmiar ustalić. Za pomocą ikony koła zębatego w edytorze e-maili (w prawym panelu edytora u góry) sprawdzisz całkowitą szerokość Twojego e-maila, którą możesz zmienić według własnego uznania. Powiedzmy, że szerokość Twojego e-maila to 730px i w jednym wierszu, w 3 kolumnach, chcesz umieścić 3 obrazki obok siebie. Jeśli od całkowitej szerokości odejmiemy ustawione marginesy i odstępy między kolumnami (w ustawieniach domyślnych 4x16px), a wynik podzielimy przez 3, otrzymamy szerokość jednego obrazka. W naszym przypadku więc (730-(4x16)) / 3 = 222. Ponieważ obrazek dopasowuje się do miejsca, w którym go wstawisz, tę liczbę można w przybliżeniu oszacować na podstawie ustawionej szerokości e-maila. W tym przykładzie możemy pracować z wartością 250px (razem to więcej niż szerokość e-maila, więc na pewno zadziała).

   

7. Szerokość obrazka to jednak tylko jeden z 2 wymiarów, które nas teraz interesują. Drugim jest wysokość. 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 3 obrazków. Dzięki temu otrzymuję 3 obrazki o tych samych wymiarach. Robię to tak, że sprawdzam najmniejszą wysokość obrazka (po zmianie jego całkowitego rozmiaru) i do niej dopasowuję pozostałe 2 obrazki. Jak więc postępować?

8. Najpierw zmienimy więc całkowity rozmiar wszystkich 3 obrazków. Przy tej edycji zawsze pracujemy tylko z szerokością. Wysokość dopasuje się do wybranej szerokości automatycznie i nie trzeba jej zmieniać. Dzięki temu zachowamy oryginalne proporcje obrazka bez zmian i unikniemy jego zniekształcenia. Aby zmienić całkowity rozmiar, postępuj zgodnie z instrukcją w artykule: „Jak zmienić całkowity rozmiar obrazka online".

9. Wszystkim obrazkom, w ramach tego przykładu, ustawimy szerokość 250px i zapiszemy je jako „jpg". Przy zmianie rozmiaru zanotuj wysokość każdego obrazka. Najmniejszej z nich będziemy następnie potrzebować do przycięcia pozostałych dwóch obrazków. W naszym przykładzie najmniejsza wysokość to 150px. W górnym menu wybierz Plik > Zapisz jako > JPG.

   

10. Plik od razu się pobierze i znajdziesz go na komputerze wśród pobranych plików. W ten sposób zapisz wszystkie 3 zmienione obrazki.

11. Obrazek o najmniejszym wymiarze (250px x 150px) masz już gotowy. Teraz trzeba dopasować pozostałe 2.

12. Otwórz w Photopea pierwszy z nich. W lewym menu wybierz narzędzie Kadrowanie.

    

13. Po kliknięciu ikony kadrowania w lewym menu ustaw rozmiar kadru w górnym menu. Ustaw go jako „Stały rozmiar" i w wymiarach kadru wpisz 250 (szerokość) i 150 (w naszym przykładzie najmniejsza wysokość jednego z trzech obrazków).

    

14. Za pomocą myszy lub touchpada umieść ramkę kadrowania na obrazku tak, żeby jej górna krawędź pokrywała się z górną krawędzią obrazka. Jeśli chcesz umieścić kadr inaczej, to Twoja decyzja. Zawsze jednak ustaw ramkę kadrowania tak, żeby jej szerokość pokrywała się z szerokością obrazka.

    

15. Po umieszczeniu ramki kadrowania potwierdź wybór enterem. Rozmiar obrazka natychmiast się zmieni i obrazek zostanie przycięty zgodnie z ustawioną ramką.

    

16. Zmieniony obrazek zapisz jako jpg. Sposób zapisywania obrazka opisany jest w punkcie 9. Tak samo postąp z trzecim obrazkiem. Po jego zapisaniu otrzymasz trzy obrazki o tych samych wymiarach 250px x 150px. Tak przygotowane obrazki wstaw do edytora e-maili.

Jeśli ta instrukcja Cię zainspirowała, napisz nam, czym powinniśmy zająć się następnym razem, a my postaramy się przygotować kolejny podobny poradnik.

Jeśli artykuł Ci się podobał, zostaw nam komentarz. Uwielbiamy komentarze!

Trzymam kciuki!

Jan Spáčil