Bildoptimering för webben

Bildoptimering för webben

Laddningshastighet är kritisk för UX och SEO. Bilder utgör 50-80% av sidstorleken.

Bildformat

JPEG

Idealt för foton och komplexa bilder. Förlustkomprimering. Ingen transparens.

PNG

För logotyper, ikoner och bilder med transparens. Förlustfri komprimering. Större än JPEG.

WebP

Modernt format. 25-34% mindre än JPEG. Förlust- och förlustfri komprimering, transparens.

Optimeringstips

1. Välj rätt format: foto = JPEG/WebP, logotyp = PNG/SVG
2. Ändra storlek: ladda upp i visningsstorlek
3. Komprimera: kvalitet 70-85%
4. Lazy loading för bilder under vikningen
5. CDN för global distribution

Rekommenderade storlekar

• Bloggbild: 1200x630px
• Miniatyr: 300x200px
• Hero banner: 1920x600px
• Produktfoto: 800x800px

Slutsats

Bildoptimering förbättrar prestandan avsevärt. PdfMetric erbjuder gratis komprimering, storleksändring och konvertering.