Responsive theme - unterschiedliche bildgrössen verwenden

  • Hallo,
    Ich bin gerade dabei meinen blog, der sehr Bilderlastig ist, auf responsive umzustellen und bislang gelingt mir das wie ich finde ziemlich gut. Um die Ladezeit für kleinere devices zu verkürzen, beziehungsweise einfach keine unnötig großen bilddateien zu laden habe ich mir gedacht dass man über media queries je nach bildschirmbreite die anderen bildgrößen laden könnte.
    Gibt es zu meinem problem schon ein tutorial? Oder hat das schonmal jemand auf seinem blog verwendet?
    Wie kann ich denn im loop automatisch auf die kleinere bildgrösse zugreifen? Oder kann man das nur beim Schreiben der artikel machen?
    Danke

    • 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

  • Das IMG-Resizing erledigt bspw. ein kleines Resize-Script in PHP. Eine sehr gute Variante (weil sie auf die WP-Funktionen aufsetzt und damit nativ läuft) ist der "Aqua Resizer" von Syamil MJ.

    Download und Infos: https://github.com/sy4mil/Aqua-Resizer/

Jetzt mitmachen!

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