This recipe describes how to set up the Responsive Image module in Drupal 8, Breakpoints and also set up Image Styles.
What are responsive images?
Using responsive images means loading images that have been specifically sized for the user screen based on breakpoints. This practice makes websites load faster on mobile devices because image sizes are optimized for mobile devices. This is different than fluid images when large images are scaled down with CSS.