Images.JSOptimized, responsive & fast, high-res images
Improve your website's Core Web Vitals by generating real-time responsive images and deliver them using lazy loading.
Your visitors experience images optimized for their device that are instantly available as they scroll through your website.
Augment the technologies you love
Case Study
Project Social T
- FCP
- 305ms
- LCP
- 402ms
- Speed Index
- 1.2s
Project Social T has the mission to design better fashion and make an impact on the world. The brand was founded in Los Angeles, California in 2011, and they design and produce in Los Angeles as well, with the purpose of giving attention to fabric quality and simplicity.
Images on average can take up to 90% of the total bandwidth for each pageview. But, think on a website such as Behance or, Pinterest that the main content are photos, and heavy files, images can take up over 80 or 90% of the total bandwidth. If the image content is not properly optimized, the users will run away and we take the risk to damage the user experience.
Results
Using Images.JS and applying our team's knowledge, First Contentful Paint and Largest Contentful Paint were under 0.5 seconds.
We also customized the algorithm used based on Project Social T needs, to provide a better output in quality for their images.
The Most Advanced Image Optimization Solution
Images.JS is more than an image compressor. It recognizes what device and browser your visitors are using and delivers pixel-perfect for each visitor in real-time. Using proprietary technology and state-of-the-art lazy loading, all of your images are delivered at lightning speed.
Super Easy to Integrate
Just run a find and replace in your code, or use our WordPress Plugin.
Image Optimization
Reduce file size, witouth affecting quality.
Responsive Images
Real-time resizing that fits perfeclty the container
CDN Delivery
216 edge locations accross the globe ensures the fastest delivery times
Device & Browser Detection
Change behaivour based on the device, browser and network capabilities of your users.
Hi-DPR & Retina Support
Generates the best vesion of an image, to deliver the best quality possible based on the device's pixel ratio.
AVIF & WebP
Next-generation formats by default, with a fallback to traditional formats when the device is not compatible.
Automatic Software Updates
All the improvements automatically distributed to all your users in terms of seconds.
Piio very elegantly solves a genuine problem and I can't imagine a future where every site doesn't use this solution.
Ged Day
CEO at Herdl
Frequently asked questions
- Can I use Piio Images on React?
Yes, just run
npm install piio-images-react
and follow our React docs- Can I use Piio Images on Vue?
Yes, just run
npm install piio-images-vue
and follow our Vue docs- I'm using WordPress, how can I integrate Piio Images?
Sure! And it's very easy to install. Follow the instructions here
- Where can I find the Documentation?
If you want to read the docs before signing up, you can click here
- Is Piio like a regular CDN?
Not at all! Piio uses a CDN to deliver your images, but that's only a small part of what Piio does... find out more about it here
- What browsers does Piio support?
We support all the newest browsers for desktop and mobile, plus some old versions. It's hard to recreate test scenarios for every case, check the list of what browsers we test on here.
Analyze your website's images.
Run an Image Speed Test and find out how your images can be optimized, follow it's guidelines and improve your Core Web Vitals.
Popular Articles
Learn about Web Performance, read some of our Case Studies or follow Guides to improve your Core Web Vitals.