Jak zapisać obrazy dla sieci Web w Photoshopie

Dlaczego "Save for WebDevices"Save for WebDevices" funkcja w Adobe Photoshop jest kluczową funkcją – i dziewięciostopniowym samouczkiem, jak z niej korzystać.

Jak zapisać obrazy dla sieci Web w Photoshopie

Jedną z bardziej krytycznych funkcji programu Photoshop jest funkcja Save for WebDevices.

Dlaczego warto go używać? Podczas gdy można po prostu zapisać plik w standardowej metodzie, takiej jak File Save As, funkcja Save for WebDevices robi trzy kluczowe rzeczy.

  • Optymalizuje wymiary plików (na przykład: 150 px X 150 px), pozwalając na lepsze i mniej zniekształcone dopasowanie do stron internetowych.
  • Optymalizuje rozmiar pliku (np. 23 kb), pozwalając na szybsze pobieranie.
  • Zapisuje w formacie RGB (lub monitorze) w przeciwieństwie do formatu CMYK (druk).

Narzędzie to świetnie sprawdza się przy tworzeniu ikon Twittera, zdjęć profilów na Facebooku, plików produktowych, zdjęć z blogów i plików źródłowych do faviconów.

Aby rozpocząć, musisz przejść do FileOpen, aby otworzyć plik. Może być w dowolnym formacie – jpg, gif, psd, png lub innym. Tak długo jak Photoshop może go otworzyć, możesz wysłać go do sieci.

Zamierzamy przejść do oszczędzania w sieci, zakładając, że dokonali Państwo wszelkich niezbędnych zmian. Oczywiście, jeśli musisz edytować obraz, zrób to najpierw i kontynuuj ten krok później.

Przejdź do Zapisz plik dla WebDevices i kliknij. To jest o połowę w dół menu rozwijanego.

Ten proces w ogóle nie zmienia Twojego oryginalnego pliku. Tworzony jest nowy plik. Po zakończeniu tego tutoriala i powrocie do oryginalnego obrazu w Photoshopie będziesz musiał zapisać ten plik, jeśli wprowadziłeś do niego jakiekolwiek zmiany. Ważne jest, aby nazwać nowy obraz inaczej niż oryginalny. Często proste dodanie _web do nazwy pliku będzie działać dobrze. (przykład: filename_web.jpg)

W zależności od ustawień może być konieczne dostosowanie widoku tutaj. To, czego chcesz, to porównanie obrazu po lewej i prawej stronie. Po lewej stronie pojawi się oryginał, a po prawej stronie jakość obrazu przy aktualnych 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 tym, czego będziesz potrzebował.

Aby mieć pewność, że oglądasz w 100%, zaznacz opcję w lewym dolnym rogu ekranu.

Ważne jest, aby pamiętać, że jeśli zobaczysz obraz wyższy niż 100%, będzie on wyglądał ziarniście lub być może nawet nieczytelny. Zawsze pracuj z obrazem na 100%.

Wymiary środnika są prawie zawsze w pikselach (px). Ważne jest, aby zachować właściwe proporcje. Obok pudełka obrazkowego znajduje się mały obraz ogniwa łańcucha. To co robi to skalowanie szerokości przy regulacji wysokości. Na przykład, obraz o rozdzielczości 600px na 400px. Jeśli zmniejszysz szerokość do 300px, plik automatycznie skaluje się do wysokości 200px. Jeśli nie jest zaznaczone, obraz zostanie zniekształcony.

Istnieje również możliwość skalowania obrazu w procentach.

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

Uwaga: aby rozpocząć proces należy kliknąć na obrazek po prawej stronie. Obraz musi być wybrany do przetworzenia.

Najczęściej spotykanym formatem jest jpg dla sieci – jest to najmniejszy format pliku, co oznacza, że pobiera się go szybciej dla odwiedzających Twoją stronę. Jeśli masz przejrzystość wybrałeś png-24. Jeśli nie wiesz, co oznacza przejrzystość, powinieneś wybrać jpg.

Każda z trzech opcji jpg (Wysoka, Średnia, Niska) posiada wstępnie ustawioną jakość – wszystkie te ustawienia można regulować ręcznie. Jeśli oglądasz w 100%, możesz zdecydować, jakiej jakości potrzebujesz. Aby wyregulować poziom zoomu, zobacz krok 5. Obraz będzie wyglądał tak samo online jak w oknie podglądu.

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

Po dokonaniu niezbędnych zmian jesteś gotowy do zapisania pliku. Kliknij „Zapisz” i wybierz folder i nazwę pliku, który chcesz zapisać dla tego nowego obrazu.

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

to=””” get=””” zaczął,=””” you’ll=””” need=”” to=””” go=”” to=”” fileopen=”” to=”” open=””” „your=” file.=” „it=”” „can=” be=”” in=””” any=”” „any=””” format=” -=””” „jpg,=” „gif,=” psd,=”””” png=”” lub=””” inni.=”””” as=”” long=””” as=””” photoshop=””” can=”” open=””” it,=””” you=”” can=” output=””” it=”””” the=”” the” web.

We=””” are=”” going=”” to=””” skip=” ahead=”””” to=”” saving=””” for=”” the=”” web,=””” zakładając=”””” that=”””” you’ve=””” made=”” „whatever=”””” adjustments=”””” you=” you=”” require.=””” oczywiście,=”” if=””” you=””” need=”” to=””” edit=”””” the=” image,=”” do=””” that=”” first=””” i=””” continue=”” with=””””” „this=” „step=””” później.

go=””” to=”””” file=”” save=””” for=”””” webdevices=””” i=”” click.=” it=””” is=”” about=”””” „half=”” way=”””” „down=”” the=” drop=””””” down=””.

