Infoga en bild  Bilder är bästa sättet att lätta upp en sida och göra intrycket trevligare. Med ContentaWeb är det enkelt att göra detta. Tänk på att bilder i allmänhet är copyright-skyddade så fråga alltid om lov eller läs villkoren för bilden innan du använder en bild. Eller producera bilden själv! Koncept och idé Det finns tre metoder för att infoga en bild: Återanvända en bild från bildbanken Skicka upp en ny bild från din hårddisk Klistra in en bild från en annan webbplats Bildformat och storlek Bilder är främsta orsaken till att en hemsida blir långsam att titta på med modem. Man bör därför använda bilder med viss eftertanke. Det är viktigt att bilden inte är onödigt stor. Med onödigt stor menas en bild som t.ex. är 500 px (pixlar, bildpunkter) bred men som ändå på webbsidan visas som 100 px bred (ca 3 - 4 cm på en normalstor skärm). Omvänt är heller inte bra. En bild som är 100 px med som på webbsidan förstoras till 500 px kommer visserligen ladda hem snabbt men bildkvalitén blir strängt lidande. För att göra det ytterligare komplicerat finns det idag en uppsjö med s.k. bildformat (minst 40 olika format). De vanligaste känner du kanske igen: JPG (uttalas "jipeg"), GIF, BMP, PCX, TIF. ContentaWeb kan automatiskt hantera JPG, BMP, TGA, GIF och PNG. Alltså de vanligaste förmaten. Du ska med andra ord inte behöva tänka på detta. Det kan ändå vara bra att ha en viss kännedom. Läs en fördjupande text om bildformat här. ContentaWeb hanterar även storleken på bilden automatiskt men du måste ange önskad storlek. Mer om detta längre ner i texten.   Tillvägagångsätt Det finns som tidigare nämnt tre olika metoder. Vi tar dem i tur och ordning:   Återanvända en bild från bildbanken Klicka på knappen "Infoga en bild" för att få fram dialogrutan "Infoga bild" till höger. Det bästa är att nu peka ut var på sidan du vill att bilden ska hamna men du kan självklart flytta på den senare. Klicka sedan på "Öppna bildbanken". Du kommer nu få upp en dialogruta med alla de filer som finns upplaggda i banken. Listan visar filnamnet, storleken i kB (kilobyte) och storleken i pixlar (bildpunkter). Bildbanken visar alla upplaggda bilder. Dialogrutan som syns till höger. Storleken är ett mått på hur lång tid det tar att ladda hem bilden för en besökare. En tumregel är att en med ett vanligt modem (56 kbps) får man hem ca 5 kB per sekund. En bild på 25 kB kommer alltså att ta ca 5 sekunder att ladda hem. Med bredband blir laddningstiden försumbar. Storleken i pixlar är intressant då den visar hur stor plats bilden kommer ta på sidan. Du kan enkelt ändra på storleken i efterhand men detta är inte att rekommendera då kvalitén blir lidande. Det är dock inga problem att ändra storleken några procent. Om du hellre vill se bilderna som miniatyrer kan du klicka på "visa" knappen och välja "miniatyrer".   Bilderna kan även visas som miniatyrer. Du kan nu få en förhandsvy över alla bilder. Tänk på att detta sätt att visa bildbanken kan ta lång tid om du sitter på ett modem. Välj den bild du vill info genom att klicka på den. Klicka sedan på knappen "Infoga" och bilden kommer infogas på den plats du angivit. Skicka upp en ny bild från din hårddisk För att kunna välja en bild från din hårddisk klickar du på knappen "Bläddra..." Beroende på vilket operativsystem du har kommer dialogrutan "Välj filtyp" se lite olika ut. Så här ser den ut på svenska Windows XP. Välj den bild du vill skicka upp genom att klicka på den och sedan på "Öppna". Du kan även dubbelklicka på bilden. Tänk på att du bara kan välja en JPG, BMP, TGA, GIF eller PNG bild. Det bästa är om du kan välja en JPG eftersom de går snabbast att ladda upp.   Välj en bild från din hårddisk. Storleken på bilden i pixlar När du valt en bild måste du ange den storlek i pixlar som bilden ska ha. Som standard blir bilden ganska liten (150 x 150 px). Det finns tre sätt att ange storlek på bilden: Bilden kommer här bli 150 px bred. Låna storleken från en bild som redan finns på sidan Om det redan finns en bild på sidan och du vill att den nya bilden ska vara exakt lika stor kan du klicka på den bilden. Du kommer nu se att siffrorna som anger storleken ändras. Detta är särskilt användbart om du tar hjälp av en mall som föreslår både storlek och placering av bilden. Om du lånar storleken på en bild kan du även enkelt ersätta den gamla bilden med den nya och på så sätt effektivt utnyttja mallen. Ange storleken grafiskt med hjälp av en tom bildram Om du klicka på knappen "<< Bildram" så kommer en tom bildram dyka upp på den plats du markerat. Denna kan du enkelt ändra storlek på genom att klicka på den och dra i dess hörnen. När du ändrar storleken kan du se att siffrorna som anger bredd och höjd ändras. En tom bildram som är markerad. Du kan enkelt ändra storleken genom att dra i hörnena som markeras med fyrkanten. Den uppladdade bilden kommer att bli exakt den storlek som du anger med bildramen. Hur bildens höjd/bredd förhållande kan bibehållas kommer längre ner. Manuellt skriva in storleken Självklart kan du även manuellt skriva in en storlek i pixlar. Om du väljer denna metoden så skriver du in sifforna direkt i rutorna för höjd och bredd.   Bibehålla bildens förhållande När man pratar om en bilds förhållande menar man förhållandet mellan bredd och höjd. Om bildens förhållande ändras kommer bilden se skev ut. En bild på en cirkel kommer se ut som en oval på ena eller andra ledden. När man anger en storlek kan man i de flesta fall bara ange ena sidans längd. Den andra sidan måste räknas fram för att bilden inte ska bli skev. Kryssrutorna anger vilken sida som ska vara dominant. Det vanligaste är att man anger bildens bredd och så låter man höjden anpassa sig. Av detta skäl så är kryssrutan framför bredd ikryssad som standard. Om du istället kryssar i höjden kommer bilden bli exakt så hög som angivits men bredden blir anpassad. Du kan tvinga in en bild i en fyrkant genom att sätta kryss i både bredd och höjd. På så vis kommer bilden bli skev. I vissa är det viktigare att bilden passar exakt in i en ruta snarare än att bilden ser rätt ut. I nuvarande version av ContentaWeb kan du inte beskära en bild så om du vill göra detta måste du använda ett bildbehandlingsprogram som Photoshop eller Paintshop Pro. Om du inte kryssar i någon ruta kommer bilden att bibehålla sin originalstorlek. Detta kan vara nog så viktigt i vissa sammanhang eftersom en skalning alltid innebär en viss försämring av kvalitén. Notera att formatet GIF inte tillåter någon skalning. Detta irriterande faktum beror på att GIF-formatet är patenterat och kräver en speciell licens för att få använda. Skulle ContentaWeb inkludera denna licens skulle priset vara helt annorlunda. Samma bild i olika storlekar Du kan använda samma bild i olika storlekar. Det är dock viktigt att du döper om bilden innan du skickar upp den i en ny storlek för annars kommer den gamla bilden med samma namn ersättas. Ram runt bilden Bilder som du skickar upp kommer som standard inte få någon inramning. Det kan i vissa fall vara snyggt att få en tunn svart inramining kring bilden. För att lägga till en ram markerar du bilden och klickar på "Ändra ramtjocklek" Knappen växlar mellan ramtjockleken så ett klick skapar en ram och ett nytt klick tar bort ramen. Detta är synnerligen användbart om du vill göra bilden till en klickbar länk. Länkade bilder får alltid en ram som standard. Om du inte vill ha en ram kan du ta bort den på detta sätt. Visa bilden i hög upplösning när man klickar på den Vanligt är att man visar bilder som små miniatyrer (tumnagelbilder, thumbnails) och låter bilden växa till full upplösning när man klickar på den. Hur du enkelt kan lösa detta kan du läsa om i "Visa stora bilder".