The superior colliculus (SC), an evolutionarily conserved midbrain structure in all vertebrates, is the most sophisticated visual center before the emergence of the cerebral cortex. It receives direct inputs from ~30 types of retinal ganglion cells (RGCs), with each encoding a specific visual feature. It remains elusive whether the SC simply inherits retinal features or if additional and potentially de novo processing occurs in the SC. To reveal the neural coding of visual information in the SC, we provide here a detailed protocol to optically record visual responses with two complementary methods in awake mice. One method uses two-photon microscopy to image calcium activity at single-cell resolution without ablating the overlaying cortex, while the other uses wide-field microscopy to image the whole SC of a mutant mouse whose cortex is largely undeveloped. This protocol details these two methods, including animal preparation, viral injection, headplate implantation, plug implantation, data acquisition, and data analysis. The representative results show that the two-photon calcium imaging reveals visually evoked neuronal responses at single-cell resolution, and the wide-field calcium imaging reveals neural activity across the entire SC. By combining these two methods, one can reveal the neural coding in the SC at different scales, and such combination can also be applied to other brain regions.