this=””” proces=”””” doesn’t=””” change=”””” your=” original=”””” file=”” at=”” all.=”” you=””” are=””””” tworzenie=””” a=””” new=””” file.=”””” once=”””” you=” complete=””” this=””” tutorial=”” i=”” return=”””” to=”” your=” original=”” image=”” in=”” photoshop=”” you’ll=”” need=””” to=”” save=””” to”” that=”” file=””” if=””””” you’ve=”” made=””” any=””” changes=”””” to=” to=”””” it.=””” to jest=””” ważne=” to=”””” name=””” your=”” new=”” image=””” different=””” than=””” your=” original=””””” one.=””” często=”” po prostu=”””” dodając=”””. _web=””” to=””” the=””” plik=””” nazwa=” will=”””” work=”” well.=”””” (example:=”” filename_web.jpg)

depending=”””” on=”””” your=”” settings,=””” you=”” może=”” need=” to=””” adjust=””” the=” the” view=” here.=” what=”””” you=” want=””” is=”” a=” a=” left=””” and=””” right=””” comparison=”” of=” of=”””” your=”” image.=””” the=”” lewy=”” side=””” będzie=””” show=”” the=”” original,=”” the=”” the” the=” show=””” the=” image=””” quality=”””” at=”” the=” the=” the” the=” current=”” settings.

if=”””” you=”” look=” wzdłuż=””” the=””” top=”” of=”””” the=” window,=”” you’ll=”” see=””” the=” the” following=””” następujące=”” opcje:=”” „original”,=”” „optimized,=””” 2-up,=””. 4-up.=””” for=””” najbardziej=”” purposes,=””” 2-up=”” is=”””” what=”””” you’ll=””” want.

to=””” ensure=”””” you=”” are=”” viewing=””” at=””” 100%=””” check=””” the=” option=” in=”” the=”” the=” bottom=””” left=””” corner=”” of=”” the=” the”” ekranu.

it’s=””””” ważne=” to=”” remember=”””” że=” if=””” „you=” view=””” „your=” image=”” a=” higher=””” niż=”” 100%=”” „it=” będzie=” „look=”” „grainy=””” lub=””” być może=”” even=””” nieznamiennie.=”” „always=””” „work=” „with=””””””” the=” „image=”” „at=”” 100%.

dimensions=”””” for=”” the=””” web=” are=””” niemal=”” zawsze=””” in=”” pixels=”” (px).=””” it=”” is=””” ważne=”” to=””” keep=”””” the=”” proporcje=” poprawne.=””” obok=”””” the=” image=”” box=” is=””” a=”” small=”” image=”” of=””” a=”” chain=”” link.=””” what=”” what=””” that=”” does=”” is=””” scale=” the=” width=”” when=””” you=”” adjust=” the” the=” height.=”” for=”” for=”” przykład,=””an=” „image=”””” that=”” is=”” „600px=”” by=”””. 400px.=”” jeśli=””” you=”””” zredukuj=””” the=” width=””” to=”””. 300px,=””” the=””” file=”” will=”””” automatycznie=”” scale=”” to=””” a=” height=” of=”” 200px.=”””” if=”””” it=”” is=””” „unchecked=””” the=”” the „image=”” will=”” be=”” be=”” distorted.

you=”””” also=””” have=””” the=” option=”” to=””” scale=””” the=”” image=” by=””” procent.

in=””” this=”” option,=””” the=””” type=” of=””” original=””” file=”””” doesn’t=” matter.=””” you=””””” can=””” wybierz”” cokolwiek=”””” file=””” you=” you=””””.

Uwaga: =”” to=” to=”” begin=””” the=”” proces=””” you’ll=”” need=”” to=”” kliknij=” on=”” the=” image=” on=”” on=””” the=” right.=”” the=” the=” image=” needs=” to=””” be=”” be=”””” selected=””” to=” to=”” be=””” przetwarzane.

the=””” most=””” common=”” is=””” jpg=”” for=”” the=”” web=” -=”” it=”” is=”” the=”” najmniejszy=””” plik=”” format=””” który=” oznacza=” it=”””” downloads=”” faster=””””” for=”””” for=”” your=”” site=” visitors.=””” if=”””” „you=”” have=”” „transparency=”” wybrał=””” png-24.=”” if=””” „you=” „don’t=” know=””” co=”” „transparency=”” oznacza=”” „you=” „should=”””” wybrał=””” jpg.

each=””” of=”””” the=”” trzy=””” jpg=” opcje=”””” (high,=””” medium,=”” low)=””” have=””” preset=””” quality=”” settings=”” -=”” which=”” can=” all=”””” be=”” ręcznie=”” adjusted.=”” if=”””” you=” są=” viewing=””” at=”” 100%=”” you=”””” can=””” can=” decide=”””, „co=””” jakość=”””””” you=”.=””” to=”””” adjust=””” the=” level=”” of=”” zoom,=””” see=””” step=””” 5.=”” the=” image=”” będzie=”” look=”” the=” the=” the” the=” online=””” jak=””” it=”” does=”””” in=””” in=” the” the=” the” preview=” window.

if=”””” you=””” wybrał=”” anything=”” other=””” niż=”” jpg=”” you=””” can=”” skip=””” this=”””.

raz=””” you=”””” have=”””” the=””” necessary=”””” adjustments=””” you=”” are=””” ready=”” to=””” save=””””” the=” the” file.=””” click=””””. Zapisz „save”=”” i=”” wybrał=””” the=”” folder=” i=”””” file=”” name=”””” you=” want=””” for=”””” this=”” new=””” obraz.

Gratulacje!=”””” your=”” new=””” file=””” is=”” ready=””” to=”” be=””” used=””” online.

Soba Katura

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: