Czego dowiesz się z poradnika:

• czym różni się skalowanie od kadrowania i przycinania;
• jak wykonać te czynności w darmowym programie graficznym Gimp;
• jak zapisywać pliki w programie Gimp.

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.

To proste czynności, które możesz wykonać np. w darmowym programie graficznym Gimp przeznaczonym do obsługi na komputerach. Oczywiście da się skorzystać z wielu innych programów, w tym po prostu z MS Paint czy działającego w przeglądarce anglojęzycznego Pixlr.

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”.

Pamiętaj: W wypadku sklepów i stron internetowych bardzo rzadko jest potrzebna większa wysokość niż 1080 pikseli (wysokość ekranu typu full HD, czyli ekranu o rozdzielczości 1920 na 1080 pikseli).
Co do zasady skaluj obraz do takich wymiarów, jakie po prostu mają być wyświetlane na stronie. Nie wgrywaj ogromnego obrazka, jeśli wyświetlany obszar i tak ma np. tylko 400 na 400 pikseli.

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ę zaznaczcenia 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 zapisanie projektu.

Uwaga: żeby zapisać gotowy obraz, nie używaj opcji Zapisz/Zapisz jako. Powoduje ona zapisanie pliku projektowego programu Gimp, czyli pliku xcf, ze wszystkimi warstwami.

Wybierz 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.

Teraz bez trudu przytniesz lub przeskalujesz (zmniejszysz/zwiększysz) dowolny obraz.

Zdjęcie pochodzi ze strony Unsplash.com. Chcesz wiedzieć, skąd brać zdjęcia na swoją stronę czy sklep? Sprawdź nasz poradnik.