Tips / Ladda upp bilder

Det är många som har skrivit till mig och undrat hur jag gör när jag laddar upp mina bilder, eftersom de har haft problem med oskarpa bilder på sina egna bloggar.
Jag har ingen aning om hur man ska göra, men jag brukar i alla fall göra så här:



1. Förminska bilden till bloggstorlek.
Eftersom jag har gjort min bloggdesign själv, så har jag anpassat content (inläggsspalten) efter hur stora bilderna ska vara. Så jag förminskar (ctrl+alt+I) alltid mina bilder till 610 pixlar. Det här är ju förstås olika beroende på hur ens blogg ser ut, men man kan ju testa sig fram med storleken, om man inte vet hur man kollar upp den...





2. Skärpa.
När jag har förminskat bilden, brukar jag alltid skärpa till den lite med Filter>Skärpa>Smart Skärpa. Jag ställer in Amount (mängd? Vet inte vad det heter på svenska?) på ca 50% och Radie på 0,8 pixlar.






3. Ladda upp bilden.
Sedan laddar jag alltid upp bilden med maxbredd på blogg.se - dvs, med 1000px inställd, oavsett vilken bredd bilden egentligen har. Har jag en bild som är bredare än 1000px, så laddar jag inte upp den på blogg.se, för då kommer den att förminskas.





Voila! Klart :)
Glömde skriva att jag brukar spara bilden genom Spara för webben/Save for web istället för Spara som....



33 Kommentarer

Lisette

Så gör jag också förutom skärpan delen, kanske borde testas (:

2010-03-20 15:48:01
Blogg/Hemsida: http://www.liisette.wordpress.com

Sofie

Vad är det för skillnad mellan att "Spara för webben" och "Spara som"?

2010-03-20 15:50:58
Blogg/Hemsida: http://timeisrunningout.blogg.se/

Linnea

Din blogg är ju faktiskt riktigt fin :) önskar jag var duktig och kunde designa också!

2010-03-20 16:22:45
Blogg/Hemsida: http://hardrockstjejen.blogg.se/

Olle

Körde också med perfekt skärpa förut tills Anders på moderskeppet visade detta smidiga trick: http://moderskeppet.se/video/show/perfekt-skarpa-i-bloggbilder

Smidigt när skärpan kommer i ett nytt lager så kan man mha opaciteten ändra det snabbt om det blir överskärpt.

2010-03-20 17:06:48
Blogg/Hemsida: http://www.ellolle.com

FIFFIFELICIAAAAA

din blogg gillar jag starkt! :D :D

2010-03-20 17:07:10
Blogg/Hemsida: http://fiffifeliciaaa.blogg.se/

michaela

snällt att du svarade så snabbt :) men om jag använder mig av bredd 1000 (på bloggen) blir ju bilderna mycket stora och åker ut över inläggs sidorna .. kan inte förklara det där men.. :P

2010-03-20 17:17:47
Blogg/Hemsida: http://michaelaf.blogg.se/

IDA

Tack för bra tips, sådant uppskattas alltid!

2010-03-20 17:33:01
Blogg/Hemsida: http://larssonsfoto.blogg.se/

Josefin B

Två frågor, varför tog du Spara som webben istället för att göra "som vanligt"?

Och varför sparar du som 1000 då det egentligen räcker med 700?

Kram! :D

Sedan har jag en helt annan fråga. Jag har också 610 px på mina bilder och har funderat lite på att göra inläggssidan bredare för att få plats med större bilder. - Finns det något minus med att ha större bilder?

2010-03-20 17:45:21
Blogg/Hemsida: http://josefinb.blogg.se/

Nisse

Smart Sharpen är exakt samma sak som Unsharp Mask så länge du använder Remove: Gaussian Blur och inte använder More Accurate. Unsharp Mask är bättre eftersom du då får kontroll över Threshold också och på det sättet inte plockar fram bruset lika mycket.
Vill du verkligen utnyttja Smart Sharpen filtrer på ett bra sätt så ska du först dela upp bilden i en högfrekvent del och en lågfrekvent del och därefter använda Smart Sharpen med More Accurate på bara lågfrekventa delen.

