Bilder in Smartphone-Ansciht verkleinern?!

Dieses Thema im Forum "HTML & CSS" wurde erstellt von medico, 10. Oktober 2023.

  1. medico

    medico Erfahrener Benutzer

    Hallo zusammen,

    wie bekomme ich es hin, dass wenn ich Bilder entweder im ContentManager oder im StyleEditor einfüge, das in der Smartphpne-Ansicht ein kleineres angezeigt wird?

    Wisst ihr was ich meine?

    Lg Andi
     
  2. Kai Schoelzke

    Kai Schoelzke Beta-Held

    So weit ich weis geht das aktuell nur bei den Slidern, den Rest müsste man selbst rein Programmieren.
     
  3. medico

    medico Erfahrener Benutzer

    Ah okay...kann man das mit der Cloudversion?
     
  4. Kai Schoelzke

    Kai Schoelzke Beta-Held

    ja, das muss dann als html Code hinterlegt werden, eine Möglichkeit wäre die hier
    Code:
    <img srcset="
        bild-1000x500.jpg 1000w,
        bild-800x400.jpg 800w,
        bild-600x300.jpg 600w,
        bild-400x200.jpg 400w,
        bild-200x100.jpg 200w
      " sizes="(min-width: 1000px) 100vw, (min-width: 800px) 80vw, (min-width: 600px) 60vw, (min-width: 400px) 40vw, (min-width: 200px) 20vw">
     
  5. medico

    medico Erfahrener Benutzer

    Danke, das probiere ich gleich mal aus :)
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Gib dem Bild die Klasse "img-responsive".
     
  7. barbara

    barbara G-WARD 2014-2020

    Ich glaube hier soll nicht das Bild verkleinert werden, sondern es soll ein kleineres (px und kb) geladen werden.