Det här med bilder är en sak som många anser vara en av de absolut viktigaste ingredienser för att få en blogg bra och intressant och sticka ut ur mängden.
Men, om man inte vet hur man får ut maximalt av sina bilder, så kan det lätt se dåligt ut istället med en negativ effekt för en besökare.
De vanligaste felen man som bloggare gör är att man laddar upp bilderna på bloggen i för låg upplösning, låter bilduppladdningen skala om bilden eller så laddar man upp bilder i fel storlek så att de inte får plats i inlägget utan sticker ut utanför kanten och kanske täcker andra saker på bloggen, eller att de är så små att man inte ser vad det är på bilden.
Jag tänkte tipsa lite om hur man kan optimera användandet av bilder på sin blogg med väldigt enkla medel.
1. Använd dig av högupplösta bilder, det ger en mycket bättre skärpa i bilderna. De flesta vettiga bildprogram kan du ändra upplösningen på dina bilder med. En högupplöst bild har en upplösning av 300 dpi (dots per inch).
Här ser du skillnaden på upplösningen.
72 dpi – lågupplöst bild
300 dpi – högupplöst bild
Som ni ser så är den lågupplösta bilden mycket mer pixlig, dvs man kan se rutorna som är pixlar.
Båda bilderna har exakt samma storlek, men upplösningen gör att den högupplösta bilden blir mycket skarpare.
För att läsa mer om bildupplösning, kika här: Filstorlek och upplösning
För tips om gratis bildprogram, kika här: DDB’s webblänkar
2. Se till att du ändrar storlek på dina bilder i ett bildprogram innan du laddar upp dem på din blogg, då kommer du själv att kunna styra så att du får en bild som passar in på din blogg optimalt och du minskar ner risken att bilden tappar i upplösning.
Ett exempel:
Säg att dina inlägg är 538 pixlar breda. Det ser du om du går in i din stilmall och letar upp avsnittet som heter #content.

Nu står det inte utsatt bredden på #content i alla stilmallar, men då får du testa dig fram lite för att hitta maximal storlek på dina bilder i inläggen.
Jo, om du nu vill utnyttja maximal yta av ditt inlägg med en bild, för att den ska få så mycket utrymma som möjligt, då minskar du ner storleken på din bild i ett bildredigeringsprogram till cirka 530 pixlar i bredd. Du kan ofta lämna lite marginal, då man ofta har margin eller padding i stilmallen för #content.
När du har sparat din bild, så är det dags att ladda upp den på din blogg. När du då laddar upp bilden, så vill du att den ska få behålla samma storlek som du har bestämt att den ska vara, nämligen 530 pixlar bred. För att bloggverktyget inte ska skala om bilden, måste du välja att skala bilden högre än vad din bild egentligen är, i detta fallet 600 pixlar.

Om du istället hade valt 500 pixlar, då hade bilden blivit 500 pixlar bred när du laddade upp den, och då hade du tappat 30 pixlar som du egentligen ville utnyttja. Hänger du med?
Försök att i absolut största mån använda dig av ett bildprogram för att få dina bilder i rätt storlek, använd inte bilduppladdningen på bloggen som ett verktyg för att skala om en bild!
3. Spara dina bilder som .jpg filer, inte som .gif.
Varför? Jo, .gif använder sig av endast 256 färger, vilket gör att du aldrig kan få fram samma vackra färger på dina bilder som en .jpg som har stöd för 16,7 miljoner färger.
Självklart så kan du använda dig av .gif om du ska använda grafiska bilder som du själv har skapat i photoshop eller liknande, men om du ska publicera fotografier på din blogg så skall du ha bilderna i jpg-format.
Ett annat tips, som är högst personligt från min sida när det gäller bilder, är att när du har ett gäng med bilder som du har fotat eller vill visa på din blogg, släng inte bara ut 20 bilder i en enda lång rad, utan välj ut dina bilder med omsorg istället och publicera de bilder som verkligen blev bra. Var lite självkritisk och se på dina bilder med ett artistiskt öga och välj de som du tror kommer fånga dina besökare.
Jag själv tycker att det är ganska så tråkigt att kika in på en blogg, som har 10 bilder som är lika varandra. Då tappar man lätt bort den där bilden som faktiskt blev jäkligt bra egentligen.
Jag hoppas att dessa små tips hjälper dig lite på vägen att göra din blogg mer bildlig!








