Optimering af billeder til mobil
Guide til at bruge responsive billeder med srcset i dit Shoporama-tema, så mobilbrugere får optimerede billeder.
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.
Relaterede artikler
Udvidede felter
Lær hvordan du bruger udvidede felter i Shoporama til at tilføje ekstra indhold til dine produkter, kategorier og sider — defineret af dit tema.
Vis varianter der ikke er på lager
Guide til at vise udsolgte varianter i dit tema, så kunder kan se hele udvalget og evt. tilmelde sig lagernotifikation.
Afmeld-links i automatiske mails
Giv dine kunder mulighed for at afmelde automatiske mails som opfølgning efter køb og produktanmeldelser – med et enkelt link i mailen.