Vue Responsive Image is a Vue component that allows you to quickly insert responsive image tags in your Vue project, provided you have some automated system that produces the various sizes of images required.
The component calculates all source sizes and, depending on the parameters passed, generates the appropriate
<img> tag and its
srcset attribute and, if needed, separate
<source> tags for tablet portrait and smartphone views.
Live Demo: https://codepen.io/paolomioni/pen/PeNoQg
Official Website: https://github.com/HCESrl/vue-responsive-image
Install & Download:
# NPM $ npm install vue-responsive-image --save