Skriv ut sidan Tipsa någon om denna sida Visa innehållsstruktur för webbplatsen Logga in
2 Samla och fixa bilder

Först av allt ska du skapa en mapp på din dator. I den mappen lägger du alla bilder du tänker använda på sidorna innan du infogar bilderna. Det är väldigt viktigt, för då kan du skapa korrekta referenser när du senare infogar bilder i sidorna. Om du ska skapa en stor webbplats med många bilder kan det vara praktiskt att ha bilderna i en undermapp till den mapp där du sparar själva sidorna. För en lite mindre webbplats spelar det ingen roll.

Lämpliga filformat för bilder som ska användas på en webbsida är gif, jpg samt png. Vilket som är bäst för varje enskild bild beror på hur bilden ser ut och hur den ska användas. Kom ihåg att du inte ska använda åäö eller mellanslag i dina filnamn.

Tänk också på att filstorlekarna bör vara så små som möjligt för att bilderna ska kunna laddas snabbt på dina besökares datorer. Det går inte att ange någon exakt gräns. Själv försöker jag tänka på vad bilden har för syfte när jag ska avgöra hur stor den får vara. Är bilden mest till dekoration ser jag till att den är väldigt liten, helst inte över 20kB. En bild som är viktig för sammanhanget kan jag låta vara lite större. Sådana bilder tror jag mina besökare har mer tålamod att vänta på. Över 100 kB går jag ytterst sällan, och enbart om det är bilder som verkligen är viktiga för mitt budskap med sidan. 

Det är viktigt att hålla koll på bildernas egenskaper

Bildens mått, alltså ytstorleken räknat i pixlar, behöver du också fundera över. Det är lite komplicerat, för du får räkna med att dina besökare kan ha olika upplösning på sina skärmar. En bild som ser stor ut på en skärm med låg upplösning kommer att upplevas som mycket mindre på en skärm med hög upplösning.

När en bild ska visas på skärm brukar man ange storleken i pixlar. Det är ett mått som talar om hur många punkter bilden är uppbyggd av. En liten bild, som ska kunna läggas bredvid text, brukar jag försöka hålla 150-200 pixlar bred. Ska bilden vara större behöver den för det mesta ligga på en egen rad. Även om jag planerar att lägga bilden på en egen rad är det ytterst sällan jag gör någon bild bredare än 600 pixlar.

Vill du ändra storlek på bilden bör det alltid göras i ett bildbehandlings- program. Kom också ihåg att du inte ska använda åäö, mellanslag eller "konstiga tecken" i filnamnen. Döp om bilder som har sådana namn!

 

Fixa bilder snabbt i PhotoFiltre
Du fixar snabbt till bilder i programmet PhotoFiltre. Det är ett gratisprogram som du kan lära dig mer om på PIM. Där kan du också hämta programmet.

Börja med att öppna bilden du vill göra i ordning för webben i PhotoFiltre. Välj Bild - Bildstorlek i menyraden. Se till att pixlar är valt som måttenhet och att du har bockat för att du vill bevara bildens proportioner. Skriv sedan in hur bred eller hög du vill att bilden ska vara. I och med att du valt att bevara proportionerna kommer det andra värdet att ändras automatiskt.

Välj Bild - Bildstorlek
 
Välj Arkiv - Spara som och leta upp den mapp du skapat för din webbsida. Skriv ett namn utan åäö eller mellanslag och välj något av filformaten gif, jpg eller png. Är det en bild med få färger passar ofta gif bäst, är det ett fotografi blir det normalt sett bäst med jpg

Tänk på filnamnet när du sparar din bild

Om du väljer att spara som jpg får du eventuellt också en dialogruta där du får ange vilken komprimering du vill ha. För bilder som ska vara på en webbsida brukar jag sätta värdet för komprimering runt 80.

Om du planerar att göra en omfattande webbplats är det klokt att hitta på ett system för namnen. Du kan till exempel ta för vana att låta alla namn på fotografier inledas med det datum bilden togs.

 

2012 Multimediabyrån - Skolverket
Åsa Kronkvist 2008-10-08 10:22:19