Progressive Image Loading

Progressive image loading is a vueJS solution which allow you to reduce the loading time of your webpage by optimizing the loading of all your pictures. We also care about the upload of you pictures in the cloud.

How it works

#### Upload Component

This is component is using external npm package (axios, random-id, vue-bootstrap).

1. In a terminal

``
npm i progressive-image-loading-upload-vue --save
`

2. In your main.js

`
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
`


3. In your vue Component

`html



`


#### Progressive image Loading

1. Installation

`html
npm i vue-progressive-image-loading --save
`

2. Imbrication

`html
import pil from 'vue-progressive-image-loading';
Vue.component('pil', pil);
`

3. Usage

`html

``

$3

Une fois inscrit, gratuitement, vous pouvez:
1. Utiliser le service d'upload d'image

-Pour ce faire, vous devez nous renseigner l'URI (à faire lors de l'acquisition de votre clé d'API) où
faire les requêtes PUT qui vous transmettrons les images traité et formaté.

-De votre côté, vous devrez gérer cette requête pour stocker vos images dans le dossier voulu, qui
doit être le même. Vous aurez alors une image: image.jpg et une imageLow.jpg

2. Gérer vos clés d'API

-Chaque site requiert une clé API, que vous pourrez acquérir sur notre site web: http://PIL.com