Contao-Camp 2024
Ergebnis 1 bis 14 von 14

Thema: Bilder automatisch mit Retina Version ausgeben?

  1. #1
    Contao-Nutzer Avatar von arechsteiner
    Registriert seit
    19.09.2016.
    Ort
    Barcelona
    Beiträge
    33

    Frage Bilder automatisch mit Retina Version ausgeben?

    Hallo zusammen

    Ich möchte gerne Bilder die mit dem Inhaltstypen "Bild" vom Kunden eingefügt werden automatisch mit einer Retina Version (also doppelte Auflösung) ausgeben.

    Ich kenne die Bildgrössen im Theme wo man Bildgrössen konfigurieren und die Pixel Dichte mit "1x, 2x" definieren kann. Allerdings möchte ich dem Kunden ja nicht zumuten, bei jedem neuen Bild dann auch im Theme eine neue zugehörige Bildgrösse zu definieren.

    Können Bilder nicht einfach standardmässig mit einer Retina Version ausgegeben werden, sofern eine Breite definiert ist? Hochauflösende Geräte sind ja mittlerweile allgegenwärtig von daher finde ich das müsste doch einfach standardmässig bereits so funktionieren.

    image_element.png

    Sind die Bildgrössen im Theme wirklich die einzige Lösung um ein srcset mit mehreren Auflösungen zu generieren?

    Grüssse
    Anderswo: Twitter - GitHub

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    In den Theme Einstellungen kannst du Default Skalierungsfaktoren festlegen.

  3. #3
    Contao-Nutzer Avatar von arechsteiner
    Registriert seit
    19.09.2016.
    Ort
    Barcelona
    Beiträge
    33

    Lachendes Gesicht

    Sehr gut! Vielen Dank Spooky.
    Anderswo: Twitter - GitHub

  4. #4
    Contao-Fan
    Registriert seit
    10.11.2010.
    Beiträge
    471

    Standard

    Ich klinke mich hier mal kurz ein mit einer Verständnisfrage:

    Ich habe eine neue Seite in Contao 4.5.8 aufgesetzt und alle Bilder einmal in normaler Auflösung beispiel.jpg und einmal für Retina mit beispiel@2x.jpg per FTP auf den Server geschoben. Wie überzeuge ich nun Contao von der korrekten Auslieferung der Bilder?

    Danke vorab!

  5. #5
    Contao-Fan
    Registriert seit
    10.11.2010.
    Beiträge
    471

    Standard

    Kann da vielleicht kurz mal einer einen Hinweis geben?

  6. #6
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Du hast das verkehrt rum aufgesattelt :-)

    Lade nur ein Bild in Retina Auflösung hoch...den Rest macht Contao bzw. deine Bildeinstellungen im Theme. 2 unterschiedliche Versionen selbst hochladen wird nicht funktionieren.
    Siehe https://rocksolidthemes.com/de/conta...picture-contao

  7. #7
    Contao-Fan
    Registriert seit
    10.11.2010.
    Beiträge
    471

    Standard

    Zitat Zitat von Kahmoon Beitrag anzeigen
    Du hast das verkehrt rum aufgesattelt :-)

    Lade nur ein Bild in Retina Auflösung hoch...den Rest macht Contao bzw. deine Bildeinstellungen im Theme. 2 unterschiedliche Versionen selbst hochladen wird nicht funktionieren.
    Siehe https://rocksolidthemes.com/de/conta...picture-contao
    Oh, ärgerlich. D.h. ich binde die @2X Bilder als "normale" Bilder ein und Contao regelt den Rest?

  8. #8
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    JA, es gibt nur eine Bilddatei und Contao erzeugt unterschiedliche Größen/Versionen davon (je nach Einstellung). Nicht zwei. Siehe Link den ich dazugeschrieben habe

  9. #9
    Contao-Fan
    Registriert seit
    10.11.2010.
    Beiträge
    471

    Standard

    Zitat Zitat von Kahmoon Beitrag anzeigen
    JA, es gibt nur eine Bilddatei und Contao erzeugt unterschiedliche Größen/Versionen davon (je nach Einstellung). Nicht zwei. Siehe Link den ich dazugeschrieben habe
    Macht Contao das automatisch auch mit Bildern, die per FTP hochgeladen wurden oder nur über den Dateimanager?

  10. #10
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Das ist am Ende kein Unterschied. Er macht es mit allen Bildern die im Inhalt irgendwo eingebunden sind, denn dort wählt man ja auch die Einstellungen für das jeweilige Bild aus. Nur in der Dateiverwaltung bzw. auf dem Server reicht nicht!

    Wie gesagt...lies meinen Link :-)

  11. #11
    Contao-Fan
    Registriert seit
    10.11.2010.
    Beiträge
    471

    Standard

    Wie verhält es sich denn mit Bildern, die man nicht als Bild-Element einbindet, z. B. Logos, die per HTML-Element im Template eingesetzt werden?

  12. #12
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von Dublay Beitrag anzeigen
    Wie verhält es sich denn mit Bildern, die man nicht als Bild-Element einbindet, z. B. Logos, die per HTML-Element im Template eingesetzt werden?
    Der Inhalt von einem HTML Element wird natürlich 1:1 so ausgegeben, wie du ihn gemacht hast.

  13. #13
    Contao-Fan
    Registriert seit
    10.11.2010.
    Beiträge
    471

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Der Inhalt von einem HTML Element wird natürlich 1:1 so ausgegeben, wie du ihn gemacht hast.
    Ok. Lässt sich denn per id oder class sowas wie @2x mitgeben, damit er das auch bei einem solchen Element korrekt auslöst?

  14. #14
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Das könntest du in Contao 4.9 mit dem {{picture}} Insert Tag machen. zB:
    HTML-Code:
    {{picture::path/to/logo.png?size=1}}
    "1" ist die ID einer Bildgröße oder eine Identifier aus der Config. Für Logos solltest du aber sowieso eher SVGs nehmen, wenn möglich.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •