Redigeringstips: Så sparar jag bilderna för bloggen

När det kommer till hur man sparar sina bilder för Internet finns det lika många sätt som det finns individer. 
Jag har testat mig fram en del sedan jag började blogga och har kommit fram till ett sätt som jag trivs med och som jag tycker ger mina bilder rätt skärpa och färgåtergivning. Då jag då och då får frågan hur jag brukar spara mina bilder tänkte jag dela med mig av det nu.
 
 
 
1. Se till att du redigerar dina bilder i RGB
RGB är den färgrymd som används i skärmar och är därför den du vill ha om du ska publicera dina bilder på Internet. Den andra färgrymden heter CMYK och används till bilder som skrivas ut eller användas i tryck. Se därför till att ditt bildredigeringsprogram är inställt på rätt färgrymd - alltså RGB.
 
I Photoshop hittar man det under "Image" -> "Mode".
 
2. Gör redigeringen av din bild
Har du rätt färgrymd är det bara att redigera på. Lägg till kontraster, färger eller en drake - det är helt upp till dig.
 
 3. Ändra storlek på bilden
När du är klar med din redigering klickar du på "Image", sedan "Image size" och ändrar till den storlek i pixlar som du har på din blogg. Bilderna på min blogg är 900px breda så därför ändrar jag mina bilder till 900 pixlar i bredd. Detta gör man för att inte blogg.se eller annan bloggportal själva ska ändra storleken på dina bilder, för när dem gör det förlorar man otroligt mycket kvalité.
 
4. Lägg på ett lager skärpa
Jag upplever att när man lägger upp en bild på Internet försvinner lite av skärpan i den. Därför lägger jag alltid på en Smart Sharpen innan jag sparar mina bilder för att jämna ut den skärpan som förloras. Brukar så gott som alltid ha 200% på Amount och 0,3px på Radius. Smart Sharpen hittar man under "Filter" -> "Sharpen".
 
 
 
5. Spara bilden som PNG24
Vad du än gör, klicka inte på den vanliga spara-knappen. Jag upplever i alla fall att mycket kvalité och färg försvinner när man sparar sina bilder på det sättet, så jag klickar alltid på "Save for Web & Devices" och där väljer jag filformatet PNG24. JPEG är ett filformat som ger en destruktiv komprimering, medan PNG ger en icke-förstörande komprimering = bilden behåller mer information och kvalité om man sparar den som en PNG. Dock blir bildstorleken något större och tar längre tid att ladda på Internet, men det tycker jag är värt.
 
Se även till att den lilla rutan med "Convert to sRGB" är iklickad.
 
 
Redigerad bild i RGB, sparades som 5582px bred i JPEG.
 
 Redigerad bild i RGB som fått ett extra lager skärpa, sparades som 900px bred i PNG.
 

Sara
2015-10-05 / 18:21:36
URL: http://sarabacksbacka.blogg.se

Vilka bra tips! Jag gillar speciellt att du visar två olika bilder på slutet, man ser ju verkligen att de är skillnad på dem!

Julia HW
2015-10-05 / 18:23:28
URL: http://juliahw.blogg.se/

Verkligen super bra tips!

Maja
2015-10-05 / 18:29:32
URL: http://majasl.webblogg.se

Jättebra tips! Jag brukar dock förminska bilderna och spara i JPEG, tycker inte man ser nån skillnad mellan JPEG och PNG och väljer därför det som tar minst plats :)

Linn Strömberg
2015-10-05 / 18:39:23
URL: http://linnstromberg.se/

Jättebra tips!

Erika
2015-10-05 / 18:44:03
URL: http://icanpikan.blogg.se

Smart :) Jag brukar alltid spara i JPEG, efter förminskning :)

Stina - Tillvaron.se
2015-10-05 / 18:48:50
URL: http://tillvaron.se/stina

Enorm skillnad på de två bilderna ju! Jättebra guide :D

Erica
2015-10-05 / 18:49:23
URL: http://faithhopelove.blogg.se

