<picture> Tag in Honygrid aufnehmen ?

Thema wurde von Anonymous, 15. November 2018 erstellt.

  1. Anonymous

    Anonymous Neues Mitglied

    Registriert seit:
    3. Oktober 2018
    Beiträge:
    2
    Danke erhalten:
    0
    Hallo Zusammen,
    ist die Aufnahme des <picture> Tag in Honeygrid mal angesprochen oder überlegt worden ? Für Mobile Daten wäre die Auswahl der Formate aus <picture><source media type> <source media type> <img><picture> "optimal" da Cache Bilder eh automatisch erzeugt werden - kann für z.B. Chrome oder Opera dann auch *.webp - ausgeliefert werden bzw. der Browser kann entscheiden ich lade 1200px oder nur 800px. Ok man brauch mehr Speicherplatz (aber ist da nicht genug da?). Für responsive Seiten wäre das ein riesen Vorteil "ohne viel Mehraufwand" da im CSS die Definitionen gesetzt sind (@media) kann doch automatisch das "passende Bild" mit erstellt werden.
    Was haltet Ihr davon ?
    Was spricht dagegen ?
    Wäre es eine Option so etwas "Updatesicher" in Gambio Honygrid aufzunehmen ?
    Ob das ganze dann noch im Admin ab und anzuschalten geht ist eine Frage des Aufwandes ...aber generell - der Kunde sieht ein Bild und super ist doch wenn das noch schnell geht ...oder ?
    ...technisch ist es ja möglich den Bildnamen automatisch um $bildname800px.jpg, $bildname1200.jpg, bildname320.png, $bildname1200.webp erweitern zulassen um diese dann bei Source einzufügen - auch für den Slider "praktisch" ein Bild hochladen -> passt auch mobil ...wenn das selbe Bild da sein soll natürlich nur ...aber sicher wäre das ein Speed Update für die Produkt Bilder
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das Artikelbild hat in der Regel so 500 - 800px
    Die Standard-Darstellung im Honeygrid ist glaube ich 450px (zumindest wenn man links noch Boxen hat)

    Ich weiß nicht, ob es wirklich etwas bringen würde, das fürs Smartphone um 100 oder 200px zu verkleinern.
    Bei einer vernünftigen Komprimierung wird der Unterschied (kb und Ladezeit) vermutlich schwindend gering

    Das was viel Ladezeit fressen kann ist das originale Bild.
    Das wird für den Zoom im Hintergrund geladen. Dieses zu verkleinern macht aber auch nicht wirklich Sinn, denn dann fällt die Vergrößerung flach und man kann Details nicht mehr so gut erkennen.....
     
  3. Anonymous

    Anonymous Erfahrener Benutzer
    Mitarbeiter

    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.748
    Danke vergeben:
    137
    Ich glaube, um kleinere Bilder geht es hier eher nicht. Wenn überhaupt, dann lohnt sich das eher in der Gegenrichtung, wenn es darum geht, dem Kunden mit 4k-HDR-Monitor und fetter Leitung das bestmögliche Artikelbild zu liefern.

    Ist vermutlich noch kein allzu drängendes Thema, aber durchaus etwas, das man im Hinterkopf behalten kann, würde ich sagen.
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    USN hat von "mobile Daten" geschrieben, deshalb bin ich von kleineren Bildern für Mobile Geräte ausgegangen :)
     
  5. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.947
    Danke erhalten:
    6.089
    Danke vergeben:
    1.078
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Wenn man das aufnimmt könnte man auch WebP FOrmat integrieren - damit wären die Images für Chrome User dann kleiner (braucht aber mehr Webspace da alles doppelt ist).
    Grundsätzlich wäre das schon ne überlegung wert. Nutzen ja doch viele Chrome am PC und Handy.
     
  6. Anonymous

    Anonymous Erfahrener Benutzer
    Mitarbeiter

    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.748
    Danke vergeben:
    137
  7. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.947
    Danke erhalten:
    6.089
    Danke vergeben:
    1.078
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    oh bisher immer nur gelesen das FF sich strikt weigert das zu implementieren.
     
  8. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.947
    Danke erhalten:
    6.089
    Danke vergeben:
    1.078
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Dann wäre das für wahr aber ne überlegung wert. Macht bei nem Shop mit vielen Produktbildchen usw. ja dann doch was aus wenn die Bildchen 15-30% kleiner sind.
     
  9. Anonymous

    Anonymous Erfahrener Benutzer
    Mitarbeiter

    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.748
    Danke vergeben:
    137
    Wenn ihr Support für <picture> und WebP haben wollt … dürfen wir den Support für IE11 dann einstellen? ;-)
     
  10. Dennis (MotivMonster.de)

    Dennis (MotivMonster.de) G-WARD 2013/14/15/16

    Registriert seit:
    22. September 2011
    Beiträge:
    30.947
    Danke erhalten:
    6.089
    Danke vergeben:
    1.078
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    gerne, aber soweit ich weiß ist durch das picture Tag dann ein Fallback auf das jpg. mit drinnen. daher hat man ja die Images doppelt, oder hab ich da was falsch im Kopf?
     
  11. Anonymous

    Anonymous Neues Mitglied

    Registriert seit:
    3. Oktober 2018
    Beiträge:
    2
    Danke erhalten:
    0
    #11 Anonymous, 15. November 2018
    Zuletzt bearbeitet: 15. November 2018
    Der IE11 kann mit <picture> "umgehen" wird einfach ignoriert ;) - und richtig Fallback ist immer <img /> ...der Vorteil wäre wie gesagt man stellt dem Browser viele Quellen/Versionen zur Verfügung und er holt sich die "optimale" selbst und es dürfen eben auch (noch)Exoten wie *.webp dabei sein der <img /> Tag bekommt das old school Bild Format und wird im Zweifel von allen Browsern gezeigt ... <figure> ist ja schon drin im Honygrid warum nicht auch <picture>
    <picture>
    <source srcset="images/product_images/info_images/1008.jpg.webp" media="" type="image/webp" />
    <!-- zb. erweiterbar-->
    <source srcset="images/product_images/info_images/1008_4k.jpeg" media="(min-width: 2000px)
    " type="image/jpeg" />
    <source srcset="images/product_images/info_images/1008.png" media="" type="image/png" />
    <!-- zb. erweiterbar-->
    <!-- Fallback -->
    <img itemprop="image" class="img-responsive" src="images/product_images/info_images/1008.jpg" alt="1008" title="1008" data-magnifier-src="images/product_images/original_images/1008.jpg" />
    </picture>

    Chrome, Opera nutzen: images/product_images/info_images/1008.jpg.webp
    Firefox, IE nutzen: images/product_images/info_images/1008.jpg

    Im Admin: (mal geträumt) kann man wie beim Slider für Desktop, Tablet, Handy auch verschiedene Versionen hochladen oder man sagt automatisch und GD baut 1200px, 800px, 320px oder png, jpg, webp Versionen vom Original

    Wir nutzen <picture> im aktuellen Gambio wegen *.webp und responsive Design - Google findet es gut für Window Nutzer kann ja auch *.jpeg2000 mit rein
    Der Browser weis am besten ob er "Mobil" oder "4K" anzeigen kann/will ( IExx mal nicht mitgerechnet ) und man muss kein Detect Script für die Versionsauswahl (oder "Mobile Candy" <- ist ja in neuen Versionen eh raus ) laden
    Wäre praktisch wenn es von Haus aus drin wäre - so als Idee für die Zukunft
     
  12. F_D

    F_D Mitglied

    Registriert seit:
    11. Dezember 2018
    Beiträge:
    11
    Danke erhalten:
    0
    Danke vergeben:
    4
    Wäre der Gedanke vielleicht was für Malibu ? Der Gambio "filemanager" lehnt ja das hochladen von *.webp Bildern automatisch ab :( ... man hat da noch nicht einmal die Freiheit IE11 User zu "ignorieren" ;) ...es muss ja nicht der <picture> Tag sein - im <img /> ist ja srcset="" auch erlaubt - nicht ganz 100,1 % W3C aber wäre auch möglich - gerade "große Banner" fressen Speed - selbst mit "optimierter" Größe soll man doch auf ein aktuelles Bildformat wechseln ( Zitat von Lighthouse: "Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression than PNG or JPEG, which means faster downloads and less data consumption". ) ... Das Malibu Theme ist ja gerade "im Wachstum" ;)