Jak korzystać z narzędzia Photoshop Save for Web

Spisu treści:

Jak korzystać z narzędzia Photoshop Save for Web
Jak korzystać z narzędzia Photoshop Save for Web
Anonim

Co warto wiedzieć

  • Otwórz obraz w Photoshopie. Wybierz Obraz > Rozmiar obrazu. Wprowadź nową szerokość, a następnie wybierz Piksele > OK.
  • Wybierz Plik > Zapisz dla Internetu i urządzeń. Wybierz zakładkę 2-Up, aby zobaczyć oryginalne i zoptymalizowane obrazy obok siebie.
  • Zmień wartość Jakość i zobacz wyniki. W razie potrzeby dostosuj rozmiar lub typ pliku. Wybierz Zapisz i nazwij nowy obraz.

Ten artykuł wyjaśnia, jak korzystać z narzędzia Save for Web programu Photoshop, aby zoptymalizować obrazy do wykorzystania w Internecie. Te informacje dotyczą programu Photoshop 20.0.10 i nowszych. Polecenia i opcje menu mogą się różnić w zależności od wersji.

Jak zapisać do Internetu w Photoshopie

Projektanci graficy, projektanci stron internetowych i inne osoby, które tworzą treści internetowe, tworzą również obrazy gotowe do użycia w Internecie, takie jak zdjęcia do witryn internetowych i banery reklamowe. Przed przesłaniem tych obrazów optymalizują je do szybkiego pobrania i wyświetlenia w przeglądarce internetowej.

Oto jak korzystać z narzędzia Zapisz dla Internetu w Photoshopie, aby uzyskać właściwą równowagę między jakością obrazu a rozmiarem pliku dla swoich obrazów.

  1. Otwórz obraz, który chcesz zapisać w Photoshopie.
  2. Wybierz Obraz > Rozmiar obrazu. Lub, na PC, naciśnij Alt+Ctrl+I, dla macOS, naciśnij Command+Option+I na klawiaturze.

    Image
    Image
  3. W polu Width wprowadź nową szerokość, wybierz Piksele, a następnie wybierz OK.

    Zmień rozmiar zdjęcia do małego rozmiaru, który można wykorzystać na stronie internetowej.

    Image
    Image
  4. Wybierz Plik > Eksportuj > Zapisz do Internetu (starsze). Lub użyj skrótu klawiaturowego: Alt/Option+Command+Shift+S.

    W innych wersjach Photoshopa ścieżka to Plik > Eksport > Zapisz w Internecie. Element może nosić nazwę Zapisz dla Internetu lub Zapisz dla Internetu i urządzeń.

    Image
    Image
  5. W oknie Save for Web przejdź do Original, Optimized,2-Up i 4-Up tabulatory. Te karty przełączają się między widokiem oryginalnego zdjęcia, zoptymalizowanym zdjęciem z zastosowanymi ustawieniami Zapisz dla Internetu lub porównaniem dwóch lub czterech wersji zdjęcia.

    Wybierz 2-Up, aby porównać oryginalne zdjęcie ze zoptymalizowanym zdjęciem. To pokazuje obok siebie kopie obrazu.

    Image
    Image
  6. Zmień wartość Jakość. W miarę obniżania jakości obraz wygląda na bardziej zamazany, a rozmiar pliku maleje. Mniejsze pliki oznaczają szybsze ładowanie stron internetowych.

    Znajdź złoty środek między rozmiarem pliku a jakością. Jakość od 40 do 60 to dobry zakres. Użyj wstępnie ustawionych poziomów jakości (na przykład JPEG Medium), aby zaoszczędzić czas.

    Image
    Image
  7. W razie potrzeby zmień typ pliku na JPEG, GIF, PNG-8, PNG-24 lub WBMP.

    Image
    Image
  8. W razie potrzeby zmień rozmiar obrazu. Wprowadź szerokość lub wysokość albo przeskaluj ją w procentach.

    Kliknij ikonę chain link, aby zmienić proporcje obrazu. W przeciwnym razie wprowadź inną szerokość lub wysokość, aby proporcjonalnie zmienić inną wartość.

    Image
    Image
  9. Wartości poniżej podglądu obrazu wyświetlają typ pliku, rozmiar i czas potrzebny do otwarcia obrazu na stronie internetowej. Te numery są aktualizowane w miarę wprowadzania zmian.

    Image
    Image
  10. Gdy jesteś zadowolony ze zdjęcia, wybierz Zapisz.

    Image
    Image
  11. Wpisz nazwę zdjęcia, a następnie kliknij Zapisz.

    Image
    Image

Co sprawia, że grafika internetowa jest gotowa?

Większość gotowych grafik internetowych ma wspólne cechy:

  • Rozdzielczość to 72 dpi.
  • Tryb koloru to RGB.
  • Pliki są zmniejszane w celu szybszego ładowania stron internetowych.

Zalecana: