▷ Jak SKOMPRESOWAĆ OBRAZ w PHOTOSHOP

Posiadanie strony internetowej nie opiera się wyłącznie na niekontrolowanym przesyłaniu treści, musisz zadbać o strukturę sieci, w tym o każdy element, który w niej hostujemy. Należy wziąć pod uwagę, że dostęp do niego odbywa się za pośrednictwem łączy internetowych i że chociaż w wielu miejscach są duże prędkości, w innych są nadal nieco opóźnione. Wszystko to bez uwzględnienia znaczenia motywu mobilnego i kosztu megabajtów. Dlatego kompresowanie obrazów bez utraty jakości Photoshopa jest bardzo poszukiwanym zadaniem przez twórców, którzy myślą w interesie użytkowników.

To, czego nie powinniśmy robić, to zamieniać naszą witrynę w wolną przestrzeń, do której ludzie nie chcą ponownie wchodzić, coś, czego możemy uniknąć, jeśli weźmiemy pod uwagę różne elementy i nauczymy się kompresować obrazy w Photoshopie. Jednym z nich i bardzo ważnym jest przesyłanie zdjęć. Jeśli masz witrynę z dużą ilością treści wizualnych, musisz zadbać o nią zarówno wewnątrz, jak i na zewnątrz, kompresując obrazy Photoshopa i przyspieszając działanie strony.

Szybkość naszej witryny jest kluczowa dla wygody użytkownika, ponieważ wejście na szybką stronę nie jest tym samym, co nie wpływa na nasze połączenie ze stroną internetową, na której wszystkie obiekty, które widzimy, ładują się bardzo wolno. W dodatku, żeby zobaczyć obrazki, trzeba je pobrać na serwer, więc im wyższy wolumen, tym dłużej trwa ładowanie i użytkownik prawdopodobnie rozpaczy i odejdzie. Stąd tak ważna jest edycja obrazów w Photoshopie i ulepszanie naszej strony internetowej lub po prostu naszej przestrzeni, wiedząc, jak kompresować obrazy w Photoshopie.

Jeśli prześlesz bardzo ciężkie obrazy, Twoja strona będzie działać wolno, a użytkownicy zmęczą się i wyjdą. Jeśli chcesz uniknąć utraty wizyt, zadbaj o wszystko, co przesyłasz i dowiedz się, jak skompresować obraz w Photoho, zmniejszając jego rozmiar.

1. Rodzaje formatów obrazów w Photoshopie

Aby mówić o optymalizacji obrazu, musimy rozróżnić, jaki mamy format obrazu i który jest dla nas najlepszy.

Format JPEG.webpDo ogólnego użytku fotograficznego jest to standardowy format używany z wynikami dobrej jakości. Obsługuje 24-bitowy kolor.

Format PNG-8Jest to alternatywa dla GIF.webp, ale bez animacji i może wyświetlać do 256 kolorów. Jego kompresja dla sieci jest jedną z najbardziej odpowiednich, umożliwiając dobrą jakość przy zmniejszonych rozmiarach.

Format PNG-24Jest to dobra opcja do eksportowania obrazów wysokiej jakości, takich jak JPEG.webp. Ten rodzaj rozszerzenia jest wygodny, gdy mamy obraz zawierający przezroczystość. Wyświetla również do 16 milionów kolorów, ponieważ obsługuje kolory 24-bitowe.

Format GIF.webpJest to format animacji par excellence. Reprezentuje do 256 kolorów w kształtach o dużej ilości jednolitego koloru, linii lub tekstu.

W tym samouczku wybierzemy dwa z najbardziej użytecznych i używanych formatów przesyłania obrazów do sieci: JPEG.webp i PNG-8.

2. Jak skompresować obraz w Photoshopie

Kiedy pracujemy w przestrzeni roboczej w Photoshopie, robimy to według określonych parametrów w zależności od obrazu lub natury ogólnej. Jednym z nich jest rozmiar, proporcje obrazu z jakim pracujemy. Rozmiar obrazu odpowiada liczbie pikseli, które zawiera w pionie i poziomie, co powoduje wzrost rozmiaru obrazu.

To, co nazywamy rozdzielczością, oznacza liczbę fragmentów informacji w określonej przestrzeni, którą nazywamy pikselami na cal lub dpi. Oznacza to, że im większa liczba pikseli na cal, tym nasza rozdzielczość będzie wyższa.

Po rozróżnieniu obu aspektów należy zauważyć, że dwa obrazy mogą mieć ten sam rozmiar, ale różną rozdzielczość i proporcje. Jeśli są to obrazy do internetu, zaleca się traktowanie rozmiarów w pikselach. Aby uzyskać do niego dostęp, przejdź do Image / Image size lub naciśnij następującą kombinację.

Ctrl + Alt + I

NotatkaOpcja Resample image pozwala nam zmienić rozmiar bez zmiany rozdzielczości. Wybierz najbardziej odpowiednią opcję dla tego, czego potrzebujesz.

3. Zmień profil kolorów Photoshop

