Jak skalować, kadrować i przycinać zdjęcia produktów?

Dlaczego trzeba pamiętać o wgrywaniu zdjęć w odpowiednich rozmiarach?

Każdy właściciel sklepu czy strony internetowej musi pamiętać o wgrywaniu zdjęć w odpowiednich rozmiarach.

• Zbyt duże grafiki negatywnie wpływają na czas ładowania strony.
• Czasami musisz dopasować grafikę do konkretnego miejsca, np. do slidera na stronie głównej, trzeba więc dostosować rozmiar obrazka.
• Niejednokrotnie musisz przystosować grafiki do reklamy w mediach społecznościowych. np. po prostu  przycinając je do kwadratu.

Skorzystaj z programu graficznego GIMP, aby zmodyfikować zdjęcie

Na potrzeby poniższego poradnika, skorzystaliśmy i opisaliśmy obsługę programu graficznego: GIMP.

Pobierz program Gimp z oficjalnej strony producenta: gimp.org/downloads. Po instalacji programu w języku polskim, przystępujemy do działania!

Niewykluczone, że na początku będzie ci łatwiej pracować w trybie jednego okna. To tryb, w którym wszystkie zakładki znajdują się w jednym okienku, a obrazek jest w centralnej części programu. Wybieramy: Okna > Tryb jednego okna.

Powyżej znajduje się opcja: „Ukrycie doków”. Jeżeli przypadkiem interfejs programu wraz ze wszystkimi ikonami zniknie, to za sprawą właśnie tej opcji. Wystarczy wcisnąć klawisz Tab, a z powrotem się pojawi.

Otwórz teraz plik graficzny, który chcesz zmienić, wybierając: Plik > Otwórz (lub ctrl + O).

Spróbuj najpierw skalowania obrazu – czyli po prostu zwiększania lub zmniejszania. Najczęściej obraz po prostu zmniejszamy. Powiększenie może nastąpić automatycznie w przeglądarce, bez zmiany wagi pliku (wczytuje się tak samo szybko). Dodatkowo, powiększenie obrazu powoduje delikatne zniekształcenie i rozmycie.

Kliknij prawym przyciskiem myszy na obrazie lub szarym obszarze poza nim i wybierz: Obraz > Skaluj obraz.

Wyświetli się okno skalowania. Ikona połączonego łańcucha powoduje proporcjonalne skalowanie obrazu (wraz z szerokością zmienia się wysokość i odwrotnie).

Gdy klikniesz tę ikonę i „rozłączysz” łańcuch – będziesz niezależnie rozciągać zdjęcie w pionie i poziomie. To opcja bardzo niekorzystnie wpływająca na wygląd zdjęcia, dlatego upewnij się, że łańcuch jest połączony.

Chcąc osiągnąć konkretną wielkość obrazu, wystarczy, że podasz odpowiednią szerokość lub wysokość (drugi wymiar sam się dopasuje. Kliknij: „Skaluj”.

Załóżmy, że chcesz przyciąć obraz, wykadrować go tak, aby wyświetlał się tylko wskazany kawałek. Kliknij ciemnoszary obszar poza obrazek lub sam obraz prawym przyciskiem myszy. Wybierz: Obraz > Wymiary płótna.

Również pojawi się okno z ikoną łańcucha. W przykładzie poniżej jest rozłączony. To oznacza, że możesz zmienić np. szerokość zdjęcia, nie wpływając na jego wysokość. Możesz dociąć zdjęcie np. do kwadratu lub uciąć boki, górę, dół zdjęcia. Warta uwagi jest też opcja: Wyśrodkuj. Gdy już przytniesz nasz obraz, wybierz: Zmień rozmiar.

Alternatywnie możesz użyć opcji kadrowania do zaznaczenia. Wybierz ikonę: zaznaczenia prostokątnego. Dla twojej wygody raczej odznacz opcje powiększania od środka i stałych proporcji (ale mogą być przydatne, gdy zależy ci np. na docięciu do kwadratu). Czyli jak na obrazku poniżej:

Zaznacz obszar, do którego chcesz przyciąć obrazek. Aby szybko tworzyć kwadratowe zaznaczenie, przytrzymaj lewy shift.

Wybierz z menu opcję: Obraz > Kadruj według zaznaczenia, a grafika przytnie się do zaznaczonego fragmentu.

Tak powstały obraz wystarczy zapisać. Jednak zwykła opcja: Plik > Zapisz spowoduje tylko zapisanie projektu.

UWAGA: żeby zapisać gotowy obraz, nie używaj opcji: Zapisz / Zapisz jako. Powoduje ona zapisanie pliku projektowego programu Gimp, czyli pliku xcf wraz ze wszystkimi warstwami projektu. Wybierz opcję menu: Plik > Wyeksportuj jako. Jeśli chcesz nadpisać już otwarty plik, wybierz po prostu: Plik > Wyeksportuj.

Zapisujesz nową grafikę? Pojawi się okno zapisu. Z lewej strony możesz wybrać folder, w którym chcesz zapisać obraz.

W wypadku zwykłych zdjęć (bez napisów, dodatków) zapisz plik jako JPG. Przy grafice cyfrowej (banery, napisy na zdjęciu itd.) użyj PNG. Rozszerzenie podajesz na końcu nazwy pliku np. „moj-obraz.PNG”.

Pliki png są nieco cięższe, jednak obsługują przezroczystość, lepiej radzą sobie z napisami, są dobrym kompromisem między jakością, a wagą pliku. Format png doskonale nadaje się do zapisywania banerów reklamowych, wykresów, ikonek na stronę itd.