You can draw a picture. Draw a picture with $a$, $b$ marked on the $x$-axis. Draw some random increasing function in the first quadrant. Mark $f(a)$ and $f(b)$ on the $y$-axis.

Now $\int_a^bf(x)\,dx$ is the area under the curve between $x=a$, $x=b$, and the $x$-axis.
And $\int_{f(a)}^{f(b)}f^{-1}(y)\,dy$ is the area left of the curve between $y=f(a)$, $y=f(b)$, and the $y$-axis.
Adding these areas together gives an inverted L-shape. That is, a thing that is one larger rectangle with a smaller rectangle removed. The large rectangle is $b\times f(b)$, and the smaller is $a\times f(a)$.