Har visserligen inte Photoshop, men lärde mig den del saker här ändå. :)

Boel
2015-10-05 / 19:40:31
URL: http://musicwithboelish.blogg.se

Super bra tips!

Mohammedi's | Art, model & designer
2015-10-05 / 19:43:26
URL: http://mohammedis.se/

grymt bra tips!!!

Enya シ
2015-10-05 / 20:05:39
URL: http://enyas.blogg.se

Bra tips!! Gick faktiskt in på din blogg spontant häromdan när jag ville redigera en bild höstig och minns att du la ut något om det :) Ville bara säga att jag diggar dina tips, jag använder dem ^^

Svar: Haha tack så mycket! Dock har jag inte lagt upp något sådant inlägg utan tror du tänker på Emma Granns tips: http://emmagrannfotografi.blogg.se/2015/september/tips-gor-dina-bilder-hostiga-2.html#comment men hon använde en bild på mig i det inlägget så inte helt konstigt att du blandade ihop oss ;)
Amanda

N
2015-10-05 / 20:30:52
URL: http://nouw.com/nathaliemaria

Kanonbra tips!

Maria
2015-10-05 / 20:52:15
URL: http://fashionstars.blogg.se/

bra tips! och vilken skillnad :)

CAICAIS.BLOGG.SE~
2015-10-05 / 21:20:28
URL: http://caicais.blogg.se

Åh vilket bra tips!

AngelicasVärld
2015-10-05 / 22:08:53
URL: http://angelicasvarld.com/

Super tips!

Jeanette
2015-10-05 / 22:33:07
URL: http://nouw.com/jeanettekKoplik

Bra inlägg :)

Josefine
2015-10-05 / 23:00:50
URL: http://wellwhynot.blogg.se

Bra tips :D

FEEKA
2015-10-06 / 02:49:59
URL: http://www.feeka.se

WoW!! verkligen jättetack. Jag har funderat över varför bilderna se så trista ut på min blogg, medans andras bilder blir så fina. Här är förmodligen svaret :P

Sandra
2015-10-06 / 07:31:45
URL: http://atilio.metromode.se

Tack för tipset, måste testa det här någon gång och se om det gör skillnad!

Marie
2015-10-06 / 08:49:28
URL: http://maarrre.blogg.se

Bra tips! Jag använder tyvärr inte photo shop. har för dålig kunskap kring programmet.

Elin
2015-10-06 / 08:51:45
URL: http://elinbjorkander.com

Vilken skillnad det blev på de sista bilderna! Bra tips. =)

Cassandra Haraldsson
2015-10-06 / 09:54:13
URL: http://sensor.blogg.se/

Jättebra tips! Brukar alltid använda det när jag lägger upp mina bilder :)

Anna Sofia
2015-10-06 / 09:54:57
URL: http://annasofiaphoto.blogg.se

Brukar spara i jpeg efter förminskning men ska nog testa png faktiskt!

linah
2015-10-06 / 10:04:25
URL: http://nouw.com/linaheve

sååå vackert!!

Sara Ekman
2015-10-06 / 10:19:19
URL: http://aamaziing.se/

Bra tips :) Fin bild! :)

Joré Dirgélaité
2015-10-06 / 11:17:37
URL: http://jdfoto.blogg.se/

så bra tips, man ser ju verkligen skillnaden!

VERONICA - fashion blog
2015-10-06 / 11:57:39
URL: http://vveronicas.com/

Huur bra inlägg? Gud så kul att få mer tips!! Underbart. Duktiga du!

Cornelia
2015-10-06 / 13:04:29
URL: http://corneliae.blogg.se/

Bra tips!

Caroline - 4barns mamma utomlands
2015-10-06 / 15:47:49
URL: http://carrosungar.vimedbarn.se

Vilket super bra tips!!

Jarina
2015-10-06 / 16:02:29
URL: http://jarina.fi/

