Create Responsive Image Tags For All Devices

Description:

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.

Preview:

Create Responsive Image Tags For All Devices

Download Details:

Author: HCESrl

Live Demo: https://codepen.io/paolomioni/pen/PeNoQg

Download Link: https://github.com/HCESrl/vue-responsive-image/archive/master.zip

Official Website: https://github.com/HCESrl/vue-responsive-image

Last Update: February 11, 2019

Views Total: 80

Install:

# NPM
$ npm install vue-responsive-image --save

Add Comment