Till innehållet

Bildvarianter (instr)

Visa en bild i desktop och en annan/inzoomad bild i mobilen.

Beskrivning av modulen

Med modulen Bildvarianter kan du enkelt ladda upp två versioner av en bild så att den anpassar sig efter olika skärmstorlekar, desktop och mobil. De olika versionerna av bilden kopplar du samman med de brytpunkter som finns inställda på din sajt.

Modulen gör att du själv kan välja hur du vill att bilden ska beskäras i olika skärmstorlekar. Den gör också att sidan bara laddar ett enda format av bilden beroende på skärm.

Format som stöds är:

  • Gif
  • Jpg/jpeg
  • Png
  • Svg
  • Webp

Instruktion SV hjälpwebb Länk till annan webbplats.

Gör så här

  1. Hämta modulen Bildvarianter via modulväljaren i verktygsfältet här ovanför sidan.
  2. Dubbelklicka på modulen och följ de enkla inställningarna, som innebär:
    1. Peka ut bilden som du vill visa i desktop
    2. "Mobilbilden": Peka ut en annan bild via rubriken "Lägg till en annan bild för brytpunkt". (Eller redigera den första bilden och spara som en kopia som då pekas ut.)
    3. Fyll i alternativtext på bilden.
  3. Publicera! Testa bilderna genom att dra ihop webbläsaren eller titta via responsivt läge.
  4. Klart!
Flicka med vaggande flagga.
Dra ihop webbläsaren så får bilden ett annat utsnitt. Eller titta på sidan i redigeringsläget via "Responsivt läge".

Kontakt

Namn, titel

031-724 61 00

namn.namnsson@harryda.se

Plats, adress, länka och beskriv

Namn, titel

031-724 61 00

namn.namnsson@harryda.se

Plats, adress, länka och beskriv

Kan vi göra sidan bättre?

Lämna dina synpunkter



Ange din e-postadress om du önskar svar på din synpunkt
Senast ändrad: 2024-02-29