WP 4.4. Responsive Bilder Browser wählen Sie die “falsche”

Ich bin froh, dass WP 4.4. wird mit einer integrierten Responsive-Image-function ausgeliefert. Aber ich bin nicht so glücklich damit.

Ich habe einige benutzerdefinierte Bildgrößen in meiner functions.php :

  add_image_size ('post-thumbnails', 600, 600, wahr);
 add_image_size ('Nachrichtengroß', 1024, falsch);
 add_image_size ('news-small', 500, false);
 add_image_size ('3-col', 500, 375, wahr);
 add_image_size ('presscutting', 600, 850, wahr);
 add_image_size ('mittel-groß', 768, falsch);  // gerade hinzugefügt heute für die Geräteunterstützung
 add_image_size ('volles Feature-Bild', 2000, falsch);
 add_image_size ('gallery-image', 800, 600, wahr); 

Wie ich dachte, werden Bilder, die nicht beschnitten sind (Beschneiden auf false ), zu srcset hinzugefügt. Ein Bild wird im Frontend ähnlich ausgegeben (Zeilenumbrüche zur besseren Lesbarkeit hinzugefügt):

  asdf

Aber jetzt mein Problem: Auf meinem Bildschirm werden nur die mit 1024px Breite angegebenen Bilder angezeigt, obwohl es eine 1600px Bildschirmauflösung hat. So sehen alle Bilder verschwommen aus.

Wie kann ich WP und / oder meinen Browser stattdessen das 2kpx-Bild verwenden? Müsste ich neue Bildgrößen für, sagen wir 1280px, 1440px, 1600px, 1968px hinzufügen? Oder gibt es eine einfachere Möglichkeit, WP / Browser mitzuteilen, das größere Bild zu verwenden, anstatt eine verschwommene und viel zu kleine Version zu zeigen?

Solutions Collecting From Web of "WP 4.4. Responsive Bilder Browser wählen Sie die “falsche”"

Zur Dokumentation gibt es diesen Blogbeitrag auf dem Make Blog:

Responsive Bilder in WordPress 4.4

Um das in den Kommentaren erwähnte Limit von 1600px zu erhöhen, versuchen Sie Folgendes:

 add_filter('max_srcset_image_width', function($max_srcset_image_width, $size_array){ return 2000; }, 10, 2); 

Schließlich sollten Sie wie bereits erwähnt Ihre Aufrufe an add_image_size

add_image_size (‘Nachrichtengroß’, 1024, falsch);

muss sein

 add_image_size('news-large', 1024, 0, false); 

Ich habe das gleiche Problem getriggers, indem ich dem srcset eine zusätzliche Größe mit einer Filterfunktion srcset , die Sie in Ihrer functions.php hinzufügen functions.php :

 function filter_max_srcset( $max_width, $size_array ) { if ( $size_array[0] === 1800 ) { $max_width = 1800; } return $max_width; } add_filter( 'max_srcset_image_width', 'filter_max_srcset', 10, 2 );