For most of us, checking the source code is a lot confusing as it consists of several codes and strings. This brings up the source codes used to insert the said image. Another method many of us familiar with is right-clicking on the image and choose “Inspect element” or “View Source Code” from the browser’s context menu. This local method doesn’t give you the image’s source URL, Alt tag text, etc. Traditionally, most of us do is, download the entire image locally and use a photo viewer/editor software to view image size, resolution, meta data etc. Whatever your purpose is, the first step is to easily extract the information associated with the image file. If you are a developer, it may be necessary for you to know the size and dimension of a image file used somewhere, or the EXIF meta data an image may come in handy if you are a photographer. There are many reasons you might want to see a web image’s information. An image may have information ranging from image size to EXIF data. Whenever you are viewing an image on a web page, you might want to see the information and properties behind the image.

Chrome exif data viewer