I am doing some research on what is the potential impact of shorter public keys, hashes or signatures in Bitcoin transactions (leaving the security implications aside). So I basically want to see how a Bitcoin transaction exactly looks like in terms of bytes, basically a figure similar to the figures of IP packets which show that the first 4 bytes indicate the version, etc, then the source IP is 32 bytes as payload etc.
So far all I have found is this website for a bitcoin transaction calculator
https://bitcoinops.org/en/tools/calc-size/
However it just computes the final size and does not show clearly which part takes how much space.
Is there any better website/image that shows the elements of a bitcoin transaction in a byte level?