WordPress - Главное изображение

Question

Я пытаюсь оптимизировать свой сайт, который использует Избранные изображения.Когда я обращаюсь к некоторым инструментам анализа, они говорят, что я загружаю намного большие изображения, чем мне нужно для миниатюр.

Это происходит потому, что WordPress использует один и тот же URL как для полноразмерного изображения, так и дляэскиз.В результате WordPress дважды загружает большое изображение, а затем уменьшает его размер, чтобы соответствовать уменьшенному изображению.

Есть ли что-нибудь вокруг этого?Например, есть ли способ добавить другой URL-адрес для миниатюры, указывающей на файл меньшего размера?

Спасибо

Answer 1

Сначала добавьте новый размер для избранного изображения в functions.php

 if ( function_exists( 'add_image_size' ) ) { 
    add_image_size( 'special', 250, 150,true );   
}

Второй этап разговора Избранные изображения

<?php $img = wp_get_attachment_url( get_post_thumbnail_id($post->ID),'special' ); ?>

<img src="<?php echo $img ?>" />

Answer 2

Прежде всего, речь идет не о WordPress, а о теме, которую вы используете. По умолчанию функция WordPress выглядит так:

<?php 
  if ( has_post_thumbnail() ) {
    the_post_thumbnail("full")
  } 
?>

вернет что-то вроде этого:

<img width="1500" height="1276" src="path" class="post-img-full wp-post-image" alt="" srcset="path 1500w, path-300x255.jpg 300w, path-768x653.jpg 768w, path-1024x871.jpg 1024w, path-1080x919.jpg 1080w" sizes="(max-width: 1500px) 100vw, 1500px">

, что вполне правильно и современно. И вы можете видеть, что он использует разные пути не только для каждого эскиза, но он меняет изображение в зависимости от ширины экрана. Здесь «Путь» должен быть реальным путем