Jak przygotować zdjęcie do Internetu

  1. Zalety i wygoda korzystania z tego modułu to takie przydatne i niezbędne funkcje, jak:
  2. Opis opcji:

Cześć wszystkim! Cieszę się, że cię widzę na moim blogu. ps-blog.ru , który jest dedykowany lekcjom dla początkujących użytkowników programu Photoshop. Przypominam ci to w przeszłości artykuł dowiedzieliśmy się, jak ładować czcionki do Photoshopa i polecam go każdemu, kto jeszcze go nie przeczytał.

Dzisiaj będziemy nadal uczyć się podstaw Photoshopa, tematu dzisiejszej lekcji Jak przygotować zdjęcie do Internetu . Być może od razu miałeś pytania, dlaczego i dlaczego przygotowujesz zdjęcia do Internetu? W końcu możesz po prostu pobrać i to wszystko.

Tak, w niektórych przypadkach możesz po prostu pobrać i to wszystko, ale pociąga to za sobą wiele problemów i niedogodności. Poniżej podałem 5 powodów, dla których musisz przygotować zdjęcia do Internetu:

Świetna waga obrazu Świetna waga obrazu. Jeśli na przykład umieścisz na swojej stronie zdjęcie, które waży kilka megabajtów, najpierw przeciążasz i zakłócasz działanie serwera, po drugie strona, na której zamieściłeś swoje zdjęcie, będzie ładowana przez bardzo długi czas. I to w znacznym stopniu wpływa na frekwencję witryny. Pamiętaj, że ludzie nie lubią odwiedzać witryn, które zwalniają i ładują się długo.

