Wielkość zdjęć od zawsze stanowi problem dla osób profesjonalnie zajmujących się tworzeniem stron internetowych, jak również grafików przygotowujących masowo grafikę dla swoich klientów. Rozmiar zdjęć przyczynia się do prawidłowego wyświetlania strony, a także jej szybkości, co z kolei ma wpływ na pozycjonowanie naszej strony internetowej. Warto więc zadbać o to aby ich rozmiar był jak najmniejszy, ale nadal dobrej jakości. Bardzo często nie będziemy w stanie zachować w 100% oryginalnego wyglądu grafiki, podobnie jak z filmem (tutaj odsyłam do mojego innego artykułu o tym „Jak zmniejszyć rozmiar filmu?”, możemy liczyć się z pewnymi stratami, lecz jak sami zobaczycie będziemy mogli kontrolować kompresję naszych zdjęć. Zatem zapraszam do przeczytania poniższego artykułu o tym jak zmniejszyć rozmiar zdjęć.
Przedstawię Wam dwie metody do kompresji zdjęć. Pierwsza z nich wiąże się z wykorzystaniem programu graficznego Adobe Photoshop, druga zaś bierze swoje zastosowanie od masowego kompresowania zdjęć. Przejdźmy do rzeczy.
Zmniejszanie rozmiaru zdjęć za pomocą programu Adobe Photoshop
Metoda jest bardzo prosta, szczególnie dla osób które korzystają z tego programu. Najprawdopodobniej będą wiedzieli o co chodzi. Otóż po otworzeniu naszego pliku w programie Photoshop, przechodzimy do zapisu pliku. Po określeniu lokalizacji zapisu pliku, wybieramy zapis zdjęcia w formacie .jpg.
W tym momencie warto poznać różnicę między formatem JPG, a PNG. Jeśli chcemy zapisać zdjęcia posiadające przeźroczystość, mogą się do tego zaliczać: wykresy, logo, rysunki, ilustracje, to odpowiednim formatem będzie PNG. Jeśli zaś chcemy zapisać zwykłe zdjęcia format JPG będzie odpowiedniejszy, ponieważ biorąc pod uwagę rozmiar, pliki zapisane w formacie PNG mogą być, aż 2,5 raza większe niż te zapisane w JPG. Są jeszcze formaty bardziej nowoczesne, ale to jest temat na inny artykuł.
Wracając. Ukaże się nam okienko, w którym możemy określić opcje obrazu. Od razu rzuca nam się w oczy suwak, w którym możemy określić jakość obrazu. Jest to bardzo przydatne narzędzie, ponieważ dzięki niemu będziemy mogli zobaczyć po prawej strony jaki finalnie będzie rozmiar zdjęcia, czyli dostosować go do naszych potrzeb. Jest to wystarczające narzędzie jeżeli mówimy o pojedynczych zdjęciach, co jednak jeśli tych zdjęć będzie 200, 300?
Zmniejszanie rozmiaru zdjęć za pomocą programu Caesium
Caesium jest to darmowy program do kompresji zdjęć, w którym to możemy zmniejszyć rozmiar pliku nawet o 90% bez widocznych zmian w wyglądzie. Jest to bardzo intuicyjne narzędzie, które pozwoli nam w łatwy sposób osiągnąć oczekiwany przez nas efekt. Caesium jest to program przeznaczony do instalacji na systemie Windows. Przejdźmy do listy kroków, co zrobić aby z niego skorzystać i skompresować wiele zdjęć.
Proces zmniejszania rozmiaru zdjęć - Caesium
1. Pobieramy program Caesium – znajdziesz go TUTAJ.
2. Instalacja.
3. Po otwarciu naszym oczom ukaże się takie oto okienko:
Postaram się pokrótce opisać co gdzie się znajduje. Jeśli chcemy dodać zdjęcia skorzystajmy z przycisku Add, przycisk Remove usuwa zdjęcia, Preview stanowi podgląd. Z prawej strony mamy opcję Compress, która najbardziej nas będzie interesować, ale zanim do niej przejdziemy skupmy się na opcjach znajdujących się poniżej.
Z lewej strony znajdują się opcję kompresji. Podobnie jak w programie Photoshop możemy zmniejszyć jakość naszych zdjęć. Im bardziej przesuniemy suwak w lewą stronę, tym nasze zdjęcia będą miały mniejszy rozmiar. Jeśli klikniemy „Same for all” – wybrana przez nas jakość będzie miała zastosowanie we wszystkich wybranych zdjęciach. Warto zaznaczyć ważną rzecz. Niżej znajduje się opcja Format, która standardowo ma wybraną opcję JPG. Jeśli nie chcemy aby program zmieniał format naszych zdjęć, musimy zmienić ją na Input.
Zaraz obok znajduje się opcja Resize. Zmniejszając wymiary naszego obrazka na mniejsze, również go kompresujemy bez zmiany jakości zdjęcia. W tym miejscu możemy ustawić wysokość i szerokość zdjęcia.
Z prawej strony znajduje się pole wyboru miejsca zapisu skompresowanych zdjęć. Jest to pole obligatoryjne i musimy je ustawić zanim wciśniemy przycisk Compress. Możemy nadać odpowiedni sufiks, dzięki któremu nie nadpiszemy naszych oryginalnych zdjęć.
4. Proces kompresji:
Jak widzimy na obrazku powyżej program skompresował wszystkie zdjęcia. Wartość procentowa kompresji nie jest taka sama, gdyż na wynik końcowy składa się wiele czynników, takich jak np. rozmiar zdjęcia, lub ilość pikseli na cal. Akurat w moim przypadku wartości procentowe kompresji wahały się od 2%, do nawet 73%. Tak więc, jeśli potrzebujemy narzędzie, które będzie w stanie szybko skompresować wiele zdjęć np. potrzebnych na naszą stronę internetową, w takim razie program Caesium jest odpowiednim do tego narzędziem.
Zmniejszenie rozmiaru zdjęcia online
Prawie bym zapomniał, przypomniało mi się w trakcie pisania 🙂 Oczywiście mamy jeszcze opcję skompresowania naszych zdjęć online. Nie zawsze chcemy pobierać jakieś zbędne oprogramowania na nasz komputer, stąd też ta opcja jest bardzo wygodna. Według mnie jest to dobre rozwiązania, ale tylko wtedy gdy liczba zdjęć, w których zmniejszamy nasz rozmiar jest nie większa niż 10. No ale co kto lubi.
Oczywiście stron internetowych oferujących kompresję zdjęć jest całe mnóstwo, wystarczy wyszukać w Google frazę ”Kompresja zdjęć” (lub po prostu „compress img”). Ja ze swojego doświadczenia mogę polecić stronę TinyJpg. Znajdziesz tam wszystko co ci jest potrzebne do zmniejszenia zdjęcia. No i to chyba tyle, dzięki!
Update - październik 2022
Otrzymuję od Was sporo informacji z pytaniami na temat zmniejszania rozmiaru zdjęć. Jeżeli ktoś z Was mógł natknąć się na niedziałający link do programów, to bardzo przepraszam. Nadal program Caesium spełnia swoją rolę bardzo dobrze, zdjęcia można masowo kompresować bez straty jakości.
Należy pamiętać, że proces zmniejszania zdjęć jest jednym z głównych czynników, który ma wpływ na szybkość ładowania strony. FCP, czyli First Contentful Paint jest to wskaźnik, który oznacza szybkość ładowania pierwszego elementu na stronie internetowej. W przypadku, gdy strona ładuje się za długo, użytkownicy mogą zrezygnować z odwiedzenia Twojej strony internetowej. Wyszukiwarki również to zauważają, dlatego podczas dokonywania audytu mierzą szybkość ładowania każdego z elementów witryny.
Jeżeli mimo wszystko nie chcesz skorzystać z kompresji zdjęć (obawiasz się straty jakości), możesz również skorzystać z poniższych dwóch metod:
- Lazy Load – ładowanie elementów graficznych na stronie w zależności od miejsca, w którym znajduje się użytkownik.
- Nowoczesne rozszerzenia grafik – Webp. Jest to rozwiązanie, które osobiście polecam. Wykorzystanie nowoczesnych rozszerzeń graficznych przeznaczonych do wyświetlania grafik w Internecie pomoże zredukować wielkość zdjęć nawet o 80%.
Zapraszam wszystkich do dalszego kontaktu! Chcesz rozpocząć jakiś nowy projekt? Skorzystaj z formularza kontaktowego znajdującego się na stronie kontaktu lub z formularza poniżej.
Rozpocznij
nowy projekt
razem z nami!
Otrzymaj niezobowiązującą ofertę
Zostaw swoje dane kontaktowe i otrzymaj ofertę już w 24h!
