Stäng

Moderskeppet sök!


Snabba tips i Photoshop

Lär dig experternas små trick och klurigheter

Mattias Tips 10: Perfekt skärpa för webb

Mattias, tisdag 28 augusti 2007, 06:00 28 kommentarer

När du förminskar en bild för att lägga upp den på webben så blir den jättemjuk. När du går från en bild på kanske 6 megapixel, 2000*3000px till 200*300px softar bilden till. Det är en bi-effekt av förminskningen.

Därför kan bilden behöva skärpas till, rejält, innan du sparar för webben.

Ta därför Filter>Sharpen>Unsharp mask (Filter>Skärpa>Oskarp mask)

oskarp1.jpg

  • Ställ Mängden mellan 200-400%
  • Radie till 0.3 och Threshold till 0. De värdena är perfekta för just webb-bilder.
  • Dra sedan mängden nedåt eller uppåt efter behov.

oskarp2.jpg

Före och efter. Lite överdrivet för saks skull.

Notera att när du lagt skärpan ska du inte bearbeta bilden mer. Och om du gjorde fel storlek så måste du börja om innan skärpan. Dvs skärpningen är det absolut sista du gör innan du trycker ”Spara” (i det här fallet Spara för webb)

Se filmen Så fungerar skärpa

  1. Johan:

    Samma inlägg som på bildbehandla.se
    Synd att ni publicerar samma på båda sidorna fast vid olika tillfällen, vitsen med att följa båda sidorna försvinner ju en del.

  2. Freppa:

    kanon mattias, till skillnad från johan ovan så har jag inte tid att följa flera olika bloggar, bra att även vi som kör ”stora” PS får tips om hur man skärper för webben.

    cheers

  3. Mattias:

    Japp, vi kör väldigt lika inlägg. Men tittar man nogrannare på dem så upptäcker man snart att de på Elements-sajten är anpassade för den och lika dant åt andra hållet. Syftet med den andra sajten är just att presentera liknande innehåll fast anpassat till svenskt Elements.

    Så grundtanken måste vara att det räcker med denna sidan om man inte har Elements. Och framförallt måste de få det som är bra här, utan att behöva sålla genom materialet från allt som bara fungerar i stora Photoshop. Det var huvudsyftet med Bildbehandla.se, att bespara dem det arbetet. Och då blir det samma trick ibland.

  4. Mattias:

    Sen är det publicerings-schemat som gör att ibland kommer saker före på Bildbehandla, och ibland före på Moderskeppet. Sällan samma dag.

  5. Jonas:

    Nästa dagens tips får nog handla om att bildbehandla vänder sig till en annan publik än moderskeppet ;-)

    Jag gillar dagens tips skarpt. För den som ännu inte gör det så kan jag varmt rekommendera att prenumerera på flödet (RSS) för dagens tips, moderskeppet och guiderna.

    Det var mitt ”dagens tips”

  6. Queen Of Spade:

    Äntligen förstår jag oskarp mask! :) Ett stort frågetecken har rätats ut och blivit ett utropstecken! Kanonbra förklarart och illustrerat. :)

  7. Anita:

    Är en nybörjare,så det är jätte kul att gå in på dagens-tips.Har tyvärr ännu inte fått mitt Cs3 program men ser fram till att den skall komma. Jag tycker också som Freppa,har inte tid att gå in i flera olika blogg.Då blir det stressig och då är det inte kul.
    Det är mycket kul att lära sig och förstå och det bästa är att allt är förklarat på ett bra sätt.Kanon Matias en underbar program.

  8. Cristian:

    Det är inte så lätt att börja om när man lägger in spara i sitt makro, och det likförbannat inte är sparat när man upptäcker att det blev fel storlek.. *slå på sidan av skärmen*

  9. Dagens tips - Moderskeppet » Tips 11: Snabbskärpa för tryck:

    [...] visade jag en perfekt skärpa för att fixa till en bild som ska upp på webben. För webb är det enkelt att bara dunka på skärpa på ett så okänsligt sätt. När du ska [...]

  10. David Schreiner:

    Det här med skärpan är väl lite beroende med vilken inställning man förminskar har jag för mig. Dvs. när man ställer in på bicubic sharper i image size så förminskas bilden med bibehållen skärpa. Tycker du att man ska skärpa bilden trots detta alltså?

  11. Ett liv med bilder » Blog Archive » Ge dina bilder skärpa för webben:

    [...] andra sidor på internet tappar bilden skärpa. Mattias på Moderskeppet har skrivit en mycket bra, kort guide som visar hur man skärper upp bilden i Photoshop igen. Skillnaden är ganska dramatisk. Klicka på [...]

  12. Mattias:

    David. När du minskar med med Bicubic Sharper så behålls skärpan bättre än vanlig Bicubic. Men i min åsikt inte bra nog.

  13. Björn:

    Jag tycker nästan att den skärper lite väl mycket med de där värdena. Bilderna blir otroligt hårda. Amount borde snarare ligga runt 225, med de andra värdena intakta.

    Det är ju en smaksak. Men skärpan känns mer ”naturlig” då tycker jag.

  14. Cris Design:

    Tja.. Håller med björn här.. Jobbat som enbart retuchör förut, men nu har jag eget företag som fotograf också, men retucherar fortf väldigt mycket, och visst man bli ofta lite besviken på skärpan när man sparar till webb.

    men tyckte dessa värdena va heltförmycket för min smak..

    då hade jag hellre maskat så jag fick värdena på enbart ögonen ( om nån undrar hur man maskar så hör av er)
    sen hade jag skärpt bilden igen med lägre värden..

    Men det är ifors en smaksak=) mvh Chris // Cris Design

  15. Mattias:

    Det är överdrivet i exemplet ovan. Det är tänkt att illustrera och det viktiga här är de två nedre värdena, de passar perfa för webb.

    Men man får nog skilja på att presentera bilder som konstverk på webben och att få upp en bild som ska illustrera en text.

    Notera att jag i mitt exempel tar en bild och går ner till 200×300px, alltså riktigt litet.

  16. Kalle:

    Skulle någon kunna förklara för mej den stora skillnaden ( och de små ) Mellan photoshop cs3 och
    Photoshop elements 5 ( eller vad det är som är nyast)

  17. Tips - Favoriter bland förenklande :: b[logg]Spot.se:

    [...] Tips 10: Perfekt skärpa för webb [...]

  18. Tips - Favoriter bland Estetiska :: b[logg]Spot.se:

    [...] Tips 10: Perfekt skärpa för webb [...]

  19. Kenneth:

    Hej Mattias!

    Dina DVD skivor har verkligen hjälpt mig att komma igång med photoshop. Att se hur det går till är så mycket lättare än att enbart läsa när man är nybörjare.

    Jag har dock ett par frågor när det gäller skärpa. Det brukar beskrivas två olika metoder att för skärpa, en för tryck och en för web. Vad är rekommenderad skärpa om man tittar på bilderna på datorskärmen/LCD TV i full storlek? Om man dessutom använder Ken-Burns effekt så bör ju bilden vara större än skärmens storlek. Jag vill inte förminska bilderna till en mindre yta eftersom bildspelsprogrammet ändå använder skärmens max-läge oavsett hur stor bilden är. Så hur bör jag förminska bilden? Jag har en Nikon D80 med 12 mpx och fotar i raw format. När bilderna är färdigredigerade brukar jag spara bilderna i två versioner, en för tryck och en för att se på skärmen. Tryck använder jag smart sharpen 100 / 1,0 och kvalitet 12 (ger ca 6-10 mb). För skärm använder jag smart sharpen 200 / 0,3 och kvalitet 4. (ca 0,4 mb) 300 ppi på båda. Skärmvarianten känns dock överskärpt. Jag gör inga individuella anpassningar på olika bilder utan använder standardvärden. Tacksam för råd. Gärna också tips på bra bildspelsprogram som kan spara i olika format och med musik. Använder nu Elements 6 och Iphoto för bildspel men redigerar bilderna i CS3.

  20. Mattias:

    Anders Jensen kommer med två guider för skärpa. I nummer 8 och 9 av Kamera & Bild. Det lär sätta svar på dina frågor.

  21. Daniel:

    Tack så mycket för detta tips.
    Blev kanon!

  22. Jesper:

    När skärper man? Före eller efter storleksförändringen? Och blir det lägre värden om bilden inte minskas ned till 200*300px?

  23. Mattias:

    Efter förändringen. Skärpa är alltid sist.

  24. meis:

    För mig går det inte att välja spara för webb.
    De står typ error: the operation could not be completed.

  25. Herman:

    Riktigt bra!

  26. Snabba Photoshoptips - Moderskeppet » Tips 251: Glad sommar önskar vi på moderskeppet:

    [...] Tips 10: Perfekt skärpa för webb [...]

  27. Kalle:

    Hej mattias! jag tycker att du är riktigt cool!
    Kan du skicka några coola bilder på dig till mig?

  28. Skärp dig! « Peter Strehlenert:

    [...] LR och PS (LR2 och PS CS3 i mitt fall) är att ta del av Moderskeppets tips och trix. Exempelvis tips 10 som handlar om att skärpa upp förminskad bild för presentation på [...]

Kommentera gärna