Beam quality degradation during the transition from a laser wakefield accelerator to the vacuum is one of the reasons that cause the beam transport distortion, which hinders the way to compact free-electron-lasers. Here, we performed transition simulation to initialize the beam parameters for beam optics transport. This initialization was crucial in matching the experimental results and the designed evolution of the beamline. We experimentally characterized properties of high-quality laser-wakefield-accelerated electron beams, such as transverse beam profile, divergence, and directionality after long-distance transport. By installing magnetic quadrupole lenses with tailored strength gradients, we successfully collimated the electron beams with tunable energies from 200 to 600 MeV.