Tutorial - Bilder för webben

För att din bild ska få den bästa kvalitén på webben (din blogg eller hemsida till exempel) så måste vi spara bilden på ett speciellt sätt. Häng med i videon och/eller i texten nedanför!




Steg 1 - Förminska bilden

Förminska bilden till den storlek du ska ha bilden i. Den storlek du har på din blogg eller hemsida till exempel.
★ Edit -> Image Size...
★ Ange önskad storlek på bilden och välj resolution 72.


Steg 2 - Lägg på Webbskärpa

När bilden förminskas förloras den skärpan som bilden har när den är högupplöst. Därför lägger vi på extra skärpa, eller webbskärpa som jag kallar det.
★ Se till att din bild är markerad. Har du en massa lagermasker: Lägg ihop till ett lager.
★ Gå in på Filter -> Other -> High Pass...
★ 0,3 är ett bra värde. Klicka Ok.
★ Gå in på Edit -> Fade High Pass...
★ Välj Linear Light och dra ner opaciteten till ca 25-30% eller efter önskad effekt.
★ Klart!


Steg 3 - Spara för webben

Nu är det viktigt att vi Sparar för webben och inte klickar på Spara som.
★ Gå in på File -> Save for Web & Devices...
★ Välj JPEG och kvalitén ska vara mellan 80-100. Skillnaden på bilderna mellan de värderna ser du inte och filstorleken blir mycket mindre om du väljer 80 istället för 100. Bilden laddas fortare på webbsidan ju mindre fil du har.
★ Se till att Optimized och Convert to sRGB är i bockade. sRGB är den färgprofil som används på webben.
★ Klicka på Save!





★ Gå in på actions (Window -> Actions)
★ Skapa en ny action.
★ Ge din action ett namn, exempel Webbskärpa. Ge den även ett kortkommando.
★ Klicka på Record. Allt som du gör i Photoshop nu kommer att sparas i din action.
★ Gör nu precis som i steg 2 här ovan.
★ När du är färdig går du tillbaka till Action-rutan och klickar på Stop.
★ Nu har du din action. Testa den och se att allt är som det ska!




★ Förminska bilden med beskärningsverktyget.
★ Klicka på kortkommandot för Webbskärpa.
★ Spara för webben genom att klicka på Ctrl + Shift + Alt + S och se till att allt stämmer med inställningarna och spara.






Ladda ner min action "Webbskärpa".

För dig som inte orkar göra en egen, så delar jag med mig av min där du klickar på en tangent för att webbskärpa en bild automatiskt efter att du själv har förminskat den ⇾ LinafotoWebbskarpa.atn
För att lära dig hur du får in min action i ditt Photoshop, klicka HÄR!
15
Sara

Älskar redigeringsvideos och fototipsvideos!! :D
Vilket program spelar du in på skärmen på datorn med? :)

Svar: Kul :D Jag spelar in med OBS Multiplatform. Gratis och superbra!!
linafoto

Linnea,

Tack för bra tips!!

Ponnyfarmor

Tack för jättebra tips - jobbar en del med småskaliga turismföretag i företaget Landsbygdscoach.se Värdefullt för deras marknadsföring :)

Malin

Bra tips och kul med video! Kan man göra en action där man både förminskar bilden och kör high pass, så att båda dessa steg blir gjorda med ett knapptryck? Och är det någon skillnad att förminska bilden via "image size" gentemot direkt i rutan när man "sparar för webben"

Svar: Yes det går att göra båda stegen i ett :) Det är ingen skillnad att förminska när du sparar för webben. Det du då missar är att kontrollera så att bilden har bra skärpa.
linafoto

Elin

Hej! Vilka superbra tips. Vi lägger upp denna på vår fb-sida senare idag. https://www.facebook.com/bloggse/

Trevlig helg.
Bloggredaktionen

Svar: Åh tusen tack vad kul :D
linafoto

AngelicasVärld

Vilka super tips! TACK!

Hoppas du får en härlig fredag och helg!

Svar: Varsågod och detsamma :)
linafoto

Linnea

Tack för tipsen!! :D

Melissa

Jättebra tips! xx

Frida

Bra tips
Jag har en fråga som jag tror du kan svara på;
Jag ska köpa en systemkamera (bara haft kompaktkamera tidigare) Är Canon EOS 1200D Systemkamera + 18-55mm objektiv en bra kamera för en nybörjare tror du?

Svar: Alla systemkameror är bra idag :) Så ja, det är en bra kamera för nybörjare som är enkel att lära sig. Det jag skulle kunna tipsa dig om är att köpa dig ett till objektiv 50mm f/1.8. Då får du bilder som ger väldigt blurrig bakgrund.
linafoto

Robex Lundgren

fin bild

Robex Lundgren

fin bild

Hanna Karlsson

Vilka bra tips!

Emma

Steg två när man ska använda "Fade high pass" så finns den inte med i min meny? Kram :)

Svar: Vad har du för Photoshop? :)
linafoto

Elaine Lilje

Åh tack! Åhhh tack tack tack!! :D

Svar: :D
linafoto

Rebecca

Hej! När jag gör detta så försvinner all min kvalité och det ser hemskt ut. Jag vet inte vad jag gör för fel för jag följer alla dina steg fast det blir inte bra? Använder jag för mycket kontrast i mina bilder eller vd kan de vara? //Kram