WP 4.4。响应迅速的图像浏览器选择了“错误的”图像

时间:2015-12-10 作者:rob_st

我很高兴WP 4.4。附带内置响应图像功能。但我对它不太满意。

我在我的functions.php:

add_image_size(\'post-thumbnails\', 600, 600, true);
add_image_size(\'news-large\', 1024, false);
add_image_size(\'news-small\', 500, false);
add_image_size(\'3-col\', 500, 375, true);
add_image_size(\'presscutting\', 600, 850, true);
add_image_size(\'medium-large\', 768, false); // just added today for devices support
add_image_size(\'full-feature-image\', 2000, false);
add_image_size(\'gallery-image\', 800, 600, true);
如我所想,未裁剪的图像(裁剪设置为false) 已添加到srcset. 在前端输出图像,如(添加换行符以提高可读性):

<img width="2000" height="1335"
src="http://mywebsite.com/cms/wp-content/uploads/2015/03/image-2000x1335.jpg" 
class="attachment-full-feature-image size-full-feature-image"
alt="asdf"
srcset="
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-300x200.jpg 300w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-768x513.jpg 768w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-1024x683.jpg 1024w, 
http://mywebsite.com/cms/wp-content/uploads/2015/03/image-500x334.jpg 500w" 
sizes="(max-width: 2000px) 100vw, 2000px">
但现在我的问题是:在我的屏幕上,只显示指定为1024px宽度的图像,尽管它的屏幕分辨率为1600px。所以所有的图像看起来都很模糊。

How can i make WP and/or my browser use the 2kpx image instead?我是否需要为1280px、1440px、1600px、1968px添加新的图像大小?或者有没有更简单的方法告诉WP/浏览器使用较大的图像,而不是显示模糊且太小的版本?

2 个回复
最合适的回答,由SO网友:kraftner 整理而成

关于文档,Make博客上有以下博文:

Responsive Images in WordPress 4.4

要增加评论中提到的1600px限制,请尝试以下操作:

add_filter(\'max_srcset_image_width\', function($max_srcset_image_width, $size_array){
    return 2000;
}, 10, 2);
最后,如前所述,您应该将您的呼叫add_image_size

add\\u image\\u size(\'news-large\',1024,false)

需要是

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

SO网友:user1895954

我通过在srcset 具有可添加到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 );

相关推荐

Adding Images into API

我正试图将特色图片添加到我的API中,但这是一种不同类型的帖子。http://example.com/wp-json/wp/v2/directory我一直在使用WP REST API控制器,但它没有显示图像选项。我也尝试使用“更好的RESTAPI特色图片”,但运气不好。这开始让我恼火了。