Oavsett vilken metod man använder för att skärpa så är det alltid en bra ide att skapa en samanslagen kopia av alla lager överst som man skärper för att sen sätta den kopians Blend Mode till Luminosity. Alternativt direkt efter man kört Unsharp Mask tryck ctrl+shift+F (Fade..) för att ändra Blend Mode på senaste filter till Luminosity.

2010-03-20 17:53:22
L I N D A

nice! Mina bilder brukar bli lite suddiga när jag laddar upp dem.

2010-03-20 18:37:14
Blogg/Hemsida: http://fettstarkt.blogg.se/

Elsa

Tack för tipset:]
ÄLSKAR din blogg(L)

2010-03-20 20:03:32
Blogg/Hemsida: http://elsacissi.blogg.se/

elika

hej, har läst din blogg i några månader och jag TOTAL diggar den!, jag tycker det är så underligt att vissa kända bloggare skriver ett inlägg typ : "hej jag är hemma nu, vi hade jätte kul" medan du gör så ortoligt fantastiska grejer, STORT plus!!!!

2010-03-20 20:21:36
Blogg/Hemsida: http://elikaz.blogg.se/

Handla Billigt

Har aldrig tänkt på att jag borde spara för webben..

2010-03-20 21:19:04
Blogg/Hemsida: http://handlabilligt.blogspot.com

Thomas

En bra grej när man anpassar bilder för webben är att sänka upplösning (ppi) till 72. Mer kan man inte urskilja på en skärm. 240 är väldigt högt och gör bilden onödigt stor!

2010-03-20 21:38:46
Blogg/Hemsida: http://thomaswithanhplease.com

Karina T

Hej!
Vilken snygg blogg du har och oerhört snygga bilder! Jag tänke fråga hur länge har du höllt på med foto? Dessutom tänkte jag säga att det är grymt bra att du ger så många tips på hur och vad man kan göra med ens foton i photoshop!:D fortsätt som du gör:D

2010-03-20 21:43:43
Blogg/Hemsida: http://karinat.wordpress.com/

T

Ehm, save for web löser ju det problemet, nvm me first post :]

2010-03-20 21:47:01
Blogg/Hemsida: http://thomaswithanhplease.com

Nisse

Thomas ppi spelar ingen som helst roll när man visar på skärm. Det enda som spelar roll då är antal pixlar. 12 ppi eller 2000 ppi gör ingen som helst skillnad.
De flesta skärmar idag ligger på en bra bit över 72 ppi. Det där är en gammal siffra från 90-talet. Min skärm ligger tex på 97 ppi. Mät och ta reda på vilket upplösning din skärm verkligen har. Skriv in den som Screen Resolution under Prefereces (ctrl+k) - Units & Rulers (ctrl+7). Annars fungerar inte Print Size (ctrl+alt+0) som det ska.

2010-03-20 22:23:20
M I K A E L A

ett tips, som jag alltid gör när jag ska lägga upp bild på bloggen, är att gå in under Edit > convert to profile och välja sRGB (den som är under other, finns olika).
Och så save for web som jpeg maximum :)

2010-03-21 02:38:26
Blogg/Hemsida: http://mikaelabjarve.blogg.se/

michaela

Okej :> Tck ennu en gång! :)

2010-03-21 08:44:53
Blogg/Hemsida: http://michaelaf.blogg.se/

Sandra - FOTO

Gaah, nu kommer jag med en sån där jobbig efterfråga!

Gör det någon skillnad att spara så eller vanligt?

Jag provade båda och jämförde bilderna, bara för att se. Men såg ingen skillnad. Kanske skiljer det lite från bild till bild?

Kram

2010-03-21 12:28:06
Blogg/Hemsida: http://sanadara.blogg.se/

cindii

Glöm inte att kika in och läsa dagens 'visste ni att..' ;) Ha en bra söndag! :)

2010-03-21 13:11:28
Blogg/Hemsida: http://cindiii.blogg.se/

E M M A

bra tips ;D

2010-03-21 13:29:23
Blogg/Hemsida: http://emmasfoto.com

Alexandra, KAKHUSET ♥

Bra tips! :) Det är så tråkigt med oskarpa bilder :)

2010-03-22 00:17:15
Blogg/Hemsida: http://www.kakhusets.se

Andrinaa

