Search Preview
Cloudimage Responsive JS
cloudimage.ioDemo Cloudimage Responsive JS Cloudimage responsive JS plugin will make your website load the exact image size you need depending on your
.io > cloudimage.io
SEO audit: Content analysis
| Language | Error! No language localisation is found. | ||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Title | Cloudimage Responsive JS | ||||||||||||||||||||||||||||||||||||
| Text / HTML ratio | 24 % | ||||||||||||||||||||||||||||||||||||
| Frame | Excellent! The website does not use iFrame solutions. | ||||||||||||||||||||||||||||||||||||
| Flash | Excellent! The website does not have any flash contents. | ||||||||||||||||||||||||||||||||||||
| Keywords cloud | image apply images filter size ' Cloudimage screen optional Step Responsive smaller jScaler add Images reduce reload JS windows responsive | ||||||||||||||||||||||||||||||||||||
| Keywords consistency |
|
||||||||||||||||||||||||||||||||||||
| Headings |
|
||||||||||||||||||||||||||||||||||||
| Images | We found 4 images on this web page. |
SEO Keywords (Single)
| Keyword | Occurrence | Density |
|---|---|---|
| image | 14 | 0.70 % |
| apply | 6 | 0.30 % |
| images | 5 | 0.25 % |
| filter | 5 | 0.25 % |
| size | 5 | 0.25 % |
| ' | 4 | 0.20 % |
| Cloudimage | 4 | 0.20 % |
| screen | 4 | 0.20 % |
| optional | 4 | 0.20 % |
| Step | 3 | 0.15 % |
| Responsive | 3 | 0.15 % |
| smaller | 3 | 0.15 % |
| jScaler | 3 | 0.15 % |
| add | 2 | 0.10 % |
| Images | 2 | 0.10 % |
| reduce | 2 | 0.10 % |
| reload | 2 | 0.10 % |
| JS | 2 | 0.10 % |
| windows | 2 | 0.10 % |
| responsive | 2 | 0.10 % |
SEO Keywords (Two Word)
| Keyword | Occurrence | Density |
|---|---|---|
| the image | 6 | 0.30 % |
| on the | 6 | 0.30 % |
| apply a | 5 | 0.25 % |
| filter on | 5 | 0.25 % |
| a small | 2 | 0.10 % |
| to the | 2 | 0.10 % |
| your website | 2 | 0.10 % |
| You can | 2 | 0.10 % |
| Responsive Images | 2 | 0.10 % |
| windows size | 2 | 0.10 % |
| ' ' | 2 | 0.10 % |
| optional default | 2 | 0.10 % |
| cisrc or | 1 | 0.05 % |
| required jScaler | 1 | 0.05 % |
| jScaler identifier | 1 | 0.05 % |
| identifier takes | 1 | 0.05 % |
| takes as | 1 | 0.05 % |
| cibackground required | 1 | 0.05 % |
| value image | 1 | 0.05 % |
| image path | 1 | 0.05 % |
SEO Keywords (Three Word)
| Keyword | Occurrence | Density | Possible Spam |
|---|---|---|---|
| on the image | 5 | 0.25 % | No |
| filter on the | 5 | 0.25 % | No |
| Demo Cloudimage Responsive | 1 | 0.05 % | No |
| url or relative | 1 | 0.05 % | No |
| images should be | 1 | 0.05 % | No |
| Your images should | 1 | 0.05 % | No |
| NOTE Your images | 1 | 0.05 % | No |
| BASE_URL NOTE Your | 1 | 0.05 % | No |
| to BASE_URL NOTE | 1 | 0.05 % | No |
| relative to BASE_URL | 1 | 0.05 % | No |
| or relative to | 1 | 0.05 % | No |
| absolute url or | 1 | 0.05 % | No |
| be stored on | 1 | 0.05 % | No |
| path absolute url | 1 | 0.05 % | No |
| image path absolute | 1 | 0.05 % | No |
| value image path | 1 | 0.05 % | No |
| as value image | 1 | 0.05 % | No |
| takes as value | 1 | 0.05 % | No |
| identifier takes as | 1 | 0.05 % | No |
| jScaler identifier takes | 1 | 0.05 % | No |
SEO Keywords (Four Word)
| Keyword | Occurrence | Density | Possible Spam |
|---|---|---|---|
| filter on the image | 5 | 0.25 % | No |
| Demo Cloudimage Responsive JS | 1 | 0.05 % | No |
| relative to BASE_URL NOTE | 1 | 0.05 % | No |
| stored on a server | 1 | 0.05 % | No |
| be stored on a | 1 | 0.05 % | No |
| should be stored on | 1 | 0.05 % | No |
| images should be stored | 1 | 0.05 % | No |
| Your images should be | 1 | 0.05 % | No |
| NOTE Your images should | 1 | 0.05 % | No |
| BASE_URL NOTE Your images | 1 | 0.05 % | No |
| to BASE_URL NOTE Your | 1 | 0.05 % | No |
| or relative to BASE_URL | 1 | 0.05 % | No |
| a server or storage | 1 | 0.05 % | No |
| url or relative to | 1 | 0.05 % | No |
| absolute url or relative | 1 | 0.05 % | No |
| path absolute url or | 1 | 0.05 % | No |
| image path absolute url | 1 | 0.05 % | No |
| value image path absolute | 1 | 0.05 % | No |
| as value image path | 1 | 0.05 % | No |
| takes as value image | 1 | 0.05 % | No |
Internal links in - cloudimage.io
Demo and SDK
Cloudimage Responsive JS
Cloudimage Responsive JS
Cloudimage.io Spined HTML
Cloudimage Responsive JS Demo Cloudimage Responsive JS Cloudimage responsive JS plugin will make your website load the word-for-word image size you need depending on your user's screen size. Multiple pixel ratios are supported. FORCE UPDATE (OFF) As we explain in our blog post on Best Practises for image acceleration, Responsive Images are a requirement for your website to load fast on any screen. There is no point in sending a full resolution image onto a small smartphone screen when an image of half-size would be sufficient. Cloudimage's responsive diamond script automates Responsive Images for you. Live demo: transpiration your browser's windows size to simulate a smaller screen. You will notice that smaller images are loaded on smaller screens. Forcing the update to 'Off' will not reload the images as you reduce your windows size. If you start with a small window size and increase it, then the script will reload larger images to squint optimal. Quick start Step 1: include cloudimage.plugin.min file into your project (after all your content in body, surpassing other scripts): <script src="https://scaleflex-global.airstore.io/cloudimg/responsive/cloudimage.plugin.min.js"/></script> Step 2: just under the whilom line, initialize jScaler with your token information and optional parameters document.addEventListener('DOMContentLoaded', function() { jScaler.process({ TOKEN: '[your token]', // required BASE_URL: '[your image folder on server]', // optional | e.g. "https://gallery.airstore.io/" DEFAULT_PARAMS: 'none', // optional | default parameters e.g. 'q70' - reduce quality to 70% }); }); Step 3: Replace your img tags fromsrc="[image source]" to ci-src="[image source]" <img ci-src="birds.jpg"> This moreover works for background, simply add the link to image as ci-background attribute: <div class="background-styles" ci-background="birds.jpg"></div> jScaler nature ci-src or ci-background required jScaler identifier takes as value image path (absolute url or relative to BASE_URL). NOTE: Your images should be stored on a server or storage skillet (S3, Google Cloud, Azure Blob...) reachable over HTTP or HTTPS by Cloudimage. You can moreover upload your images into Cloudimage, increasingly info here. ci-filter optional, default: none Parameters are used to wield transformations to the image, or to add options to the result image. Possible values: fgrey - wield a greyscale filter on the image fgaussian[0..10] - wield a gaussian mistiness filter on the image fcontrast[-100..100] - wield a unrelatedness filter on the image fbright[0..255] - wield a splendor filter on the image fpixelate[0..100] - wield a pixelate filter on the image fradius[0..500] - create a radius on the corners You can find here the full Filters documentation. Supported browsers Any questions? Contact us at hello@cloudimage.io, our image resizing experts will be happy to help! Your device pixel ratio: