WP 4.4. "잘못된"것을 선택하는 반응 형 이미지 브라우저

WP 4.4가 기쁘다. 반응 형 이미지 기능이 내장되어 있습니다. 그러나 나는 그것에 만족하지 않습니다.

내 일부 맞춤 이미지 크기를 설정했습니다 functions.php.

add_image_size ( '포스트 썸네일', 600, 600, true);
add_image_size ( 'news-large', 1024, 거짓);
add_image_size ( 'news-small', 500, 거짓);
add_image_size ( '3-col', 500, 375, true);
add_image_size ( 'presscutting', 600, 850, true);
add_image_size ( '중형', 768, 거짓); // 장치 지원을 위해 오늘 추가되었습니다.
add_image_size ( '전 기능 이미지', 2000, 거짓);
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 = "첨부 파일 전체 기능 이미지 크기 전체 기능 이미지"
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 " 
size = "(최대 너비 : 2000px) 100vw, 2000px">

그러나 이제 내 문제 : 내 화면에는 1600px 화면 해상도가 없지만 1024px 너비로 지정된 이미지 만 표시됩니다. 따라서 모든 이미지가 흐릿하게 보입니다.

WP 및 / 또는 브라우저가 대신 2kpx 이미지를 사용하도록하려면 어떻게해야합니까? 1280px, 1440px, 1600px, 1968px에 대해 새로운 이미지 크기를 추가해야합니까? 또는 WP / 브라우저에 흐릿하고 너무 작은 버전을 표시하는 대신 더 큰 이미지를 사용하도록 지시하는 간단한 방법이 있습니까?

문서와 관련하여 Make Blog에는 다음 블로그 게시물이 있습니다.

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_image_size ( 'news-large', 1024, 거짓);

될 필요가있다

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

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 );