カバーブロックでの画像が元の画像よりボケている

こんにちは

カバーブロックの背景画像は、設定やビューポートの幅によっては、カバーブロックのサイズより小さい画像が表示される場合あります。この場合は画像が拡大表示されるので粗い画像となってしまいます。ビューポートの幅、カバーブロックのサイズを考慮したカバーブロック用の画像サイズの画像を用意するのがいいのかなと思います。

私はちょっと無理やり感ありますが、下記のようなコードで最小幅（360px）を指定して回避しています（おすすめはしませんが……）。

function my_filter_render_block_core_cover( $block_content, $block ) {
	if ( isset( $block['attrs']['id'] ) ) {
		$attachment_id = $block['attrs']['id'];
		$image_src = $block['attrs']['url'];
		$image_meta = wp_get_attachment_metadata( $attachment_id );
		$size = wp_image_src_get_dimensions( $image_src, $image_meta, $attachment_id );
		if ( $size ) {
			$width = absint( $size[0] );
			if ( 360 <= $width) {
				$sizes = sprintf( '(max-width: 360px) 360px, (max-width: %1$dpx) 100vw, %1$dpx', $width );
				$block_content = str_replace(
					'<img class="wp-block-cover',
					'<img sizes="' . $sizes . '" class="wp-block-cover',
					$block_content
				);
			}
		}
	}
	return $block_content;
}
add_filter( 'render_block_core/cover', 'my_filter_render_block_core_cover', 10, 2 );