Artikel
Optimer webstedets medier til hastighed og Core Web Vitals
Billeder og videoer udgør typisk 60 til 80 procent af en websides samlede vægt. At få dem rigtige er det enkeltstående tiltag med størst effekt på indlæsningshastighed, Core Web Vitals-scorer og søgeplacering. Den gode nyhed: intet af det kræver specialiseret software eller en server, og dine filer behøver aldrig at forlade din enhed.
Vælg det rette format frem for alt andet
Formatvalget betyder mere end nogen kvalitetsskyder. Til fotografier på en webside er WebP det rette standardvalg: det er 25 til 35 procent mindre end JPEG ved samme visuelle kvalitet, og alle moderne browsere understøtter det. AVIF komprimerer endnu bedre, op til 50 procent bedre end JPEG, mod langsommere kodning. Brug AVIF til hero-billeder og produktfotos, du komprimerer én gang; brug WebP til alt, du behandler i batch eller har brug for hurtigt. PNG hører kun hjemme, hvor du har brug for tabsfri nøjagtighed eller en gennemsigtig baggrund. SVG er det eneste fornuftige valg til logoer, ikoner og illustrationer: det skalerer til enhver størrelse og vejer ofte et par kilobyte mod hundredvis for en rasteriseret ækvivalent.
Komprimer billeder uden synligt kvalitetstab
Begynd med at ændre størrelsen til de faktiske visningsdimensioner: et hero-billede, der vises i 1280 pixel bredde, har ikke brug for 4000 pixel data. Ændr størrelsen først, komprimer derefter. For fotografier er kvalitet 80 i WebP eller JPEG det praktiske gulv, hvorunder almindelige seere begynder at bemærke det, så sigt efter 75 til 85, og kig på resultatet ved fuld zoom, før du udgiver. Til grafik med tekst og flade flader bevarer PNG uden tab eller SVG den skarphed, som tabsgivende formater udtværer. Billedkomprimeringsværktøjet på dette site håndterer alle disse formater, kører helt i din browser og anvender de samme algoritmer som dedikerede desktopværktøjer.
Konverter video til nettet uden at uploade den
Baggrundsløkker og indlejret video er der, hvor optimering af webmedier ofte kommer til kort. En MP4 med H.264 afspilles overalt, men en WebM med VP9 er 20 til 40 procent mindre ved samme kvalitet, hvilket betyder noget for mobilbrugere på begrænsede forbindelser. Den praktiske tilgang er at konvertere én gang til WebM, servere den som den foretrukne kilde i et video-element og beholde MP4'en som reserve. Videokonverteringsværktøjet her bruger FFmpeg kompileret til WebAssembly: konverteringen kører inde i din browser, intet uploades, og filer af enhver størrelse fungerer, så længe din enhed har nok hukommelse. Til indlejret baggrundsvideo kan du også overveje videotrimmeren til at klippe døde sekunder væk før kodning: varighed er den største drivkraft bag filstørrelsen.
Indlejrede aktiver: base64 og SVG
Meget små billeder, ikoner og favicons indlejret direkte i HTML eller CSS som base64-strenge eliminerer én netværksrundtur pr. aktiv. Det giver mening for aktiver under cirka 2 KB, der optræder på hver side, såsom en logo-sprite eller en indlæsningsindikator. Større aktiver bør forblive som separate filer, fordi base64 koder 33 procent større end binæren, og browsere cacher filreferencer, men ikke indlejrede data uafhængigt. SVG-optimeringsværktøjet fjerner editor-skidt fra eksporterede SVG'er uden at røre ved det visuelle output. Billede-til-base64-værktøjet genererer den færdige data-URI, klar til at indsætte, i din browser.
Værktøjer i denne artikel
- Komprimer billeder Reducer billedfilstørrelse uden at uploade. Kvalitetsskyder eller målfilstørrelse i KB. Batch understøttet.
- Ændr billedstørrelse Ændr størrelse og konvertér dine billeder (JPEG, PNG, WebP) uden at uploade dem.
- SVG-optimering Optimer og minificér SVG-filer med SVGO direkte i din browser. Ingen upload.
- Videokonverter Konvertér video mellem MP4, WebM, MKV og MOV (H.264/H.265/VP9) i browseren. Ingen upload.
- Billede til Base64 Konverter billeder til Base64 data-URI'er (og tilbage) direkte i din browser. Kopiér, CSS-snippet, ingen upload.
Ofte stillede spørgsmål
Påvirker billedkomprimering min søgeplacering?
Google bruger Core Web Vitals som et placeringssignal, og Largest Contentful Paint er næsten altid et billede eller en videoplakat. En side, hvis hero-billede indlæses på under et sekund, scorer bedre end en, hvor det tager tre sekunder. Komprimering og det rette format påvirker denne metrik direkte, så ja, billedoptimering har en målbar SEO-effekt. Effekten er stærkest på mobil, hvor forbindelserne er langsommere, og straffen for tunge billeder er større.
Hvorfor behandle medier lokalt i stedet for at bruge en webtjeneste?
De fleste online medieværktøjer kræver, at du uploader dine filer til en fjernserver, hvilket tager tid, forbruger båndbredde og betyder, at en kopi af din fil findes på infrastruktur, du ikke kontrollerer. Værktøjerne på dette site kører helt i din browser: dine billeder og videoer behandles på din enhed, og resultatet downloades direkte. Der er ingen konto, ingen ventetid på upload, og intet om dine filer sendes nogensinde til en server.