Demo Responsive

Change your browser's windows size to simulate a smaller screen, images will be automatically adapted:


Download and include
<script src="{path to the file}/"/></script>

Initialize jScaler with your token information
document.addEventListener('DOMContentLoaded', function() {
    TOKEN: 'your token'
Find and replace your img tags with the following syntax
<img ci-src=""
  ci-size="{xs: '50x100', sm:'100x125', md: '150x150', lg:'200x175', xl:'300x200'}" ci-responsive>

Also works for background:

<div ci-img-background="//" ci-responsive></div>

Any questions?

Contact us at, our image resizing experts will be happy to help!