Mary Gathoni writes: “A responsive image is an image that adapts to different device characteristics. When done right, responsive images can improve the performance and user experience of a site. You can approach responsive images from two angles—either by serving the same image with different sizes or serving different images according to the display characteristics.” Gathoni recommends creating responsive images in HTML than CSS, because browsers preload images before parsing CSS.