Jag har en fråga.. ikväll har jag försökt att göra om min blogg lite och har äntligen kommit underfund med hur jag gör bloggen bredare så att jag kan ha större bilder.. men jag har inte vågat klicka på spara i stilmallen eftersom att jag vet att alla mina bilder på hela bloggen kommer bli rätt så små.. och det kommer se dumt ut. Kan jag på något sätt ändra alla bloggens bilder till en och samma storlek eller måste jag ta bilderna en och en?
Tacksam för svar så fort som bara möjligt
Hur gör man bloggen bredare? Hade du kunnat länka en hjälpsida om det går?
tack!
Det är en bild där uppe på redigera stilmall. Om du ser så harhan strykigt över width: 530 px; . Du ändrar siffran till större ifall du vill ha en bredare blogg. Till exempel till 600, 700.
hur gör du bloggen bredare ?;o
det står ju på denna sida om ni letar lite
Jag undrar oxå det, känns så jobbigt att behöva ändra alla bilder på hela bloggen! :/
Kanske är väälfigt efter nu, men jag har gjort ett inlägg i min blogg om hur man ändrar alla bilder man lagt upp tidigare, kolla det!
http://www.designadinblogg.se/andra-bredd-pa-din-blogg/
när jag gör min blogg bredare smiter menyn ner.. varför..?
troligen för att content+side inte får plats i ”wrapper, width”. är vidden tex. 900px och content 700px, så smiter menyn under om den är bredare än resterande 200px
jag har gjort det! har ändrat ”content” till 838px hade från början ca 500px
går det inte att ha det på något sätt? (men att ändå få upp menyn)
om man ändrar ”wrapper, width” blir ju allt vitt (alltså syns inte bakgrundsfärgen för att altt blir så stort)
Så kan jag ha 838px OCH ha menyn där uppe?
tacksam för svar!
Hej! Jag är en tjej som är i kris att få hjälp med min blogg! Jag brinner verkligen för att blogga men min design blir alltid hemsk. Jag har ett flertal gånger försökt att fixa allt men det går aldrig! Kunde inte ens få den bredare, jag la up width till 700 och den rörde sig inte ens :S behöver kris hjälp!
Kan Lari eller någon annan hjälpa?
Jag har en bild (inte med kod utan en vanlig bild) i min dators bildbank och som jag vill lägga in i menyn.
Jag vill sedan göra bilden klickbar till ett specifikt inlägg på min blogg.
Hur tusan fixar jag det?
Blir glad så att jag kommer att ramla av stolen om jag får hjälp med det här
/ Yvonne
Okej nu är det såhär, jag har följt instruktionerna (tror jag) xD Jag får min blogg bredare men själva menyn bredvid försvinner. Hur ska jag göra så att den är kvar?
Hur gör jag för att bilderna som man laddar upp hamnar i ” center stil” jämt? Jag har glömt hur jag ändrar det.
Om jag gör så jag kan ladda upp 800px bilder, ska jag ju kunna ladda upp två 400px bilder bredvid varandra. Men hur? Dem får liksom inte plats på inläggssidan (eller vad man ska kalla den, där man skriver iaf. Hur kan jag fixa det?
Jag håller på att ändra om i bloggen, och jag undrar hur gör jag så att bilderna också krymper när jag ändrar bredden på inläggen? Skulle vara tacksam för svar! Svara gärna på bloggen, tack!
jag blir så trött på blogg.ses dåliga kvalité när man ska ladda upp bilder! om man har fotoblogg så förändras hela upplevelsen så fort man kollar på bilden i blogg.se. HATA! men iaf. hur ändrar man upplösning på en bild? kan du inte lägga upp ett tips hur man gör i typ photoshop elements eller nåt. jag har försökt med ditt tips typ tusen gånger, men det går inte. snälla!
När jag ändrar bredden på min blogg då hamnar min meny längst NER på sidan!! det är ju inte så jag vill ha den:(
jag vill ha menyn på samma ställe men bredare blogg så jag kan lägga upp bilder i större format..
tacksam för svar!
Hej Julia jag har gjort ett litet tips på min blogg som handlar just om det. Bara det att jag vet att detta funkar i grunddesignen Flower ( testa och lägga till den lilla kodrad som flower har extra) kolla på bloggen så fattar du bättre
http://pauladrarochfotar.blogg.se/2011/june/tips-pa-hur-man-gor-bloggen-bredare.html#comment
Jag håller på och försöker ladda upp en ny header på min blogg, men det blir så sjukt dålig bildkvalitet!
Den är 1052*735 px, och jag laddar upp den som 1000 på blogg.se. Nu har jag även ändrat så att upplösningen är 300 px/tum, vilket väl är lagom hög? Vad gör jag för fel! Blir överlycklig om jag får svar av någon!
Hej! Jag undrar hur man får alla bilder att automatiskt hamna i mitten varje gång utan att trycka mellanslag? Försökt leta upp det i stilmallen men snurrar bara till det. Tacksam för svar!
//Angelica
hej hej, jag har en fråga som jag inte hittar svaret på så snälla svara! Jag vill nämligen ha en bild som bakgrund på min blogg men problemet är att bilden inte är anpassad till sidans storlek så bilden repeteras liksom och det är inte fint, så snälla kan du hjälpa mig med att anpassa bilden efter bakgrundens storlek? tack på förhand!
hej!
jag hoppas nån kan svara.
jag har en blogg med bredden 1000px
& vill ha stora bilder på min blogg, inte 500/600px utan mer 700px.
men när jag lägger in en bild som är på 700px så försvinner en del av bilden (man ser inte hela alltså)
NU ändrade jag content på width, men det vart ändå ingen ändring (har kollat med F5)
Jag har samma problem! Mina bilder kan inte bli större än 500px trots att jag har ändrat storleken på bilden i photoshop och gjort precis som det står här, men lite av bilden försvinner!
Hur får man bredden 700px på sina bilder när man bloggar via iphone-appen blogg.se Tidigare har jag ändrat manuellt men detta går inte i appen. Finns det någon CSS-kod?
När jag skall skapa inlägg och skall ladda upp bilder så lägger sig de stående bilderna ner trots att de laddas upp som vanligt och visas som stående i mappen jag laddar ner ifrån! Någon som varit med om detta och vet hur man fixar det?