Bilder Größenanpassung :(

  • Hi, ich betreibe neuerdings eine Website und habe nun ein paar Fragen wie man das Problem des hohen Page Load Speed beheben kann. Nun habe ich auf der Seite viele Bilder, teilweise füge ich diese auch mit php ein, sodass Wordpress die Größe nicht bestimmt. Nun sind diese Bilder dann immer in der ursprünglichen Größe, egal wie groß sie dargestellt werden. Weder Srcset noch height, width Attribute werden festgelegt. Nun suche ich aber nach einer Lösung, die mir erlaubt diese Attribute einzufügen damit die Bilder anstatt in ihrer ursprünglichen Größe in einer passenden geladen werden.

    Also um es nochmal auf den Punkt zu bringen, ich füge sozusagen mittels Shortcode Code hinzu, der letztenendes ungefähr so aussieht:

    HTML
    <img src="beispielbild-2000x2000.bildformat" alt="...">


    Mein Wunsch wäre aber, dass ich so etwas sehen würde :)

    HTML
    <img src="beispielbild-500x500.bildformat" alt="..." srcset="...">

    Ich hoffe jemand versteht meine Problematik :D

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Was hast du unter Einstellungen->Medien eingestellt?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Da habe ich die Standardeinstellungen. Die Bilder die ich über den Editor einfüge sind aber auch nicht das Problem, sondern diese die über Shortcodes eingefügt werden :o

  • Ok, wie ist die Funktion zum Shortcode den aufgebaut?

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Ich beziehe die Bilder-URL aus einer Datenbank, da ich diesen Shortcode an vielen Stellen auf der Seite verwende.

    PHP
    $img = datenbankabruf;
    echo '<img src="'.$img.'">';


    Praktisch könnte man ja einfach ein srcset Attribute einfügen, nur habe ich bei Bildern die ich einfüge meistens nicht die URL`s zu den skalierten Versionen.

  • Wie stellst du dir das dann vor, wenn du die Informationen selber nicht hast?

    Theoretisch reicht ja sowas in der Art
    <img src="small.jpg" srcset="small.jpg 320w, medium.jpg 600w, large.jpg 900w" alt="">

    Könntest du dann auch über Variablen lösen.

    Mit dem Code sucht der Browser bei Viewports unter 320 Pixel Breite die Grafik small.jpg, über 320 Pixel wird medium.jpg geladen. Ab 600 Pixel wird large.jpg geladen. Musst du natürlich deinen Bedürfnissen anpassen und die Bilder zur Verfügung stellen. Oder du arbeitest mit den WP-Größen und hängst dann an deine Variable $img nur die entsprechenden Werte dran. Damit brauchst du nicht sämtliche Größen zur Verfügung stellen, sondern überlässt das Wordpress.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

    Einmal editiert, zuletzt von SirEctor (27. November 2016 um 12:56)

  • Ok, ich bin jetzt so weit, dass ich mal versuchen werde eigene Bildgrößen in Wordpress einzustellen, welche ich dann verwenden werde. Kann man mit php aus einem vorgegebenen Bild - beispielsweise 1000x1000 Auflösung mit einer vorhandenen Wordpress Funktion (die ich noch nicht gefunden habe aber vermute, dass es sie geben muss) die eingestellten Größen auswählen? Also zum Beispiel, dass ich dann die Medium Größe hätte?

  • Du nutzt Bilder außerhalb von Wordpress und willst diese mittels srcset in WP einbinden, dann mach auch außerhalb von Wordpress die Bearbeitung.

    Das betrifft jetzt nicht unbedingt Wordpress, daher nur mal ein paar Links:
    http://php.net/manual/de/function.imagecopyresized.php
    http://php.net/manual/de/function.imagecrop.php

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Lösung des Problems

    Habe nach längerer Recherche die finale Lösung für meine Probleme gefunden :D

    Damit der Thread hier nicht so unvollständig bleibt möchte ich meine Lösung mit der Welt teilen.

    In Wordpress kann man eigene Bildgrößen festlegen und mithilfe der Funktion wp_get_attachment_image_src($id, $size) hat man die Möglichkeit das gewünschte Bild mittels php in die Seite in der idealen Größe einzupassen. Selbst aus einer bereits gespeicherten URL kann man auch immernoch die passende id finden, die man für die Funktion benötigt.

    Salut

Jetzt mitmachen!

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