Som grafisk designer eller webdesigner kan du blive bedt om at levere web-klare billeder, f.eks. Billeder til en hjemmeside eller bannerannonce. Værktøjet Photoshop Save for Web er en nem måde at forberede dine JPEG-filer på internettet, hvilket hjælper med afvejningen mellem filstørrelse og billedkvalitet.
Til denne vejledning gemmer du JPEG-billeder. Værktøjet Gem til web er også opbygget for at gemme GIF-, PNG- og BMP-filer.
Hvad gør en grafisk web-klar?
De fleste web-ready grafik deler fælles egenskaber:
- Opløsningen er 72 dpi.
- Farvefunktionen er RGB.
- Filerne reduceres i størrelse til hurtigere indlæsning af websider.
Åbn et billede
At øve med værktøjet Gem til web, skal du åbne et billede i Photoshop.
Klik Fil> Åben, søg efter billedet på din computer, og klik på Åben. Til praktiske formål fungerer et foto godt, selv om enhver form for billede vil gøre.
Ændre størrelsen på billedet til en lille størrelse, som du kunne bruge på en hjemmeside. For at gøre dette skal du klikke på Billede> Billedestørrelse, indtast en ny bredde i feltet Bredde, og vælgPixels. Indtast i dette tilfælde 400 pixels og klik Okay.
Åbn værktøjet Gem til web
Antag, at nogen spurgte dig om at levere et billede på 400 pixels bredt, klar til at blive lagt ud på en hjemmeside.
Klik Fil > Gem til web at åbne Gem til web dialog boks. (I senere versioner af Photoshop er stien Fil > Eksport > Gem til web.)
Gennemse de forskellige indstillinger og værktøjer i vinduet.
03 af 07Indstil sammenligningen
På toppen af Gem til web Vinduet er en række faner mærket Original, Optimeret, 2-Up, og 4-op. Ved at klikke på disse faner kan du skifte mellem en visning af dit originale billede, dit optimerede billede med indstillingerne Gem til web, der er anvendt til det eller en sammenligning af to eller fire versioner af dit billede.
Vælge 2-Up at sammenligne det originale billede med den optimerede ved at vise side om side kopier af billedet.
04 af 07Indstil den originale forhåndsvisning
Klik på billedet på venstre side for at vælge det. Vælge Original fra Preset menu på højre side af Gem til web vindue (hvis det ikke allerede er valgt). Dette viser et eksempel på det originale, ubebyggede billede på venstre side.
05 af 07Indstil den optimerede forhåndsvisning
Klik på billedet på højre side for at vælge det. Vælge JPEG Høj fra Preset menu. Du kan nu sammenligne det optimerede foto til højre, hvilket vil være din endelige fil, med originalen til venstre.
06 af 07Rediger JPEG-kvaliteten
Den vigtigste indstilling i højre kolonne er Kvalitet værdi. Når du sænker kvaliteten, ser dit billede mere ud, men filstørrelsen går ned, og mindre filer betyder hurtigere indlæsning af websider.
Prøv at ændre kvaliteten til 0 og læg mærke til forskellen i billederne til venstre og højre, samt den mindre filstørrelse, som er placeret under billedet.
Målet er at finde et godt medium mellem filstørrelse og kvalitet. En kvalitet mellem 40 og 60 er normalt et godt udvalg afhængigt af dine behov. Prøv at bruge de forudindstillede kvalitetsniveauer (JPEG Medium, for eksempel) for at spare tid.
07 af 07Gem dit billede
Når du er tilfreds med billedet til højre, skal du klikke på Gemme knap. Det Gem optimeret som vinduet åbnes. Indtast et filnavn, blad til den ønskede mappe på din computer, og klik på Gemme. Du har nu et optimeret, web-klar billede.
