Hvordan du optimaliserer JPEG-bilder for web-dummies

Å ha iøynefallende bilder på nettstedet ditt er en av de beste måtene å tiltrekke seg bildebevisste iPhone- og iPad-entusiaster. JPEG-formatet er det beste valget for optimalisering av bilder med kontinuerlig tone, for eksempel fotografier og bilder med mange farger eller gradienter.

Når du optimaliserer en JPEG, kan du gjøre filstørrelsen mindre ved å bruke komprimering. Jo mer komprimering, jo mindre bildet, men hvis du komprimerer bildet for mye, kan bildet se forferdelig ut. Trikset er å finne den rette balansen.

Hvis du har et digitalt bilde eller et annet bilde du vil forberede deg på nettet, følger du disse trinnene for å optimalisere og lagre det i Photoshop (i Photoshop Elements eller Fireworks, er prosessen lik, selv om Spesifikke trinn kan variere):

1 Med bildet åpent i Photoshop, velg Arkiv → Lagre for web og enheter (eller Fil → Lagre for web).

Dialogboksen Lagre for web og enheter vises.

2I øverste venstre hjørne av dialogboksen velger du enten 2-opp eller 4-opp for å vise flere versjoner av samme bilde for enkel sammenligning ved siden av siden.

Innstillingen 2-Up gjør det mulig å se originalbildet øverst og en forhåndsvisning av det samme bildet som det vises med de angitte innstillingene nederst (hvis du jobber med et vertikalt bilde, forhåndsvisningene vises side ved side). 4-Up-alternativet, som navnet antyder, viser fire forskjellige versjoner for sammenligning.

Bilder av kunstnere Amy Baur og Brian Boldon, fra inplainsight art.

3 I høyre side av vinduet, rett under Forhåndsinnstilling, klikk på den lille pilen for å åpne rullegardinlisten Optimalisert filformat og velg JPEG.

JPEG-formatet er det beste valget for optimalisering av bilder med kontinuerlig tone, for eksempel fotografier og bilder med mange farger eller gradienter.

4Sett komprimeringskvaliteten.

Bruk de forhåndsinnstilte alternativene Lav, Middels, Høy, Svær Høy eller Maksimal fra rullegardinlisten. Eller bruk glidebryteren rett under Kvalitet-feltet for å gjøre mer presise justeringer. Ved å redusere kvaliteten reduseres filstørrelsen og gjør bildet nedlastet raskere, men hvis du senker dette nummeret for mye, vil bildet se uklart og flekkete.

Photoshop bruker en komprimeringsskala på 0 til 100 for JPEG i dette dialogvinduet med 0 lavest mulig kvalitet (det høyeste antallet komprimering og minste filstørrelse) og 100 høyest mulig kvalitet (minst komprimerings- og den største filstørrelsen). Lav, Middels og Høy representativ kompresjonsverdier på henholdsvis 10, 30 og 60.

5Specifiser andre innstillinger som ønsket (komprimeringskvaliteten og filformatet er de viktigste innstillingene).

Du kan for eksempel velge avkrysningsboksen Progressiv for å vise bildet gradvis i en nettleser; det vil si å vise det først med lav oppløsning, og deretter ved gradvis høyere oppløsninger som nedlasting fortsetter. (Noen nettlesere støtter ikke progressive JPEG-er.)

6Klikk Lagre.

Dialogboksen Lagre optimalisert som åpnes.

7Engi et navn på bildet og lagre det i bildemappen i nettsiden din.

Photoshop lagrer det optimaliserte bildet som en kopi av originalen, og la originalen være åpen i hoved Photoshop-arbeidsområdet.

Gjenta disse trinnene for hvert bilde du vil optimalisere som en JPEG.

I bunnen av bildeforhåndsvisningen i dialogboksen Lagre for web og enheter inneholder Photoshop et estimat av tiden som kreves for å laste ned bildet ved den angitte tilkoblingshastigheten. Når du justerer kompresjonsinnstillingene, endres størrelsen på bildet og nedlastingsestimatet justeres automatisk.

Du kan endre tilkoblingshastigheten som brukes til å beregne denne ved å klikke på den lille pilen til høyre for tilkoblingshastigheten og ved hjelp av rullegardinlisten for å velge et annet alternativ, for eksempel 256 Kbps for kabelmodemhastighet. Bruk dette estimatet som en veiledning for å hjelpe deg med å bestemme hvor mye du bør optimalisere hvert bilde.