Optimera skärpa för webben (Photoshop)
Förord
Har du någonsin förminskat en bild för webben och inte riktigt tyckt att skärpan sitter som du vill? Då har jag lösningen för dig här!Innehåll
»»
»
»
»
Storlek
Var noga med att veta den färdiga storleken bilden ska användas i.Innan du ens börjar jobba med bilden måste du veta i vilka exakta dimensioner bilden ska visas i. För om du låter webbläsaren förminska bilden åt dig kommer resultatet bli mindre bra.
Din första uppgift blir nu att ta reda på måtten för bilden. För exemplets skull säger vi att du vill ha en bild som är 200x300 pixlar.
DPI
Om du har bilder direkt från en kamera, gärna en systemkamera, kommer bilderna oftast vara i en annan DPI (Dots Per Inch) än vad webben använder. Om du laddar upp en bild med högt DPI och använder denna på din sida kommer bliden både bli större i filstorlek och inte visas så bra som den kan.För att ta reda på aktuell DPI i bilden öppnar vi den i Photoshop och går till menyn "Image" och klickar sedan på "Image Size..."
I detta exempel är bildens DPI 240. Värdet skulle kunna vara vad som helst, flera tusen om du skannat in bilden.
Huvudsaken är iallafall att vi vill ha den i 72 DPI. Alltid 72 för webben! Så kom ihåg det!
Beskära bilden
Om vi nu vill ha bilden i 200x300 pixlar måste vi få den i det. Därför går vi till "Crop"-verktyget som finns i verktygspaletten. Snabbknappen för detta är C.Högst upp kan vi då ställa in vilken storlek vi vill ha bilden i.
Även DPI går att ställa in här.
Oskarp mask
Nu när bilden är förminskad till rätt storlek kommer inte skärpan sitta riktigt som den gjorde från början.
För att rätta till detta går vi till menyn "Filter" och sedan ner till "Sharpen" och till sist "Unsharp Mask".
Detta verktyg är det bästa för skärpa av de inbyggda i Photoshop enligt mig.
För en så liten bild vi har nu väljer vi ett ganska högt värde på "Amount", runt 100-150% brukar fungera bra.
Sedan "Radius" sätter vi på 0,2 eller kanske 0,3.
"Threshold" sätter jag oftast högre på ju mer jag har "Radius" på. I detta exempel får den vara på 3.
Oskarp mask lägger en liten kant runt om starka kontraster i bilden. Radius är då tjockleken på dessa kanter, Amount är hur stark kanten ska vara och Threshold är hur mycket effekten ska hållas tillbaka, eller mjukas upp, om man vill säga så.
Kom ihåg att det kommer se hemskt ut om ni drar alltför mycket i skärpan. Så ta det lugnt med reglagen! :)
Klart!
Nu har vi fått bilden exakt som vi vill ha den. Den är skarp och i exakt rätt storlek och DPI. Nu behöver vi bara spara den. Hoppas ni fick hjälp av denna guide!
0 Kommentarer