Warning!
Your browser is extremely outdated and not web standards compliant.
Your browsing experience would greatly improve by
upgrading to a modern browser
.
Visit BlueCompass.com
Responsive Image Generator
(beta)
Plug in your image
Image:
or upload your image
Apply
Upload your image:
Upload
Customize your image
Compression Quality:
Original: 3.2mb
Compressed to: 100kb
Media Sizes:
Advanced Options
Accessibility:
Image ALT Tag:
Image Title Tag:
Preview Image
View Code
Download Files
Code:
Copy Code
<picture><source media="(max-width: 25em)" srcset="https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=100 1x, https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=200 2x, https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=300 3x"><source media="(max-width: 48em)" srcset="https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=800 1x, https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=1200 2x, https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=1500 3x"><source media="(max-width: 75em)" srcset="https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=1200 1x, https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=1500 2x, https://www.bluecompass.com/admin/controls/ResizeImageByWidth.ashx?file=https://www.bluecompass.com/filesimages/Angela.jpg&width=1800 3x"><img src="https://www.bluecompass.com/filesimages/Angela.jpg" alt="HELLO"></picture>
Preview your responsive images
Grab the corner handles on the image to resize.
Image width:
pixels or
ems