мне не понятно почему рисунок не выглядит примерно следующим образом?
Потому что числовые значения в обоих случаях должны быть одинаковыми -- 00000021 и 00000104. То что ты записал -- это 21000000 и 04010000.
Ну и заодно, в "тексте перед рисунком" перепутаны направления нумерации байтов: на рисунке "а" байты пронумерованы, очевидно, слева направо, а на рисунке "б" -- справа налево.