November 14, 2026
Ikoner och grafik på hemsidan
By @troyaoyc104
Ikoner och grafik kan göra hemsidan tydligare och mer överskådlig. Rätt använt hjälper de besökaren att snabbt förstå innehållet.
Förtydliga, inte dekorera
Ikoner ska stötta budskapet, till exempel genom att visa tjänster eller steg i en process.
Enhetlig stil
Använd ikoner i samma stil och färg över hela hemsidan.
Text bredvid
Ikoner är inte alltid självklara. Komplettera med en kort text.

Diagram och illustrationer
Ett enkelt diagram kan förklara https://sites.google.com/view/kopahemsidanu/home-page en process bättre än en lång text.
Rättigheter
Kontrollera att du har rätt att använda ikoner och illustrationer.
Tillgänglighet
Ikoner som är knappar ska ha en beskrivning för skärmläsare.
Filformat
Ikoner och enkel grafik fungerar ofta bäst i vektorformat. De blir skarpa på alla skärmar och tar lite plats. Fråga leverantören vilket format som används.
Undvik för mycket
För många ikoner och illustrationer kan göra hemsidan rörig och ta fokus från innehållet. Använd dem där de gör nytta.
Bilder och grafik tillsammans
Grafik kan kombineras med riktiga bilder, till exempel en ikon för varje tjänst och en bild från ett riktigt uppdrag på tjänstesidan.
Infografik
En infografik är en bild som förklarar information visuellt, till exempel steg i en process, statistik eller en jämförelse. Den kan göra komplicerad information lättare att förstå och dela i sociala medier. Men en infografik ska inte vara det enda sättet att förmedla viktig information, eftersom text i bilder inte kan läsas av skärmläsare och sökmotorer. Skriv därför även ut innehållet som text på sidan. Håll infografiken enkel med få färger och tydliga rubriker, så att den fungerar även på mobilens lilla skärm.
Testa infografiken på mobilen innan den publiceras på hemsidan.
Små förbättringar som görs regelbundet ger ofta störst effekt över tid.
Sammanfattning
Använd ikoner och grafik för att förtydliga, i en enhetlig stil och med text bredvid. Kontrollera rättigheterna.
kopahemsida.nu är en svensk guide för företag som vill köpa hemsida. Läs om kravspecifikation, offerter och lansering.
❧