QUOTE(隐者浮云 @ Nov 6 2024, 01:59)

Why webp thumbnails are not vertically spliced, so that the browser to see the thumbnail preview when you do not need to wait for all 20 thumbnails are loaded before loading the first thumbnail, after all, the browser to download the image is from top to bottom, so the first thumbnail loaded basically equals to the 20 are loaded, if you spliced landscape image when you delete the following blank part, you can save the file size
There was some technical toolchain reason for going horizontal vs vertical, but I forget exactly what it was since it was a long time ago. The files are small enough that it makes little perceivable difference unless you're on modem speeds.
The blank part makes no practical difference in filesize, when I tested that on a file that had the extra math to crop the height, it was six bytes *larger*. And if you make it vertical *and* drop the whitespace, you're 100% running into issues with cumulative rounding errors calculating the offset.
QUOTE(小白-白 @ Nov 6 2024, 06:35)

When the set image size exceeds the screen width, a styling issue occurs. The #img element should also have the attributes max-width: 100%; height: auto.
The rescaling code should handle that if you have javascript enabled, but it could probably be replaced with some CSS rules.