Image sizing problem in feed

[petrkucerak]

WordPress 6.7 added a new feature, that adds loading="lazy" for each image without checking if the height and width is set.
For image responsivity we remove size from image covers:

stcblog-wp/assets/js/main.js

Lines 100 to 102 in c06ee66

	function removeImageAttr() {
	$("img").removeAttr("width height");
	}

.
It causes problems on Chromium-based browsers.

Dissucussions

• https://ericportis.com/posts/2023/auto-sizes-pretty-much-requires-width-and-height/
• https://core.trac.wordpress.org/ticket/62413

Just show that Google chrome adds CSS from browser side. Checked in Version 130.0.6723.117 and 131.0.6778.70 version.

img:is([sizes="auto" i], [sizes^="auto," i]) {
   contain: size !important;
   contain-intrinsic-size: 300px 150px;
}

Do we still needs to add anything from our side?
If you are having problems with this, soon a new patch will be released.

Simply by adding

<?PHP
add_filter('wp_img_tag_add_auto_sizes', '__return_false');

It will solve the issue.

It's scheduled for next update 6.7.1

Tasks

• Dockerize WP for local development
• Solve the problem

[Vilican]

@petrkucerak - Note: we can't edit template files. Any modifications need to be release as a separate plugin.