Så kul att vi sparar våra bilder PRECIS på samma sätt! Haha! Men väldigt bra tips, jag rekommenderar alla att följa det! ;)

Svar: Haha, men nej så roligt!
Amanda

Erica
2015-10-06 / 16:15:18
URL: http://ericaskyllkvist.se

Verkligen ett bra tips! :D Var så frustrerad innan jag kom på det här och förstod inte alls varför det blev så dålig kvalité på bilderna när man laddat upp dom, haha!

Denise
2015-10-06 / 16:21:15
URL: http://nouw.com/denisetiainen

Gud så vacker bild!

Ronja Therese
2015-10-06 / 16:28:57
URL: http://rtp.blogg.se

Kände lite "hur kan jag ha missat detta!?" om vissa saker när jag läste inlägget haha, så tack så mycket för det superbra tipset!

MALIN
2015-10-06 / 16:34:27
URL: http://malinkirstine.se/

Vilket bra inlägg! Att jag aldrig tänkt på detta innan..... Jag sparar alltid mina bilder i JPG och klagar på kvalitén. Haha! Kram

Elin Palm
2015-10-06 / 16:36:34
URL: http://elinpalm.devote.se

Båda bilderna var otroligt fina, men det blev ju en stor skillnad efter redigering! :)

Svar: Båda bilderna är redigerade exakt likadant men sparade på olika sätt, lite det som var poängen med inlägget :)
Amanda

Angelica
2015-10-06 / 17:08:38
URL: http://angelchanelle.blogg.se

Men åh, vilket bra tips!

Caroline
2015-10-06 / 20:19:37
URL: http://carolinelundin.se

Åh vilka bra tips, behövde verkligen dessa!!

Angelica Bengtsson
2015-10-06 / 20:38:41
URL: http://angelicabengtsson.blogg.se

sån skillnad på bilderna när man sparar för rätt ändamål :D

Nathalie Tegelstam
2015-10-06 / 20:45:57
URL: http://nathalie.vione.se

Jättebra tips, självklart något att tänka på! :) kram

Sofia - fotografier & psykisk ohälsa
2015-10-07 / 00:32:26
URL: http://sofiavaha.blogspot.se

Så vackert!

Dixi Wonderland
2015-10-07 / 20:32:33
URL: http://dixiwonderland.com/

Vilka bra tips du alltid kommer med :D

Tisa
2015-10-08 / 20:34:15
URL: http://apeaceofmee.blogg.se/

Jättebra tips! Jag har aldrig vetat skillnaden mellan JPEG fil och PNG fil, men nu vet jag! :)

Ida | the sky under the sea
2015-10-14 / 21:44:45
URL: http://theskyunderthesea.blogg.se

Sedan jag för 5 år sedan började spara bloggbilderna i png klarar jag inte av något annat! Så stor skillnad! :) Brukar dock bara spara vanligt som png, så tack för lite mer avancerade tips :)

Alicia
2016-10-09 / 10:39:20
URL: http://aliciasivert.blogspot.se/

ÅH vad bra tips! Hittade hit via ditt inlägg om actions och ska verkligen lära mig att spara för webben istället för jpg. För det mesta funkar det för mig men jag har slitit mitt hår vid flera tillfällen när det varit som att bilden fått en grå hinna över sig efter att jag sparat ner den. Ska se om inte detta löser bekymret :)

Svar: Åh så kul att höra att du får nytta av mitt tips! :D
Amanda

Iza Palm
2017-04-30 / 09:59:30
URL: http://norrskensskytten.blogg.se/

Något efter, kikade in dock detta nu, och NUUU kanske jag kan få ordning på bilderna.. Känns som de tappar en del när jag lägger upp dem, och jag sitter ju sällan i timmar med en och samma bild, kanske max 5 minuter .. Men detta kanske jag borde titta på i photoshop och kanske .. Ja, förbättra.


Kommentera inlägget här:

Namn:
Kom ihåg mig?

Mail

Hemsida:

Kommentar:

Trackback