Photoshop-opplæring: Optimaliser bilder for nettbruk

web-image-optimalisering

Avhengig av formålet med fotografiene våre vil kreve en eller annen behandling. Det er ikke det samme å konfigurere et fotografi som skal skrives ut, vises på en digital projektor eller vises på en webside. Hvert medium har forskjellige mangler, egenskaper eller behov. Av denne grunn er det nødvendig at vi tar spesiell oppmerksomhet til denne typen aspekter, ellers kan vi redusere kvaliteten på komposisjonene våre indirekte og uten å vite det.

I dette tilfellet vil vi se den følgende veiledningen innstillingene som Adobe Photoshop tilbyr oss for å lagre bildene våre på en slik måte at de har en optimal behandling som skal reproduseres på websider og Internett. På denne måten Vi vil prøve å finne det billigste alternativet tar du hensyn til aspekter som kvalitet (kutting og pikselering) og på den annen side størrelsen på filen, vet du allerede at når vi skal laste opp bilder eller filer til nettstedet vårt, bør de veie så lite som mulig slik at operasjonen på nettstedet vårt er mye mer smidig. Det er interessant at du tar hensyn til disse grunnleggende alternativene. Du vet allerede at vi må prøve å ta vare på alle detaljene som er tilgjengelig.

JPEG-bildeoptimalisering

Til å begynne med vil vi starte applikasjonen vår og importere fotografiet vi skal jobbe med, i dette tilfellet et middels bilde og i JPEG-format.

optimalisering-1

For å lagre dette fotografiet med egnede egenskaper for å jobbe på nettet, må vi gå til Fil-menyen> Lagre for Internett ... (vi kan også få tilgang til dette alternativet via Alt + Shift + Ctrl + S).

optimalisering-2

Vi klikker på fanen "fire eksemplarer" øverst i dialogboksen Lagre for Internett. Ved å se på de fire forskjellige innstillingene i filen, kan vi få en god ide om hvilken innstilling som passer best til våre formål. Ved hjelp av visningene med 4 kopier kan flere versjoner av et bilde vises i samme bildevindu. Vi vil gjøre det, vi vil bruke forskjellige formater, og vi vil se hvilken av dem som passer best til våre krav. Deretter kan du justere optimaliseringskartleggingen for hver versjon av bildet for å velge den beste kombinasjonen av kartlegginger.

optimalisering-3

Ved å bruke rullegardinmenyen Zoom-nivå nederst til venstre i dialogboksen vil vi endre forstørrelsen til 200% eller mer, slik at vi kan analysere fotografiet vårt godt og sette pris på detaljene i bildet.

optimalisering-4

Vi vil plassere musemarkøren over den øvre høyre versjonen av bildet (som er den aktive versjonen slik den mørkeste kanten indikerer). Markøren vil ha form av en hånd, noe som indikerer at vi kan dra den for å flytte bildet. Vi vil dra for å endre posisjonen til bildet slik at vi finner det mest passende området av bildet, det der vi finner størst mengde nyanser og kontraster.

optimalisering-5

Fra rullegardinmenyen Forhåndsinnstilt i Optimalisert-panelet velger vi GIF 128 med Dither. Legg merke til hvor umiddelbart i versjonen av bildet vi har valgt (i dette tilfellet øverst til høyre) har det vært endringer som gjør de mørkere områdene mer synlige. Deretter vil vi fortsette å se JPEG- og PNG-innstillingene i de følgende panelene.

optimalisering-6

Vi klikker på den nederste venstre versjonen av bildet for å velge det. Vi velger Low JPEG-versjonen i forhåndsinnstillingsmenyen. Bildet vil virke ganske pikselert og kvaliteten er uakseptabel, spesielt i tekstområdet er det veldig merkbart. Vi vil prøve å øke kvaliteten på bildet uten å oppnå en uakseptabel filstørrelse.

optimalisering-7

Vi velger JPEG High fra rullegardinmenyen for innstillinger igjen. Dette forbedrer bildekvaliteten betydelig, men fører også til en betydelig økning i filstørrelse.

optimalisering-8

Endelig vil det mest vellykkede alternativet være mellomgrunnen. Vi velger JPEG Media fra rullegardinmenyen Forhåndsinnstilt igjen. Bildekvaliteten er nå akseptabel, mens filstørrelsen er betydelig mindre enn JPEG High-versjonen eller GIF-versjonen.

optimalisering-9

Til slutt vil vi velge panelet nederst til høyre. Vi velger PNG-8 128 med dithering fra rullegardinmenyen igjen. Selv om dette alternativet gir en mindre filstørrelse enn originalbildet, er ikke bildekvaliteten like god som JPEG Medium-versjonen, som også vil ha en mindre filstørrelse.

optimalisering-10

Til slutt vil vi klikke på JPEG-versjonen, det vil si den nederst til venstre. I det optimaliserte panelet (til høyre for dialogen) må du sørge for at Progressive er aktivert (dette vil føre til at bildet lastes ned i flere passeringer, som hver for seg øker bildekvaliteten) og klikker OK.

optimalisering-11

Til slutt, i dialogboksen Lagre optimalisert som, bruker vi det opprinnelige navnet og klikker på Lagre. På denne måten lagrer vi en JPEG-versjon av originalfilen i ønsket mappe. Til slutt vil vi avslutte dette prosjektet uten å lagre endringene.


Legg igjen kommentaren

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

*

*

  1. Ansvarlig for dataene: Miguel Ángel Gatón
  2. Formålet med dataene: Kontroller SPAM, kommentaradministrasjon.
  3. Legitimering: Ditt samtykke
  4. Kommunikasjon av dataene: Dataene vil ikke bli kommunisert til tredjeparter bortsett fra ved juridisk forpliktelse.
  5. Datalagring: Database vert for Occentus Networks (EU)
  6. Rettigheter: Når som helst kan du begrense, gjenopprette og slette informasjonen din.