Przestrzeń kolorów, w której pracujemy, również będzie miała wpływ na ostateczny plik. Warto wspomnieć o różnicy między przestrzenią sRGB i RGB. System Adobe RGB został wprowadzony przez firmę w 1998 roku i obejmuje znacznie szersze spektrum kolorów niż przestrzeń sRGB. Nie oznacza to, że jest gorzej, ale że są oddani innym celom.

System RGB jest bliższy spektrum CMYK, który jest zorientowany na świat druku. Pomimo większej liczby kolorów, standardem dystrybuowanym cyfrowo w urządzeniach, czy to telefonach komórkowych, monitorach czy jakimkolwiek innym urządzeniu cyfrowym, jest sRGB. Kiedy jedno z tych urządzeń napotyka RGB, próbuje skompresować nadmiar kolorów i tworzy fałszywe sRGB z gorszymi wynikami.

Krok 1
Dlatego zaleca się wykonanie zdjęć, obszaru roboczego w Photoshopie lub ich optymalizację w tym systemie w celu poprawy zgodności kolorystycznej. Aby zmienić roboczy profil kolorów, przejdź do menu Edycja i wybierz Konwertuj na profil.

Krok 2
W następnym oknie będziesz musiał tylko wybrać profil, którego potrzebujesz, w tym przypadku sRGB.

4. Kompresuj obraz bez utraty jakości programu Photoshop

Format JPG.webp jest najczęściej używanym standardem i chociaż umożliwia kompresję, nie oferuje tak wielu edytowalnych parametrów jak PNG. Możemy zmienić ostateczną wagę naszego obrazu, zmieniając rozmiar naszego zdjęcia lub podczas eksportu.

Krok 1
Zapisując jako JPEG.webp widzimy, że mamy dwie możliwości, z jednej strony skonfigurować opcje obrazu (jakość), a z drugiej opcje formatu. W tym celu przejdź do menu Plik / Zapisz jako lub poniższej kombinacji i wybierz format JPEG.webp.

Shift + Ctrl + S

Krok 2
Te parametry konfiguracyjne pojawiają się w następnym oknie. Zobaczmy, co każdy z nich oznacza.

Opcje obrazuTutaj musimy wybrać ostateczną jakość obrazu, widać, że im wyższa jakość, tym większy rozmiar pliku, będąc w stanie zobaczyć, co ostatecznie zajmie, jeśli klikniemy Podgląd. Przesuń pasek, aby móc modyfikować te wartości.

Jeśli chcemy, aby zdjęcie wydrukowało rozmiar plakatu, musimy wybrać znacznie wyższą jakość niż w przypadku zdjęcia do internetu, pamiętajmy, że im większy rozmiar obrazu, tym więcej zasobów będzie potrzebnych do załadowania go przez sieć.

Opcje formatowaniaWewnątrz znajdujemy różne alternatywy, aby nadać ostateczny format naszemu obrazowi. Najbardziej zalecana jest standardowa linia bazowa, ponieważ zwykle jest najbardziej kompatybilna.

• Linia bazowa („Standardowa”). Wykorzystuje format, który jest rozpoznawalny przez zdecydowaną większość przeglądarek internetowych i programów. Obecnie najnowsze programy zwykle nie dają niezgodności.

• Zoptymalizowana linia bazowa. Ten format utworzy plik obrazu zawierający zoptymalizowane kolory, dzięki czemu uzyskasz mniejszy rozmiar.

• Progresywny. Dzięki tej opcji zostaną pokazane różne wersje, które będą coraz bardziej szczegółowe w miarę pobierania. To użytkownik decyduje, ile zostanie utworzonych. Jest to format, który był używany i jest często używany, gdy przechodzimy do wolnych połączeń, które wymagają załadowania wobulacji.

NotatkaNależy wspomnieć, że nie wszystkie przeglądarki rozpoznają lub obsługują obrazy JPEG.webp, które są progresywne lub zoptymalizowane.

5. Kompresuj obrazy PNG w Photoshopie

Krok 1
Aby wyeksportować jako PNG, musimy wykonać ten sam pierwszy krok, co w przypadku innych formatów, przejdź do menu Plik / Zapisz jako i wybierz w tym przypadku PNG.

Krok 2
Teraz zobaczysz w oknie zapisywania, że ​​pojawiają się różne opcje.

KompresjaMożemy wybrać żądany rodzaj kompresji lub powiedzieć brak, jeśli nie chcemy, aby była stosowana. W zależności od wyboru prędkość ładowania zostanie zwiększona lub zmniejszona.

SplotTa opcja jest ważna, zwłaszcza jeśli mówimy o platformach internetowych. Zobaczmy różnicę:

• Żaden. Ta opcja pozwala na wyświetlenie obrazu tylko wtedy, gdy został w pełni załadowany, to znaczy, jeśli mamy wolne lub problematyczne połączenie, obraz nie pojawi się, dopóki nie zostanie załadowany do transferu internetowego.

