Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #434892

    Hallo zusammen,

    ich verwende den Blog-Stil “Einzelner Autor, kleines Miniaturbild” (Blog Single Author Small). Dabei habe ich über Google PageSpeed Insights festgestellt, dass die Thumbnail der Beitrage in der Größe 81x81px (.small-preview) angezeigt werden, aber die Bilder als 180x180px geladen werden. PageSpeed findet das nicht in Ordnung und möchte die Bilder reduziert haben.
    Was kann ich tun, damit die richtige Bildergröße verwendet werden? Die Bilder wurden in der richtigen Größe von WordPress generiert, sie müssten nur auch verwendet werden.

    Ich verwendet WordPress v4.1.3 und die aktuelle Version von Enfold.
    Hier kann man es sehen http.//www.frank-rahn.de

    Vielen Dank und Grüße
    Frank Rahn

    • This topic was modified 2 years, 6 months ago by  frank-rahn.
    #435935

    Hey Frank!

    Danke dass Du unser Theme verwendest.

    In functions.php des Child Themes (oder des Hauptthemes, wenn Du kein Child Theme verwendest) am Anfang füge das folgende ein (z.B. über Dashboard -> Appearance > Editor):

    
    add_filter( 'avf_modify_thumb_size', 'my_image_sizes', 10, 1);
    		
    function my_image_sizes ( array $image_sizes )
    {
    	$image_sizes['square'] 		 	    = array('width'=>81, 'height'=>81);
    	return $image_sizes;
    }
    

    Use https://wordpress.org/plugins/regenerate-thumbnails/ after adding this.

    Nur zur Info von Kriesi:

    Ist so gewollt. ist bei den kleinen bild dateien normal ned tragisch und stellt gleichzeitig sicher das es auf retina displays auch gut aussieht.

    Cheers!
    Günter

    • This reply was modified 2 years, 5 months ago by  Günter.
    #436440

    Hallo Günter,
    vielen Dank für die Antwort. Grundsätzlich funktioniert diese Lösung.
    Hat aber den Nachteil, dass Bilder die mit der Vorschaugröße square angezeigt werden sollten nun auch kleiner sind ([av_image]) und keine alternative Größe vorhanden sind.

    Wie bewerte ich den die Aussage von Google PageSpeed Insights, die Bewertung auf 80 von 100 (Gelb) für den Desktop liegt?

    Viele Grüße
    Frank

    #437229

    Hey!

    I checked the blog page but the images are still 180x180px in size. Did you try the fix provided above? Please regenerate the thumbnails after. We’ll check the other issue after you resize the images. Decreasing the image size to 81x81px should take care of the PageSpeed Insights Optimize images warning as well.

    Cheers!
    Ismael

    #438355

    Hallo!

    Die Änderungen sind durchgeführt.

    Viele Grüße
    Frank

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Post Thumbnail Display Size 81px vs. Image Size 180px’ is closed to new replies.