@mapado/image-url-builder

Mapado Image JS Url Builder

Installation

npm install "@mapado/image-url-builder"

or with yarn:

yarn add "@mapado/image-url-builder"

Usage

import { buildUrl } from '@mapado/image-url-builder';

const imagePath = '2018/01/foo.jpg';
const fullWidthImage = buildUrl(imagePath);

// will output something like '//img.mapado.net/2018/01/foo.jpg'

You can also specify a width and a height to crop / resize the image:

const width = 400;
const height = 300;
const cropedImage = buildUrl(imagePath, width, height);

// will output something like '//img.mapado.net/2018/01/foo_thumbs/400-300.jpg'

If you don't want to resize or apply any filter but want to allow webp format for compatible browser, you have two options:

• you can set the option allowwebp: 1
• you can set both width and height to 0

const webpAllowedImage = buildUrl(imagePath, null, null, {allowwebp: 1});
const alsoWebpAllowedImage = buildUrl(imagePath, 0, 0);

// will both output something like '//img.mapado.net/2018/01/foo.jpg_thumbs/0-0.jpg'