This looks okay. BUT: while loading, everything below this image moves. And if several images like this are at the top of a page, it means everything moves several times. It's the same as having no dimensions-tags at all.
Exactly. Unfortunately, due to how the forum handles images, there isn't much I can do on the TalkImg side.
I also did some tests, in more detail, and concluded that whether it's just height or width, there will always be a scenario that won't be covered.
There are therefore 4 scenarios:
1. Just have HEIGHT. It allows that when you enter a page with many images, the page is the correct size even before all the images are loaded. This prevents the content from moving down as the page loads.
Problem: May cause the image to look disproportionality on smaller screens.2. Just have the WIDTH. Prevents the image from becoming disproportionate, even if changes are made to its value. This ensures that the image is always proportionality.
Problem: When the page loads, the content may scroll down as the images are loaded.3. Have the HEIGHT and WIDTH. Ensures that the embed code is the actual size of the image. This way, as soon as you enter a page, it will be organized based on the size of the images, even before they are loaded.
Problem: It can generate disproportionality on smaller screens, or if the user adjusts these fields incorrectly that does not guarantee this proportionality.4. Do not include this information. Do not include height and width values in the embed code by default. So it is up to each user to manually add this information or not.
Problem: Does not help fix the issues that the previous solutions try to help with.In your opinion, what is the scenario that I should apply in the default embed code in TalkImg?