Skip to content

Allt om WordPress, webbutveckling — och mer därtill

Satsvis bildförberedelse (storleksändring → WebP → ZIP)

Satsvis bildförberedelse för WordPress

Dra in hundra foton om du vill — verktyget krymper dem till önskad storlek, konverterar dem till WebP och döper om kyrilliska namn till latinska tecken. Filerna lämnar aldrig din dator: all bearbetning sker i webbläsaren.

0 eller tomt betyder ingen gräns. 1600 px räcker för en bild i full artikelbredd på en 2x-skärm.
Bilden anpassas till rektangeln med bevarade proportioner. Bilder som är mindre än gränsen förstoras inte.
Alla webbläsare förstår WebP sedan 2020, och WordPress tar emot det sedan version 5.8 utan tillägg. AVIF dyker bara upp i listan om din webbläsare kan koda det.
Kodekarnas skalor stämmer inte överens: 0,82 i WebP motsvarar ungefär 0,90 i JPEG. För PNG ignoreras värdet — det är ett förlustfritt format.
Förberedelse för uppladdning till WordPress

Ingenting har bearbetats ännu. Släpp bilder i zonen ovan — allt annat räknas ut i fliken, utan en enda nätverksförfrågan.


    WordPress skapar härledda storlekar för varje uppladdad fil: fyra egna plus det som temat och tilläggen lagt till. En bild blir lätt ett tiotal. De här två filtren behåller bara de storlekar du behöver och tar bort skalningen på serversidan, som inte längre behövs efter lokal förberedelse.
  


  

    
    
  


  
Bilderna lämnar aldrig din webbläsare: avkodning, skalning, omkodning och till och med ZIP-paketeringen sker i fliken. Öppna DevTools → Network och se själv — inte en enda förfrågan.


Varför bilder bör förberedas före uppladdning, inte efter
Optimeringstillägg börjar arbeta först när filen redan ligger på servern. Fram till dess tar den plats i säkerhetskopiorna, och WordPress har hunnit skära ut ett halvdussin mellanstorlekar ur den — och var och en av dem måste också lagras någonstans. Ett foto på 4 MB från telefonen blir 5–8 filer.

Det andra skälet är kontroll. Du ser resultatet före uppladdningen och kan välja kvalitet med ögat i stället för att lita på ett tilläggs förinställning.

Det tredje är filnamnen. Ett kyrilliskt namn blir en lång percent-encoded sträng som går sönder när länken kopieras och ser oläslig ut i mediebiblioteket.

Och det fjärde, som man sällan tänker på: metadata. Ett mobilfoto innehåller EXIF med exakta GPS-koordinater för platsen. Publicerar du det som det är, publicerar du också koordinaterna. Vid omritning via canvas följer metadata inte med — rensningen sker alltså automatiskt.

Om bredden: de flesta teman visar bilder i en behållare på upp till 1200 pixlar. Att ladda upp ett foto på 4000 pixlar är meningslöst — webbläsaren skalar ändå ner det, efter att ha förbrukat användarens datatrafik.
Vanliga frågor