Eddies Photoshoptips nr 30 - Anpassa bilder för webb

Många har en egen hemsida eller en blogg där man vill visa sina bilder. Därför ska vi titta lite på
Photoshops möjligheter att spara för web (save for web).
Jag har gjort ett litet montage som jag tänkte publicera. Bilden är nästan 1,7 mb stor och ingen
skulle orka vänta på att sidan laddas. Därför gäller det att minska ner den och jag väljer
Arkiv>Spara för web (File>Save for web) alltså inte Spara som (Save as).
Här har man mer kontroll över storleken på slutresultatet. Om jag skulle spara bilden utan
att ändra några förinställningar skulle bilden bli 525 kb. Orginalstorleken är 2000 px
bred och 3008 px hög.

Det är ju förstås alldeles för stort för en bildskärm och jag bestämmer från början att bredden ska vara
400 px. Man kan också välja att bilden ska vara ett antal procent mindre än originalet men jag
väljer att ändra värdet till 400. Som ni ser har värdet på höjden automatiskt ändrats och
den är nu bara 20 % så stor. Bildens kb har krympt till 28,6.

Jag kan också bestämma från början att bilden får bli 60 kb och inte mer och då drar man i reglaget för
kvalitet uppe till höger men då får man gissa sig fram och prova olika värden eller prova olika
förinställningar. Det finns ett dolt verktyg och om man öppnar popupmenyn till höger om
Förinställningar (Presets) och väljer Optimera till filstorlek (Optimize to file size)
dyker en ny ruta upp och där skriver jag 60 och klickar OK.

I övrigt kan man jämföra bilden med originalet genom att klicka på flikarna. Man kan förhandsgranska filen i webbläsaren och genom att bocka ur ”bädda in färgprofil” minskar också storleken. För publicering kan det
vara bra att ange Metadata (Copywrite och kontaktinfo). Under filinformation i Photoshop, Bridge eller
Lightroom kan man under fliken IPTC fylla i de uppgifter man vill ha till sina bilder och sedan
spara en gång. Sedan kan man använda samma mall för alla egna bilder.
Till sist kommer frågan om vilket format man ska spara filen i. Använd jpg för foton. PNG och GIF
används i huvudsak för vektorbaserade bilder, bilder som består av text, loggor, menyelement och
navigationsknappar. Jag hoppas det här inte blev för tekniskt. Egentligen är det inte så svårt. Prova olika inställningar och titta hela tiden under vänstra hörnet av bilden vilken storlek bilden får. När du är klar välj
Save, döp filen och välj var du vill spara bilden. Orginalbilden har inte ändrats utan har fortfarande full
upplösning, så Save for web gör bara en mindre kopia för webben men när jag stänger originalet får
jag frågan om jag vill spara ändringen men jag har ju inte ändrat något. Programmet frågar bara
om jag vill spara inställningarna jag gjorde i ”Save for web” så jag kan använda samma värden
nästa gång.
/Eddie

Godmorgon vännen
Jag vill önska dig och din familj en
GLAD PÅSK.
Kramis smoggen
Jag kör bara på Save for web :) Men jag har "Up 4" så att man ser 4 val :)
Kramis!!

