ShortPixel Adaptive Images free WordPress plugin
Description
ShortPixel Adaptive Images free WordPress plugin
An easy to use plugin that can help you solve within minutes all your website’s image-related problems.
Display properly sized, smartly cropped and optimized images on your website; Images are processed on the fly and served from our CDN, in the next-gen WebP format, if the browser supports it.
Do I need this plugin?
If you have a WordPress website with images then the answer is: most probably yes!
Did you ever test your website with tools like PageSpeed Insights or GTmetrix and received complains about images not being properly sized or being too large? Or that you should use “next-gen” images like WebP? Or that the website should “defer offscreen images”?
ShortPixel Adaptive Images comes to the rescue and resolves your site’s image-related problems in no time.
What are the benefits?
Imagine that you could have all your image-related website problems solved with a simple click, wouldn’t that be great?
Usually the images are the biggest resource on a website page. With just one click, ShortPixel Adaptive Images replaces all your website’s pics with properly sized, smartly-cropped, optimized images and offloads them on to the ShortPixel’s global CDN.
And for more Google love the plugin serves WebP images to the right browsers auto-magically!
What are the features?
same visual quality but smaller images thanks to ShortPixel algorithms
smart cropping – see an example
serve only appropriately sized images depending on the visitor’s viewport
lazy load support with adjustable threshold; browser native lazy loading support is also available
automatically serves WebP images to browsers that support this format. Animated Gifs are supported too!
caching and serving from a global CDN
all major image galleries, sliders, page builders are supported
onboarding wizard which includes a tool that suggests the best settings for each site
Low Quality Imaage Placeholders (LQIP) support
support for JPEG, PNG, GIF, TIFF, BMP
convert to WebP on the fly
possibility to deactivate the plugin functionality for logged-in users
variety of settings for an increased flexibility in the plugin functionality
Do I need an account to test this plugin?
No, just go ahead and install then activate it on your WordPress website and you’ll automatically receive 500 image optimization credits.
How much does it cost?
When using ShortPixel Adaptive Images, only the image optimization credits are counted. That means the CDN traffic is not metered (considering a fair usage). The free tier receives 100 image optimization credits, paid plans start at $4.99 and both one-time and monthly plans are available.
Even better: if you already use ShortPixel Image Optimizer then you can use the same credits with ShortPixel Adaptive Images!
How does this work?
Different visitors have different devices (laptop, mobile phone, tablet) each with its own screen resolution. ShortPixel AI considers the device’s resolution and then serves the right sized image for each placeholder.
Let’s consider a webpage with a single 640×480 pixels image.
When viewed from a laptop the image will retain it 640x480px size but it will be optimized and served from a CDN.
When the same webpage is viewed from a mobile phone, the image will be resized (for example) to 300x225px, optimized and served from CDN.
This way, neither time nor bandwidth will be wasted by visitors.
Please note that the first time the call for a specific image is made to our servers, the original image will be served temporarily.
Other plugins by ShortPixel
Image optimization & compression for all the images on your site, including WebP delivery – ShortPixel Image Optimizer
Easily replace images or files in Media Library – Enable Media Replace
Regenerate thumbnails plugin compatible with the other ShortPixel plugins – reGenerate Thumbnails Advanced
Make sure you don’t have huge images in your Media Library – Resize Image After Upload
WP CLI commands
Use the following WP CLI commands to clear the CSS cache and the Low Quality Image Placeholders:
wp shortpixel clear_css
wp shortpixel clear_lqips
For developers
If in Media Library there are main images which end in the usual thumbnail size suffix (eg. -100×100) please set in wp-config.php this:
define(‘SPAI_FILENAME_RESOLUTION_UNSAFE’, true);
If you need to do a post-processing in JavaScript after the image/tag gets updated by ShortPixel AI, you can add a callback like this:
jQuery( document ).ready(function() { ShortPixelAI.registerCallback(‘element-updated’, function(elm){ // elm is the jQuery object, elm[0] is the tag console.log(“element updated: ” + elm.prop(‘nodeName’)); }); });
For changing the original URL of the image, that is detected by ShortPixel, use this filter that receives the original URL:
add_filter(‘shortpixel/ai/originalUrl’, ‘my_function’);
Sometimes, when the option to crop the images is active, SPAI thinks it’s not safe to crop an image, but you want to crop it anyway. Please add this attribute to force the cropping:
–> this will completely exclude from processing the image which has this attribute; –> this will exclude the image from being lazy-loaded by the plugin; –> this will prevent the image from being resized by the plugin.