On a Google search results page in developer tools it has this .png file (www.google.com/images/nav_logo242.png)<p>And I have been wondering two things. 1. how do they use different parts of a single png in different parts of the web page? And does the checkered background of the png mean it's transparent?
This is a CSS sprite.<p>See <a href="https://www.w3schools.com/Css/css_image_sprites.asp" rel="nofollow">https://www.w3schools.com/Css/css_image_sprites.asp</a>
That link doesn't work for me, but:<p>1. CSS's background-position, probably.<p>2. Dependent on your browser; if you're using Google Chrome: Yes.