Bild för hemsidor, web

Bilder som ska användas för Joomla hemsidor (eller andra hemsidor) behöver vara anpassade för web.

Filformat

Filformat som kan användas i hemsidor är:

• .gif
• .jpg (samma sak som .jpeg)
• .png
• .svg
• .webp

Lämna högupplöst bildmaterial till din designer

Om du ska leverera bilder till oss eller någon annan för webpublicering är det alltid bäst att leverera högsta möjliga upplösning så att din webdesigner har bästa möjliga utgångsläge att anpassa bilden för ändamålet. Att skala ned en bild är aldrig ett problem men däremot kan resultatet bli sämre om den behöver skalas upp i storlek.

Hur ser jag bildens storlek & dimensioner?

På en Windows-dator:

1. Högerklicka på den bild du vill visa och välj "Egenskaper".
2. I dialogrutan Egenskaper väljer du fliken "Detaljer".
3. Bläddra ner till avsnittet "Image" (bild) för att se bildens dimensioner och upplösning.

Alternativt:

1. Öppna bilden med standardprogrammet Windows Photos.
2. Klicka på de tre prickarna i det övre högra hörnet av appfönstret och välj "Filinformation".
3. Då visas bildens dimensioner.

På en Mac:

1. Högerklicka på den bild du vill visa och välj "Get Info".
2. I dialogrutan Get Info letar du efter avsnittet "More Info" och klickar på pilen bredvid för att utöka det.
3. Då visas bildens dimensioner och upplösning.

Alternativt:

1. Öppna bilden med standardprogrammet Preview app (Förhandsgranskning).
2. Klicka på "Verktyg" i menyraden och välj "Visa Granskare" (eller tryck på Kommando + I).
3. Detta kommer att visa bildens dimensioner i fönstret Inspektor.

Varför är bildens storlek, upplösning viktig?

Här nedan ser du varför det är viktigt att bilden har tillräckligt hög upplösning och är av god kvalitet. Samtidigt får bilden inte vara för stor (tung) för då kommer din hemsida att bli långsam (vilket varken Google eller besökare tycker om).

Vilken storlek behöver bilden för web?

Upplösningen på bilder för hemsidor bör vara bredd x höjd i pixel i den storlek som bilden ska publiceras i. Hur stor bilden ska vara beror alltså till stor del på maxbredden på din template och hur stor % av denna bilden är tänkt att täcka. En bild som ska publiceras i flera olika storlekar bör anpassas för den största storleken när man sparar bildfilen och laddar upp den till Media Manager i Joomla! (eller tex via FTP till servern).
Vill du fördjupa dig mer kan du läsa Resizing images for the web (öppnas i nytt fönster).

Bildstorlek

Om du är osäker på vilken storlek (bredd x höjd i pixel) du egentligen behöver för din hemsida finns ett par enkla knep för att ta reda på det:

• Öppna en befintlig Joomla-artikel ( i Article Manager) som innehåller en bild i "rätt storlek" och titta vad den har för bredd x höjd.
• Använd ett verktyg som du kan mäta med direkt i din webbläsare. Vårt tips är en plugin som heter "Measure-it".

Skala ned bilder gratis online

Med det här verktyget kan du skala ned bilder gratis så att de får rätt storlek för web. Det funkar att att ändra storlek på flera bilder på en gång. Det här verktyget är bättre än många andra eftersom du kan välja önskad längd på den längsta sidan av fotot. Det gör att du kan ladda upp stående och liggande bilder på en gång och skala ned.

• Bulk Resize Photos: bulkresizephotos.com

Med Webresizer kan du både redigera och skala ned/opimera dina bilder gratis online.

• Web Resizer: webresizer.com

Bildredigering

formfranska utför givetvis bildredigering men du kan också göra jobbet själv i ett bildredigeringsprogram så att dina bilder får rätt upplösning och format. Det bästa är då att du letar upp och testar ett program du trivs med och som har exakt de funktioner du behöver. Googla eller kika in din AppStore för att hitta aktuellt utbud och som passar din budget.

Hemsidor