Responsiv - Bilder passen sich nicht an?

  • Hallo Community

    Ich habe im MetroResponsive einen Container mit drei Bildern nebeneinander.

    Bei Desktop-Anzeige sieht das gut aus, aber bei Anzeige auf dem Mobile (oder verkleinert auf dem Desktop) nicht. Warum werde die Bilder nicht grösser, ich habe diese extra gross eingefügt?

    Preview


    ?(

  • Hallo Herr T.

    Dann scheine ich beim Import der Bilder etwas falsch zu machen, da die Bilder (für Testzwecke) eigentlich gross sind.

    Ich werde heut noch mal versuchen, nach Handbuch, die Bilder frisch einzufügen.

  • Hallo Herr T.http://ermashop.cyon.link/preview-domain/three.php


    Ich weiss wirklich nicht, was ich falsch mache.


    Ich füge ein Bild ein (1000x875), dann füge ich das gleich Bild unten 3 x nebeneinander ein, zum Ausprobieren.


    Das scheint zu funktionieren, auf Desktop und Mobile. http://ermashop.cyon.link/preview-domain/four.php


    Sieht erstmal schön aus (siehe Bilder), dann mache ich einen Container um die Bilder (damit ich noch Texte hinzufügen kann) und dann passen sich die Bilder plötzlich nicht mehr an, wenn ich die Mobile-Ansicht prüfe.
    http://ermashop.cyon.link/preview-domain/three.php


    Sowohl bei three als auch bei four zeigt es unter Eigenschaften die Bildgrösse als 600px × 525px an, obwohl ich mit 1000x875 importiert habe.


    Verzeifelt!

  • Hallo Pete,

    ich habe mal versucht das in einem Testprojekt nachzustellen. Das Verhalten kann ich teilweise nachvollziehen. Ich glaube also nicht, dass Du irgendetwas falsch machst.

    Wenn Du das Bild auf eine Seite einfügst, dann wird das Bild zwar mit den 1000 Pixel Breite importiert (siehe Bilderverwaltung), im Inhaltsbereich wird es dann aber automatisch auf die Breite der Spalte runtergerechnet. Daher ist das Bild bei Dir 600 Pixel breit. Da die drei kleineren Bilder unten Kopien des Bildes sind, haben diese normalerweise auch 600 Pixel Breite, werden aber auf die jeweilige Spaltenbreite skaliert. Bis dahin stimmt also alles und auch in der mobilen Ansicht werden die Bilder passend angezeigt.

    Wenn Du nun den Container hinzufügst, werden die drei unten Bilder komischerweise neu berechnet. Und zwar auf die Breite des größten Bildes. Das sind dann die 232 Pixel. In der mobilen Ansicht ist das also die maximale Breite. Des Weiteren wirkt sich das auch auf das obere Bild aus. Es wird unscharf, weil es nur 232 Pixel breit ist, aber auf 600 Pixel skaliert wird.

    Puh, das ist alles recht kompliziert zum erklären.

    Lösung: Bei mir hat es geholfen, wenn ich die Website einfach komplett erstellt habe (Website | Erweitert | Erstellen | Alle Seiten erstellen). Bitte das mal ausprobieren.

    Wir haben hier aber trotzdem noch ein grundsätzliches Problem, dass wir in kommende Updates beheben werden.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo Herr T.
    Danke für die Ausführungen.

    Das neue Erstellen (nach Ihren Angaben) hat leider nichts gebracht.

    Zu meinem Verständnis:

    - Das runterrechnen des grossen Bildes ist so gewollt und Standard?
    - Das runterrechnen im Container ist sicher nicht so gewollt und macht keinen Sinn, da die Bilder dann zu klein sind.
    - Offenbar macht es das auch, wenn man nicht gewollt einen Container wählt, sondern einfach Bilder nebeneinander packt.
    - Dass das grosse Bild plötzlich auch nicht mehr scharf war, könnte ein Cache-Problem sein, da alles "das gleiche Bild" war, nun Version mit verschiedenen Bildern.

    http://ermashop.cyon.link/preview-domain/six.html


    - in der Version 12.5 konnte ich Bilder nebeneinander packen, diese hatten nur die gleich Höhe, unterschiedliche Breite, diese wurden ordentlich präsentiert. Das gleiche dürfte bei der Version 13.1 schwierig werden, da diese ja automatisch angepasst werden.

    http://www.erma.ch/prospektstaender-bodenmodelle.php


    Hat niemand sonst dieses Problem?
    Ist es nur ein metroResponsive-Problem oder für alle Templates?

    • Das runterrechnen des grossen Bildes ist so gewollt und Standard?
      Ja, das ist Standard und auch so gewollt.
    • Das runterrechnen im Container ist sicher nicht so gewollt und macht keinen Sinn, da die Bilder dann zu klein sind.
      Hier haben wir einen Fehler, den wir bereits zum Beheben erfasst haben.
    • Offenbar macht es das auch, wenn man nicht gewollt einen Container wählt, sondern einfach Bilder nebeneinander packt.
      Ja möglich, müssen wir dann genau prüfen.
    • Dass das grosse Bild plötzlich auch nicht mehr scharf war, könnte ein Cache-Problem sein, da alles "das gleiche Bild" war, nun Version mit verschiedenen Bildern.
      Ja, das hängt mit dem Cache zusammen.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!