Välj rätt dimensioner först
Skala bilden till den största storlek den faktiskt visas i. En bild på 4000 pixlar bör inte laddas om layouten bara visar 1200 pixlar.
Välj format efter innehåll
WebP och AVIF ger ofta mindre filer för fotografier.
SVG passar enkla logotyper och ikoner. PNG behövs främst när genomskinlighet eller skarp grafik kräver det.
Komprimera med rimlig kvalitet
Exportera med en kvalitetsnivå där skillnaden knappt syns och jämför filstorlek. Automatiska WordPress-verktyg kan skapa moderna format och flera storlekar.
Mät resultatet
Kontrollera nätverkspanelen och PageSpeed Insights.
Den största synliga bilden påverkar ofta LCP och bör prioriteras, förladdas vid behov och inte lazy-loadas ovanför vikningen.
Ett praktiskt arbetsflöde före uppladdning till WordPress
Utgå från originalbilden och bestäm var den ska användas. Beskär till komponentens proportion, exempelvis 16:9, och skala till en maximal bredd som är rimlig för layouten. Exportera sedan en WebP- eller JPEG-version och jämför kvalitet runt motivets viktiga detaljer. Efter uppladdning kontrollerar du att WordPress skapar mindre varianter och att frontend använder dem via `srcset`. För en hero kan du dessutom kontrollera LCP och laddningsprioritet. Genom att optimera före och efter uppladdningen undviker du situationen där ett plugin försöker rädda enorma originalfiler som aldrig borde ha skickats till besökaren från början. Bildoptimering är också redaktionellt arbete.
Börja med rätt pixelmått innan du pressar kvaliteten
En bild som ska visas 900 pixlar bred behöver sällan laddas upp som ett 5000 pixlar brett original. Skala först till en rimlig maximal dimension och komprimera därefter.
Det ger ofta större besparing än att försöka få ned en jättestor fil med extrem JPEG-kvalitet. Behåll ett högupplöst original separat så att du kan exportera om bilden senare. Webbfilen ska optimeras för den plats där den faktiskt används.
Välj format efter motivets egenskaper
Fotografier fungerar ofta bra i WebP, AVIF eller JPEG, medan grafik med skarpa kanter och transparens kan kräva andra val. Testa visuellt vid verklig visningsstorlek. En fil som är 20 procent mindre men får tydliga artefakter i ansikten eller text är inte en bra optimering. Moderna format kan ge lägre filstorlek, men rätt dimensioner, beskärning och kvalitet är fortfarande avgörande oavsett filändelse.
Kontrollera vilken variant webbläsaren faktiskt laddar
WordPress kan skapa flera bildstorlekar och använda `srcset` så att mobil och desktop får olika filer. Då räcker det inte att granska originalfilen i mediebiblioteket. Öppna nätverkspanelen och se vilken resurs som hämtas på olika skärmstorlekar. Om en 2000-pixelsbild fortfarande levereras till en 400-pixelsyta behöver markup eller `sizes` justeras. Bildoptimering är färdig först när rätt fil når rätt användare.
Behöver företaget en bättre hemsida?
Få ett tydligt förslag och fast pris
Vi bygger och förbättrar WordPress-hemsidor med fokus på tydlighet, prestanda, SEO och enkel förvaltning.
Snabb återkoppling
Hjälpte den här artikeln dig?
Din röst sparas anonymt och hjälper oss att förbättra guiderna.