Optimering af billeder til mobil
Guide til at bruge responsive billeder med srcset i dit Shoporama-tema, så mobilbrugere får optimerede billeder.
Læsetid: ca. 1-2 minutter
Shopejer
Normalt angiver du et billede med en fast størrelse. Men mobilbrugere behøver ikke et 800px billede — de bruger måske kun 400px. Med responsive billeder kan du lade browseren vælge den rette størrelse.
Automatisk optimering
Shoporama optimerer automatisk dine billeder:
- WebP-konvertering — billeder konverteres automatisk til WebP for hurtigere loading
- Skalering — billeder skaleres til den ønskede størrelse via
image-modifieren - Kvalitetsjustering — du kan justere JPEG-kvaliteten
Responsive billeder i temaer
I dit Smarty-tema kan du bruge srcset for at levere forskellige størrelser:
|image:400:400:85}>)
Image-modifieren
Syntaksen er:
<{$image|image:bredde:højde:kvalitet}>- Bredde — ønsket bredde i pixels
- Højde — ønsket højde i pixels
- Kvalitet — JPEG-kvalitet 0–100 (anbefalet: 80–90)
Tip
Upload altid billeder i høj opløsning (mindst 1200px). Shoporama skalerer ned til den nødvendige størrelse. Se billedkvalitet og billedformat.
Har du brug for hjælp? Kontakt os på support@shoporama.dk.