feat: plugin for generating responsive images #147

Feature request

Plugin that generates responsive images and applies some magic image optimization with optional lazy-loading. Similar to what Gatsby does with gatsby-image.

What problem does this feature solve?

Slow load times when images are unnecessarily large or not in viewport (with lazy-loading enabled) and developer pain when they have to resize their images manually.

What does the proposed API look like?

# saber-config.yml

plugins:
  - resolve: saber-plugin-image
    sizes:
      large: 1000
      medium: 600
      small: 400
    lazyload: true
    blur: true

How should this be implemented in your opinion?

Using something like responsive-loader and vue-lazyload

Are you willing to work on this yourself?

Yes.