Tjäna webbutrymme på mindre bilder
Hör du till den skara bloggare som publicerar dina foton direkt, utan föregående storleksändring? Idag är det inte ovanligt med kameror som ger bilder på 8-10 megapixlar. Oftast onödigt stort för webben, som inte kräver några högupplösta bilder.
Du kan tjäna massor med utrymme på ditt webbhotell genom att först minska bildernas storlek. Utrymme som du kan utnyttja på ett mycket bättre sätt. Här visar jag hur du enklast kan minska bildstorleken innan publicering.
Pixlar och upplösning
Megapixel är ett mått på hur många miljoner pixlar den tagna bilden kan innehålla som mest. Grundregeln är att ju fler pixlar bilden innehåller, desto större utskriven bildyta kan du få med hög upplösning.
Hög upplösning ger generellt större detaljrikedom och skärpa och är bra när bilden ska tryckas eller skrivas ut. Allt från 300 dpi (bildpunkter per tum) och uppåt ger bra utskriftskvalitet. För webben räcker det däremot alldeles utmärkt med upplösningar på 72 dpi.
Ju fler pixlar en bild innehåller, desto större blir förstås också filstorleken. Det är inte ovanligt att originalbilder från en digitalkamera ligger på 2-4 MB. Du kan säkert själv räkna ut hur snabbt du fyller din lagringskvot, beroende på hur många bilder i veckan du publicerar.
Storleksändra med Photoshop
Det mest använda bildredigeringsprogrammet är förstås Photoshop. Jag har tidigare skrivit om hur du kan förbereda webbfoton med funktionsmakron. Väldigt praktiskt om du ska ändra många bilder på en gång.
För att ändra storlek på en bild, öppnar du dialogrutan Bild/Bildstorlek (Image/Image size). Börja med att ändra Upplösning till 72 pixlar per tum. Då minskas även Pixeldimensionerna. Dessa kan du dock behöva minska ytterligare, för att bilden t.ex. ska passa in i din textspalt. Ska du länka till en större bild, kanske det räcker med att den är maximalt 800 pixlar bred.
Storleksändra med Paint
Om du inte har tillgång till eller möjlighet att använda Photoshop, kan du istället använda Paint som är ett tillbehör i Windows. Med andra ord, så installeras det tillsammans med Windows. Du kan inte kontrollera upplösningen i Paint, men minskar du pixeldimensionerna får du åtminstone ner filstorleken väsentligt.
Gå in på menyn Bild/Ändra storlek/snedställ. Minska de två rutorna med samma procentvärde. Skriver du 50, betyder det att bildytan halveras.
2009-10-12 (19:08)
Webbdesign allmänt
Ett bättre sätt är att köra save for web direkt i Photoshop. Då har man bra kontroll bilderna samt att det blir rätt färgprofil, sRGB. Har en hel del kunder som försöker lägga upp CMYK jpg’s och det lirar inte så bra.
En annan myt är upplösningen
Rätt: 72 dpi eller 240 dpi har samma filstorlek om de har samma dimensioner.
Prova det här:
Ta en bild som är 240 dpi som är har stora dimensioner och gör om den t.ex till 600×480
Gör om samma bild till 72 dpi och 600×480 jämför filstorlekarna.
Helt rätt! Själv har jag dock aldrig lyckats vänja mig vid Spara för webb-funktionen i Photoshop… Lätt att man bara gör som man alltid gjort, tror jag