Podczas projektowania strony internetowej wszystkie elementy układu przyszłej strony (zdjęcia w formacie Podczas projektowania strony internetowej wszystkie elementy układu przyszłej strony (zdjęcia w formacie .png i .jpg) są koniecznie przygotowane do Internetu, bez tego układu jest niemożliwe.

Niewłaściwe proporcje zdjęć, które prowadzą do zniekształceń Niewłaściwe proporcje zdjęć, które prowadzą do zniekształceń. Ten przedmiot nie wymaga wyjaśnień.

Wysoka utrata jakości obrazu Wysoka utrata jakości obrazu. Kiedy przesyłasz nowe zdjęcia, na przykład do sieci społecznościowych lub aukcji internetowych, prawdopodobnie zauważyłeś, że nie są one tak jasne, kolorowe ani kontrastowe, jak były pierwotnie. Faktem jest, że podczas przesyłania zdjęć do
wszelkie zasoby internetowe automatycznie kompresują i obniżają jakość twoich zdjęć.

W niektórych sytuacjach musisz pobrać obraz o określonym rozmiarze i formacie W niektórych sytuacjach musisz pobrać obraz o określonym rozmiarze i formacie. Na przykład musisz przesłać ikonę 16 × 16 pikseli w formacie .png dla swojej witryny. Wszystko to można łatwo i prosto zrobić w Photoshopie.

Z tymi wszystkimi zadaniami naszym ulubionym programem jest Adobe Photoshop CC . Twórcy Photoshopa wynaleźli bardzo przydatny i niezbędny moduł z funkcją zapisywania obrazów w Internecie ( Save for Web ) . Jest to potężny moduł do zarządzania procesem optymalizacji i zapisywania dokumentów, który automatycznie wybiera optymalne ustawienia zapisanego pliku. Moduł ten obsługuje i współpracuje z najpopularniejszymi formatami plików w Internecie .jpg , .gif , .png .

Zalety i wygoda korzystania z tego modułu to takie przydatne i niezbędne funkcje, jak:

wybór wielu trybów wyświetlania podczas optymalizacji obrazu w Internecie wybór wielu trybów wyświetlania podczas optymalizacji obrazu w Internecie

wybierz format, w którym zostanie zapisany obraz wybierz format, w którym zostanie zapisany obraz

wybierz jakość i rozmiar zapisanego obrazu wybierz jakość i rozmiar zapisanego obrazu

wybór metody optymalizacji, kompresji i oglądania wagi zoptymalizowanego obrazu wybór metody optymalizacji, kompresji i oglądania wagi zoptymalizowanego obrazu.

Na tym kończy się cała teoria, idź do praktyki. Na początek otwórzmy obraz lub zdjęcie, które zaoszczędzimy w Internecie. Będę pracować z tym obrazem:

Aby przejść do zapisywania w Internecie, przejdź do górnego menu Plik / Zapisz dla sieci lub użyj skrótu klawiszowego Ctrl + Alt + Shift + S.

Przed nami należy otworzyć okno z ustawieniami pokazanymi na poniższym zrzucie ekranu. Nie musisz obawiać się dużej liczby przycisków i ustawień, użyjemy tylko pewnej ich części i szczegółowo przeanalizujemy, do czego są potrzebne i jak z nich korzystać.

Opis opcji:

1. Cztery opcje podglądu kart.

- Oryginał pojawia się, gdy widzisz prąd oryginalnego obrazu

- Optymalizacja jest wtedy, gdy w podglądzie widoczny jest tylko zoptymalizowany obraz

- 2 Opcje - to jest, gdy widzisz swój oryginalny obraz na górze i zoptymalizowany na dole. Ta opcja jest najwygodniejsza i najbardziej mi się podoba, dlatego ją wybrałem.

- 4 Opcje - to jest, gdy widzisz oryginalny obraz w podglądzie, obraz, który wybrałeś, obraz jako 22 i obraz jako 11.

2. Format zapisanego pliku. W naszym przypadku wybieramy JPEG.

- PNG - format pliku do zapisywania grafiki internetowej. Istnieją dwa typy, obrazy indeksowane 8 bitami, 24-bitowe - „wszystkie” kolory. Zazwyczaj ten format zachowuje kliparty i logo na przezroczystym tle.

- GIF - nieaktualny format pliku do zapisywania grafiki internetowej. Najczęściej w tym formacie zapisywane są pliki z ograniczoną liczbą kolorów, tabel, diagramów, logo, format obsługuje również animację i przezroczyste tło. Ten format jest używany coraz rzadziej, ponieważ pojawił się lepszy format PNG.

- JPEG - najpopularniejszy format. Idealny do zapisywania zdjęć i obrazów w różnych kolorach, odcieniach, efektach.

3. Wartość jakości. Lubię „High”.

- niski

- średnia

- wysoko

- bardzo wysoka

- Najlepsze

4. Tutaj zaznaczamy wartość „ Optymalizacja ”. Nie będziemy brać pod uwagę opcji „ Progressive ” i „ Embedded Profile ”, ponieważ większość przeglądarek internetowych ich nie obsługuje.

5. Umieść zaznaczenie, aby włączyć opcję „ Konwertuj na sRGB ”. Ma to na celu zapewnienie, że nasz obraz jest poprawnie wyświetlany na stronie internetowej i jest przechowywany w przestrzeni kolorów sRGB.

6. Ustaw żądany rozmiar obrazu. W moim przypadku jest to szerokość 500 pikseli, wysokość 281 pikseli.

7. Rozmiar oryginalnego obrazu.

8. Rozmiar zoptymalizowanego obrazu dla Internetu.

Myślę, że teraz rozumiesz temat Jak przygotować zdjęcia do Internetu w Photoshopie, a teraz możesz to zrobić sam. Pamiętaj, że najlepsze podziękowania dla autora to upodobania, repost w sieciach społecznościowych i komentarze na stronie. Myślę, że teraz rozumiesz temat Jak przygotować zdjęcia do Internetu w Photoshopie, a teraz możesz to zrobić sam Do zobaczenia na następnych lekcjach!

Do zobaczenia na następnych lekcjach

Być może od razu miałeś pytania, dlaczego i dlaczego przygotowujesz zdjęcia do Internetu?