Snygg blogg du har ! (;

2010-03-24 18:06:18
Blogg/Hemsida: http://nittiosexaan.blogg.se/

Mali

hehe.. gôtt!! Någon dag sak jag lära mig något annat program än paint när jag gör min blogglogga, hehe

2010-03-25 00:42:22
Blogg/Hemsida: http://mali-mylife.blogspot.com

Kes

Det ska jag testa! Blir alltid så irriterad på att bilderna blir så fula då man lägger upp dem på blogg.se hoppas det blir ändring på det nu!

2010-03-26 10:05:33
Blogg/Hemsida: http://edsvikenf.blogg.se/

Fredrik Bergh-Gustafsson

Tjenare Elin, tänkte bara tipsa om att för att göra det ännu lättare för sig kan man använda tipset med Highpass-filter från Moderskeppet. Alltså att skapa en lagerkopia -> filter -> highpass -> 0,3 px -> sänk opacitet till 70 % -> ställ in blandningsläge linear light och sen är det klart. Dessutom kan man ju skapa ett snabbmakro av detta vilket gör att du kan använda dig av Image Processor och lägga in skärpemakrot i den funktionen så kan du bestämma antalet pixlar på höjd respektive bredd, om den ska spara i sRGB och då lägga på skärpa. Sjukt smidigt!

2010-03-26 10:41:26
Blogg/Hemsida: http://bgson.blogspot.com

mats

Save for web tar bort exif-datan

2010-03-26 11:59:48
Ulrika Bylund

Jag använder mig i stort sett ALLTID av alternativet Bicubic Sharper. Detta ändrar man i rullningslisten längst ner i Image size-fönster och sedan ställer in den storleken man ska ha.. Två flugor i en smäll liksom. Slipper man lägga på extra skärpa efteråt. :D

2010-03-27 15:01:49
Blogg/Hemsida: http://tcphoto.blogg.se/

ronja

hur får du dina bilder så stora på blogg.se?
jag har också en blogg där men när jag ska ladda upp mina bilder stora så skärs halva bilden av! o; jag skulle vara tacksam för svar :)

2010-03-27 18:59:32
Blogg/Hemsida: http://ronjaflygare.bubbleroom.se/

Anders

Måste tipsa om ett sätt att skärpa upp bilder till alla som gör bloggar. Jag lärde det dels via moderskeppets hemsida, men jag skriver med lite till som jag brukar göra.
Innan använde jag alltid den metoden som Elin nämner men jag tycker att denna ger lite mer.

1. Du måste vara helt säker på att du är helt färdig med bilden. För du ska dels förminska till rätt storlek, men också merge visible (under layer-fliken) Shift+Ctrl+E det blir smidigast så till de kommande stegen.

2. Duplicera lagert, gå sedan till det översta lagret och använd filer>Other/Annat> High Pass/ Hög pass. Ställ alltid in värdet på 0,3 om det är en bloggbild, resultatet kan se skrämmande ut första gången men var inte rädd!.

3. Ändra om blandningsläge/blendmode på högpass-lagret till Vivid Light/Klart ljus. Ändra opacitetten på lagret mellan 70 och 100%, en bild på tex en husvägg med F8 behöver förmodligen 70%, en blomma med F2,2 funkar enligt mig bra på omkring 100%, men här får ni såklart testa er fram.

4. Var säker på att du inte råkar spara över originalfilen. Spara som JPG eller for the web.

//Anders

2010-06-18 14:04:25
Blogg/Hemsida: http://andersrosenqvist.wordpress.com/

Agilitydream

Om man har en bild som man vill applicera mycket skärpa på kan man testa highpass-filtret. Gör en kopia av bakgrundslagret, välj filter - highpass - och välj 0,3 px för bilder som är max 600 px breda. Lämpligt för bilder på en blogg. Sedan ändrar man blandningsläge till linjärt och drar ner pacitetet till ca 70%. Det brukar bli kanon.

2010-11-02 12:49:01
Blogg/Hemsida: http://agilitydream.blogg.se/

Agilitydream

Nu känner jag mig som en idiot då jag ser en bättre beskrivning av mitt tips i en kommentar ovanför. Dumma, dumma Göran. Anders beskrivning är mycket bättre, följ den istället.

2010-11-02 12:50:21
Blogg/Hemsida: http://agilitydream.blogg.se/

Kommentera inlägget här:

Ditt namn:
Kom ihåg mig?

Din mejladress: (Visas bara för mig)

Blogg-/hemsideadress:

Skriv din kommentar här: