Jak zapisywać obrazy w Internecie w Photoshopie

Jedną z ważniejszych funkcji, jaką oferuje Photoshop, jest funkcja Zapisz dla Internetu / urządzeń .

Dlaczego warto z niego korzystać? Chociaż można po prostu zapisać plik w standardowej metodzie, taki plik / Zapisz jako , funkcja Zapisz dla Internetu / urządzeń ma kluczowe trzy rzeczy.

To narzędzie doskonale nadaje się do publikowania ikon na Twitterze, zdjęć profilów na Facebooku, plików produktów, obrazów blogów i plików źródłowych dla faviconów.

  • 01 - Otwórz swój plik źródłowy

    Plik / Otwórz Photoshop. Zrzut ekranu autorstwa Bryana Hainesa

    Aby rozpocząć, musisz otworzyć Plik / Otwórz, aby otworzyć swój plik. Może być w dowolnym formacie - jpg, gif, psd, png lub inne. Tak długo, jak program Photoshop może go otwierać, można go wypisać w Internecie.

  • 02 - Zapisywanie pliku w Internecie

    Plik Zapisz Photoshop CS5. Zrzut ekranu autorstwa Bryana Hainesa

    Przejdziemy do oszczędzania w Internecie, zakładając, że wprowadziliście wymagane korekty. Oczywiście, jeśli potrzebujesz edytować obrazek, zrób to pierwszy i kontynuuj ten krok później.

    Przejdź do Plik / Zapisz dla Internetu / urządzeń i kliknij. Jest mniej więcej w połowie rozwijanego menu.

    Ten proces w ogóle nie zmienia twojego oryginalnego pliku. Tworzysz nowy plik. Po ukończeniu tego samouczka i powrocie do oryginalnego obrazu w Photoshopie musisz zapisać ten plik, jeśli wprowadziłeś w nim jakiekolwiek zmiany. Ważne jest, aby nazwa nowego obrazu była inna niż oryginalna. Często po prostu dodawanie _web do nazwy pliku będzie działało dobrze. (przykład: filename_web.jpg)

  • 03 - Dostosuj widok porównawczy do 2-up

    Porównanie Side by Side Photoshop CS5. Zrzut ekranu autorstwa Bryana Hainesa

    W zależności od ustawień konieczne może być dostosowanie widoku tutaj. To, czego chcesz, to lewe i prawe porównanie twojego obrazu. Lewa strona wyświetli oryginał, po prawej stronie wyświetli jakość obrazu przy bieżących ustawieniach.

    Jeśli spojrzysz wzdłuż górnej części okna, zobaczysz następujące opcje: Oryginalne, Zoptymalizowane, 2-Up, 4-Up. Dla większości celów, 2-Up jest to, czego chcesz.

  • 04 - Ustaw rozmiar wyświetlania na 100%

    Dostosowywanie widoku do 100% w Photoshop CS5. Zrzut ekranu autorstwa Bryana Hainesa

    Aby upewnić się, że oglądasz w 100%, zaznacz opcję w lewym dolnym rogu ekranu.

    Ważne jest, aby pamiętać, że jeśli wyświetlisz obraz o wartości wyższej niż 100%, będzie wyglądać ziarnisty, a nawet nieczytelny. Zawsze pracuj z obrazem w 100%.

  • 05 - Wybierz wymiary pliku

    Wybieranie rozmiaru pliku w Photoshop CS5. Zrzut ekranu autorstwa Bryana Hainesa

    Wymiary dla sieci są prawie zawsze w pikselach (px). Ważne jest, aby proporcje były prawidłowe. Obok ramki z obrazkiem jest mały obraz ogniwa łańcucha. To, co się dzieje, to skalować szerokość, gdy dostosowujesz wysokość. Na przykład obraz o wymiarach 600 na 400 pikseli. Jeśli zmniejszysz szerokość do 300px, plik zostanie automatycznie skalowany do wysokości 200 pikseli. Jeśli nie jest zaznaczone, obraz zostanie zniekształcony.

    Istnieje również możliwość skalowania obrazu według wartości procentowych.

  • 06 - Wybierz typ pliku do eksportu

    Wybór typu pliku do eksportu w programie Photoshop CS5. Zrzut ekranu autorstwa Bryana Hainesa

    W tej opcji typ oryginalnego pliku nie ma znaczenia. Możesz wybrać dowolny plik, który potrzebujesz.

    Uwaga: aby rozpocząć proces, musisz kliknąć obraz po prawej stronie. Obraz musi zostać wybrany do przetworzenia.

    Najczęściej spotykany jest jpg dla Internetu - jest to najmniejszy format pliku, który oznacza, że ​​pliki są pobierane szybciej dla użytkowników witryny. Jeśli masz przezroczystość, wybierz png-24. Jeśli nie wiesz, co oznacza przezroczystość, powinieneś wybrać JPG.

  • 07 - Wybierz jakość obrazu

    Wybierz jakość obrazu w Photoshop CS5. Zrzut ekranu autorstwa Bryana Hainesa

    Każda z trzech opcji jpg (wysoka, średnia, niska) ma wstępnie ustawione ustawienia jakości - wszystkie te ustawienia można regulować ręcznie. Jeśli oglądasz w 100%, możesz zdecydować, jakiej jakości potrzebujesz. Aby dostosować poziom powiększenia, patrz Krok 5. Obraz będzie wyglądał tak samo online jak w oknie podglądu.

    Jeśli wybierzesz coś innego niż jpg, możesz pominąć ten krok.

  • 08 - Zapisz swój plik

    Zapisz swój plik w Photoshop CS5. Zrzut ekranu autorstwa Bryana Hainesa

    Po wprowadzeniu niezbędnych poprawek będziesz gotowy do zapisania pliku. Kliknij "Zapisz" i wybierz folder i nazwę pliku dla tego nowego obrazu.

    Gratulacje! Twój nowy plik jest gotowy do użycia online.