Jako projektant graficzny lub projektant stron internetowych możesz zostać poproszony o dostarczenie gotowych do wyświetlenia obrazów, np. Zdjęć do witryny lub banerów reklamowych. Narzędzie Photoshop Save for Web to prosty sposób na przygotowanie plików JPEG do internetu, pomagając w kompromisach między rozmiarem pliku a jakością obrazu.
W tym samouczku zapisywane są obrazy JPEG. Narzędzie Zapisz dla Internetu jest również wbudowane do zapisywania plików GIF, PNG i BMP.
Co sprawia, że grafika jest gotowa do wyświetlania w Internecie?
Większość grafiki internetowej mają wspólne cechy:
- Rozdzielczość wynosi 72 dpi.
- Tryb koloru to RGB.
- Pliki są zmniejszane w celu szybszego ładowania stron internetowych.
Otwórz obraz
Aby ćwiczyć za pomocą narzędzia Zapisz dla Internetu, otwórz obraz w programie Photoshop.
Kliknij Plik> otwarty, wyszukaj obraz na komputerze i kliknij otwarty. Dla celów praktycznych zdjęcie działa dobrze, chociaż zrobi to dowolny typ obrazu.
Zmień rozmiar zdjęcia na mały rozmiar, którego możesz użyć na stronie internetowej. Aby to zrobić, kliknij Obraz> Rozmiar obrazu, wprowadź nową szerokość w polu Szerokość i wybierzPiksele. W takim przypadku wpisz 400 pikseli i kliknij dobrze.
Otwórz narzędzie Zapisz dla Internetu
Załóżmy, że ktoś poprosił Cię o dostarczenie zdjęcia o szerokości 400 pikseli, gotowego do zamieszczenia na stronie internetowej.
Kliknij Plik > Oszczędzaj na sieci otworzyć Oszczędzaj na sieci Okno dialogowe. (W późniejszych wersjach programu Photoshop ścieżka jest Plik > Eksport > Oszczędzaj na sieci.)
Przeglądaj różne ustawienia i narzędzia w oknie.
03 z 07Skonfiguruj porównanie
Na górze Oszczędzaj na sieci okno to seria zakładek oznaczonych etykietą Oryginalny, Zoptymalizowany, 2-up, i 4-Up. Klikając te karty, możesz przełączać między widokiem oryginalnego zdjęcia, zoptymalizowanego zdjęcia z zastosowanymi do niego ustawieniami Zapisz dla Internetu lub porównaniem dwóch lub czterech wersji zdjęcia.
Wybierać 2-up aby porównać oryginalne zdjęcie ze zoptymalizowanym, pokazując kopie obrazu obok siebie.
04 z 07Ustaw podgląd pierwotny
Kliknij zdjęcie po lewej stronie, aby je wybrać. Wybierać Oryginalny z Preset menu po prawej stronie Oszczędzaj na sieci okno (jeśli nie zostało jeszcze wybrane). Spowoduje to wyświetlenie podglądu oryginalnego, nieedytowanego zdjęcia po lewej stronie.
05 z 07Ustaw zoptymalizowany podgląd
Kliknij zdjęcie po prawej stronie, aby je wybrać. Wybierać JPEG High z Preset menu. Możesz teraz porównać zoptymalizowane zdjęcie po prawej, które będzie ostatecznym plikiem, z oryginałem po lewej.
06 07Edytuj jakość JPEG
Najważniejszym ustawieniem w prawej kolumnie jest Jakość wartość. W miarę obniżania jakości obraz staje się bardziej mętny, ale rozmiar pliku maleje, a mniejsze pliki oznaczają szybsze ładowanie stron internetowych.
Spróbuj zmienić jakość na 0 i zauważ różnicę na zdjęciach po lewej i prawej stronie, a także mniejszy rozmiar pliku, który znajduje się pod zdjęciem.
Celem jest znalezienie szczęśliwego medium pomiędzy rozmiarem pliku a jakością. Jakość pomiędzy 40 a 60 jest zwykle dobrym zasięgiem, w zależności od Twoich potrzeb. Spróbuj użyć wstępnie ustawionych poziomów jakości (Średnia JPEGna przykład), aby zaoszczędzić czas.
07 z 07Zapisz swój obraz
Po uzyskaniu satysfakcji ze zdjęcia po prawej stronie kliknij Zapisać przycisk. The Zapisz zoptymalizowany jako otwiera się okno. Wpisz nazwę pliku, przejdź do żądanego folderu na komputerze i kliknij Zapisać. Masz teraz zoptymalizowane zdjęcie internetowe.
