Artikkel
Optimaliser nettstedsmedier for hastighet og Core Web Vitals
Bilder og videoer utgjor typisk 60 til 80 prosent av en nettsides totale vekt. A fa dem riktig er det enkeltgrepet med storst effekt du kan gjore for lastehastighet, Core Web Vitals-poeng og sokerangering. Den gode nyheten: ingenting av det krever spesialisert programvare eller en server, og filene dine trenger aldri a forlate enheten din.
Velg riktig format for alt annet
Formatvalget betyr mer enn noen kvalitetsglidebryter. For fotografier pa en nettside er WebP riktig standard: det er 25 til 35 prosent mindre enn JPEG ved samme visuelle kvalitet og alle moderne nettlesere stotter det. AVIF komprimerer enda mer, opptil 50 prosent bedre enn JPEG, til prisen av tregere koding. Bruk AVIF for hero-bilder og produktfotografier du komprimerer en gang; bruk WebP for alt du behandler i bunker eller trenger raskt. PNG horer bare hjemme der du trenger tapsfri noyaktighet eller en gjennomsiktig bakgrunn. SVG er det eneste fornuftige valget for logoer, ikoner og illustrasjoner: det skalerer til enhver storrelse og veier ofte noen fa kilobyte mot hundrevis for en rasterisert tilsvarende.
Komprimer bilder uten synlig kvalitetstap
Begynn med a endre storrelsen til de faktiske visningsdimensjonene: et hero-bilde som vises i 1280 piksler bredde trenger ikke 4000 piksler med data. Endre storrelse forst, og komprimer deretter. For fotografier er kvalitet 80 i WebP eller JPEG det praktiske gulvet under hvilket vanlige seere begynner a merke det, sa siktet pa 75 til 85 og se pa utdataet ved full zoom for du publiserer. For grafikk med tekst og flate omrader bevarer tapsfri PNG eller SVG skarpheten som tapsbaserte formater visker ut. Bildekomprimereren pa dette nettstedet handterer alle disse formatene, kjorer helt og holdent i nettleseren din, og bruker de samme algoritmene som dedikerte skrivebordsverktoy.
Konverter video for nettet uten a laste den opp
Bakgrunnsloopere og innebygd video er der optimalisering av nettmedier ofte svikter. En MP4 med H.264 spilles av overalt, men en WebM med VP9 er 20 til 40 prosent mindre ved samme kvalitet, noe som betyr noe for mobilbrukere pa begrensede forbindelser. Den praktiske tilnaermingen er a konvertere en gang til WebM, levere den som foretrukket kilde i et videoelement, og beholde MP4-en som reserve. Videokonvertereren her bruker FFmpeg kompilert til WebAssembly: konverteringen kjorer inne i nettleseren din, ingenting lastes opp, og filer av enhver storrelse fungerer sa lenge enheten din har nok minne. For innebygd bakgrunnsvideo, vurder ogsa videotrimmeren for a kutte bort dode sekunder for koding: varighet er den storste driveren av filstorrelse.
Innebygde ressurser: base64 og SVG
Veldig sma bilder, ikoner og favikoner innebygd direkte i HTML eller CSS som base64-strenger fjerner en nettverkstur per ressurs. Dette gir mening for ressurser under omtrent 2 KB som vises pa hver side, som en logo-sprite eller en lasteindikator. Storre ressurser bor forbli separate filer fordi base64 koder 33 prosent storre enn binaeren, og nettlesere lagrer filreferanser i hurtigminnet, men ikke innebygde data uavhengig. SVG-optimalisereren fjerner editor-rusk fra eksporterte SVG-er uten a rore det visuelle resultatet. Bilde-til-base64-konvertereren genererer den klar-til-a-lime-inn data-URI-en i nettleseren din.
Verktøy i denne artikkelen
- Komprimer bilder Reduser bildets filstørrelse uten opplasting. Kvalitetsglider eller målfilstørrelse i KB. Batch støttes.
- Endre bildestørrelse Endre størrelse og konverter bildene dine (JPEG, PNG, WebP) uten å laste dem opp.
- SVG-optimerer Optimaliser og minifiser SVG-filer med SVGO direkte i nettleseren. Ingen opplasting.
- Videokonverterer Konverter video mellom MP4, WebM, MKV og MOV (H.264/H.265/VP9) i nettleseren. Ingen opplasting.
- Bilde til Base64 Konverter bilder til Base64-data-URI-er (og tilbake) direkte i nettleseren. Kopier, CSS-fragment, ingen opplasting.
Ofte stilte spørsmål
Pavirker bildekomprimering sokerangeringen min?
Google bruker Core Web Vitals som et rangeringssignal, og Largest Contentful Paint er nesten alltid et bilde eller et videoplakat. En side hvis hero-bilde laster pa under et sekund scorer bedre enn en der det tar tre sekunder. Komprimering og riktig format pavirker denne malingen direkte, sa ja, bildeoptimalisering har en malbar SEO-effekt. Effekten er sterkest pa mobil, der forbindelsene er tregere og straffen for tunge bilder er storre.
Hvorfor behandle medier lokalt i stedet for a bruke en nettjeneste?
De fleste nettbaserte medieverktoy krever at du laster opp filene dine til en ekstern server, noe som tar tid, bruker bandbredde og betyr at en kopi av filen din finnes pa infrastruktur du ikke kontrollerer. Verktoyene pa dette nettstedet kjorer helt og holdent i nettleseren din: bildene og videoene dine behandles pa enheten din og resultatet lastes ned direkte. Det er ingen konto, ingen ventetid pa opplasting, og ingenting om filene dine sendes noensinne til en server.