• Splecione. Ta opcja jest bardziej zalecana w przypadku usług internetowych, ponieważ podczas ładowania wyświetla zmniejszone wersje obrazu. Dzięki temu proces pobierania jest mniejszy, a użytkownik będzie wiedział, że obraz jest pobierany.

6. Zapisz obrazy JPG.webp do sieci Photoshop

Krok 1
Jedną z najkorzystniejszych opcji, jakie mamy w Photoshopie do optymalizacji obrazu, jest Zapisane jako sieć, która pozwala nam ręcznie dostosowywać różne parametry. Ten zapis jest bardzo przydatny w przypadku obrazów przeznaczonych do przesyłania do Internetu, umożliwiając obrazy wysokiej jakości, ale o zmniejszonym rozmiarze. W tym celu idziemy Plik / Zapisz w Internecie lub wykonujemy następującą kombinację.

Alt + Shift + Ctrl + S

Krok 2
Jeśli chcemy wybrać JPEG.webp, będziemy mieli te ustawienia.

Jakość obrazuWybierz preferowaną jakość obrazu od Niskiej do Maksymalnej lub z wartościami po prawej stronie. Możesz zobaczyć zmianę rozmiaru pod obrazem po lewej stronie.

ProgresywnyObraz będzie się stopniowo ładował, to znaczy, że przejdziemy od oglądania go w niskiej rozdzielczości do rzeczywistego.

Z przeplotemWyświetla obraz tylko wtedy, gdy jest w pełni załadowany.

AureolaJeśli obraz jest przezroczysty, wybierz kolor halo odpowiadający tłu strony, na której zostanie osadzony.

Osadź profil kolorówWybierz tę opcję, aby zachować profil ICC obrazu, niektóre przeglądarki internetowe używają go do poprawiania koloru.

Konwertuj na sRGBUżyj tego profilu, aby poprawić zgodność kolorów na urządzeniach i monitorach.

Masz inne opcje, takie jak tryb podglądu, metadane lub zmiana rozmiaru z ograniczeniami lub bez.

7. Zapisz obrazy PNG dla programu Photoshop w Internecie

Krok 1
Jak już wiemy, aby móc uzyskać dostęp do Zapisanego dla Internetu w PNG, musimy przejść do Pliku / Zapisz dla Internetu. Pamiętaj, że ten format jest bardzo dobry w przypadku obrazów z witryną internetową, ponieważ jego wynik daje bardzo dobrą relację między jakością a wagą pliku.

Krok 2
Aby wyeksportować jako PNG, wybierz go z menu rozwijanego. Pamiętaj, że PNG 24 oferuje więcej kolorów, więc rozmiary są znacznie wyższe niż w PNG-8. Zalecamy to drugie w przypadku standardowych obrazów internetowych. Okno, które się pojawi, jest podobne do tego z JPEG.webp i oprócz opcji już widzianych w poprzedniej sekcji, możemy również wybrać:

PrzezroczystośćTutaj możesz wybrać rodzaj przezroczystości, który najlepiej pasuje do Twojego obrazu lub usunąć go i wybrać określony kolor za pomocą Halo.

Dopasuj do sieciTen parametr pozwala na dalszą kompresję obrazu, im wyższy procent dopasowania, tym wyższa kompresja, niższa jakość i mniejszy rozmiar.

8. Zapisywanie obrazów do sieci Photoshop

Krok 1
Aby móc przeprowadzić automatyczną kompresję zarówno dla PNG, jak i JPEG.webp, otwieramy zapisywanie dla Internetu w Plik / Zapisz dla Internetu lub następującą kombinację klawiszy.

Alt + Shift + Ctrl + S

Krok 2
Po prawej stronie opcji Presets kliknij wyświetloną kartę menu i wybierz opcję Optymalizuj do rozmiaru pliku.

Krok 3
Teraz wystarczy wybrać rozmiar obrazu, który chcesz mieć, a program automatycznie wykona kompresję za Ciebie. Możesz zmieniać wartości, aby uzyskać różne wyniki.

Krok 4
Możesz również przejść do okna o nazwie 4 kopie i wybrać jedną z dostarczonych Ci wersji i zapisać ją.

Krok 5
Jeśli chcesz zmienić rozmiar i prędkość transferu, kliknij wartości poniżej obrazu i wybierz je automatycznie.

Jak widać, istnieją różne sposoby zmniejszania rozmiaru obrazów w zależności od ich przeznaczenia. Jest wiele parametrów, które musisz wziąć pod uwagę, ale w zależności od wymaganego poziomu, jeden lub drugi będzie bardziej przydatny, aby wiedzieć, jak skompresować obraz Photoshopa. W poniższym filmie pokażemy graficznie, jak zoptymalizować i skompresować obrazy w prosty i kompletny sposób. Jeśli chcesz szybkiej kompresji, pierwsza metoda będzie dla ciebie odpowiednia, a jeśli szukasz czegoś bardziej złożonego, w którym możesz edytować wszystkie parametry, twoja metoda jest druga.