Hvordan lagre bilder på nettet i Photoshop

En av de mer kritiske funksjonene som Photoshop tilbyr, er funksjonen Lagre for web / enheter .

Hvorfor bruke det? Mens du bare kunne lagre filen din i en standardmetode, er det slik at File / Save As , funksjonen Lagre for web / enheter, er avgjørende tre ting.

Dette verktøyet fungerer bra for å skrive ut Twitter-ikoner, Facebook-profilbilder, produktfiler, bloggbilder og kildefiler for favikoner.

  • 01 - Åpne kildefilen din

    Fil / Åpne Photoshop. Skjermbilde av Bryan Haines

    For å komme i gang må du gå til File / Open for å åpne filen. Det kan være i hvilket som helst format - jpg, gif, psd, png eller andre. Så lenge Photoshop kan åpne den, kan du sende den ut på nettet.

  • 02 - Lagre filen for Internett

    Fil Lagre Photoshop CS5. Skjermbilde av Bryan Haines

    Vi kommer til å hoppe videre til lagring på nettet, forutsatt at du har gjort hva som helst som du trenger. Åpenbart, hvis du trenger å redigere bildet, gjør det først og fortsett med dette trinnet senere.

    Gå til File / Save for Web / Devices og klikk. Det er omtrent halvveis ned på rullegardinmenyen.

    Denne prosessen endrer ikke den opprinnelige filen din i det hele tatt. Du oppretter en ny fil. Når du har fullført denne opplæringen og går tilbake til ditt opprinnelige bilde i Photoshop, må du lagre den filen hvis du har gjort noen endringer i det. Det er viktig å nevne det nye bildet ditt annerledes enn det opprinnelige. Ofte bare legge til _web til filnavnet vil fungere bra. (eksempel: filnavn_web.jpg)

  • 03 - Juster sammenligningsvisning til 2-opp

    Sammenligning ved siden av side Photoshop CS5. Skjermbilde av Bryan Haines

    Avhengig av innstillingene dine må du kanskje justere visningen her. Det du vil ha er en venstre og høyre sammenligning av bildet ditt. På venstre side vises originalen, høyre viser bildekvaliteten ved gjeldende innstillinger.

    Hvis du ser øverst i vinduet, ser du følgende alternativer: Original, Optimalisert, 2-opp, 4-opp. For de fleste formål er 2-Up det du vil ha.

  • 04 - Still visningsstørrelsen til 100%

    Juster visningen til 100% i Photoshop CS5. Skjermbilde av Bryan Haines

    For å sikre at du ser på 100%, sjekk alternativet nederst til venstre på skjermen.

    Det er viktig å huske at hvis du ser bildet ditt høyere enn 100%, ser det ut som det er kornete eller muligens uutslettelig. Bruk alltid bildet med 100%.

  • 05 - Velg filstørrelser

    Velge fildimensjoner i Photoshop CS5. Skjermbilde av Bryan Haines

    Dimensjoner for nettet er nesten alltid i piksler (px). Det er viktig å holde proporsjonene riktig. Ved siden av bildeboksen er et lite bilde av en kjedelink. Det som gjør er skaler bredden når du justerer høyden. For eksempel, et bilde som er 600px ved 400px. Hvis du reduserer bredden til 300px, skal filen automatisk skalere til en høyde på 200px. Hvis det ikke er merket, blir bildet forvrengt.

    Du har også muligheten til å skalere bildet ved prosentandeler.

  • 06 - Velg filtype for eksport

    Velge filtype for eksport i Photoshop CS5. Skjermbilde av Bryan Haines

    I dette alternativet, betyr ikke typen av originalfilen noe. Du kan velge hvilken fil du trenger.

    Merk: For å starte prosessen må du klikke på bildet til høyre. Bildet må velges for å bli behandlet.

    Den vanligste er jpg for nettet - det er det minste filformatet som betyr at det lastes ned raskere for besøkende på nettstedet ditt. Hvis du har åpenhet, velger du png-24. Hvis du ikke vet hva gjennomsiktighet betyr, bør du velge jpg.

  • 07 - Velg bildekvalitet

    Velg bildekvalitet i Photoshop CS5. Skjermbilde av Bryan Haines

    Hver av de tre jpg-alternativene (Høy, Middels, Lav) har forhåndsinnstilte kvalitetsinnstillinger - som alle kan justeres manuelt. Hvis du ser på 100%, kan du bestemme hvilken kvalitet du trenger. For å justere nivået på zoom, se trinn 5. Bildet vil se på samme måte som det gjør i forhåndsvisningsvinduet.

    Hvis du velger noe annet enn jpg, kan du hoppe over dette trinnet.

  • 08 - Lagre filen din

    Lagre filen i Photoshop CS5. Skjermbilde av Bryan Haines

    Når du har gjort de nødvendige justeringer, er du klar til å lagre filen. Klikk "Lagre" og velg mappen og filnavnet du vil ha for dette nye bildet.

    Gratulerer! Din nye fil er klar til bruk online.