Att välja och använda rätt bilder är en viktig del av att skapa en professionell och responsiv webbplats. Du kan enkelt ladda upp och använda bilder på dina sidor. Du hittar filhanteraren för att administrera dina bilder under webbplatsens inställningar.
1. Rekommenderade bildstorlekar
Bilder och innehåll anpassas automatiskt efter olika skärmstorlekar. För att säkerställa att dina bilder ser bra ut på både små och stora skärmar, följ dessa riktlinjer:
Bakgrundsbilder för block, hero-sektioner och banners
Använd en bildbredd på minst 1500 pixlar. För bästa resultat rekommenderar vi 1750–2500 pixlar i bredd. Höjden kan justeras i blockets inställningar beroende på designen. Ett tips är att börja med en höjd som är ungefär hälften av bredden.Bilder i blocken
För bilder som används i widgets eller inlägg är 500–1000 pixlar i bredd en bra utgångspunkt. Du kan justera bilderna direkt i Webbskaps redigeringsverktyg för att anpassa storlek och layout efter behov.Logotyper
Logotyper bör sparas i den höjd och bredd du tänker använda på webbplatsen. För bästa placering, minimera tomma ytor runt logotypen innan du laddar upp den, även om bakgrunden är transparent.Favikon
Favikoner (den lilla ikonen i webbläsarfliken) bör vara fyrkantiga och helst 16x16 eller 32x32 pixlar. Om du inte kan spara i så litet format, använd ett så litet format som möjligt.
2. Optimera bilder för webben
Filstorlek
Stora bilder kan göra webbplatsen långsammare och påverka prestanda samt sökmotoroptimering negativt. Håll filstorleken under 500 KB.Bildformat
Webbskap stöder flera bildformat som JPG, PNG, SVG och WebP.
3. Använda bilder på mobilen
När du placerar en bild som bakgrund i en kolumn kan det vara nödvändigt att justera den för att se bra ut även på mobila enheter. Detta gäller särskilt stora hotisontella (liggande) bilder.
- Lägg till en avståndsbricka och justera höjden på brickan för att den ska passa in i din design.
- Kontrollera både stående och liggande lägen för att säkerställa att bilden ser bra ut på alla skärmar.
4. Gratis bildbank direkt i Webbskap
Du har tillgång till royaltyfria bilder direkt i Webbskap via vår bildkatalog. Här kan du söka och välja bland miljontals bilder som passar olika behov.
5. Vanliga problem och lösningar
Pixliga eller suddiga bilder
Se till att använda bilder av hög kvalitet med rätt upplösning. Kontrollera våra riktlinjer ovan för att säkerställa att din bild är optimerad.Felvända bilder
Om en bild är vänd upp och ner eller åt fel håll, kontrollera att den är korrekt orienterad innan du laddar upp den.- Tips 1: Spara ner bilden i din dator i ett annat format innan du laddar upp den igen.
- Tips 2: Använd ett redigeringsprogram som Canva eller ett annat onlineverktyg för att korrigera bildens rotation.
