Image Optimization Tools
Our compression and conversion tools handle the essentials: compress JPG, PNG, and WebP images, convert between formats, resize to exact dimensions, and process multiple files at once. Everything happens in the browser for privacy and speed.
Squoosh is a Google-developed tool that lets you compare different compression settings side by side. It supports cutting-edge formats like AVIF and JXL, making it useful for experimenting with next-generation formats.
TinyPNG focuses specifically on PNG and JPG compression. It uses smart lossy compression to reduce file sizes while preserving visual quality. The free version handles up to 20 images at once.
ImageMagick is the powerhouse command-line tool for advanced users. It supports virtually every image format and operation imaginable, from basic resizing to complex transformations and batch processing.
Design and Mockup Tools
Figma (free tier) has become the standard for collaborative design. The browser-based interface supports vector design, prototyping, and design systems. The free plan includes unlimited personal files and up to three collaborative projects.
Canva simplifies graphic design with thousands of templates for social media, presentations, and marketing materials. The free tier covers most common use cases, though premium elements require a subscription.
Photopea is a free browser-based image editor that closely mirrors Photoshop’s interface and features. It supports PSD files, layers, masks, and most common editing operations without installation.
Color and Palette Tools
Coolors generates color palettes instantly. Press the spacebar to cycle through random combinations, lock colors you like, and export palettes in multiple formats. Essential for establishing brand color schemes.
Adobe Color creates palettes based on color theory rules — complementary, analogous, triadic, and more. Upload an image to extract its dominant colors automatically.
ColorZilla is a browser extension that lets you pick colors from any webpage. It provides hex codes, RGB values, and CSS gradients, making it invaluable for matching existing designs.
Asset Management
Unsplash and Pexels offer high-quality stock photography free for commercial use. Both have extensive libraries covering virtually every subject, with new photos added daily.
Heroicons and Feather Icons provide clean, consistent icon sets in SVG format. Icons are customizable via CSS and scale perfectly to any size without quality loss.
SVG optimization tools like SVGOMG clean up vector files by removing unnecessary metadata and simplifying paths. Smaller SVGs load faster and render more reliably.
Performance Testing
Google PageSpeed Insights analyzes your website’s performance and provides specific recommendations for image optimization. It scores mobile and desktop separately and identifies oversized or poorly compressed images.
GTmetrix offers detailed performance reports with waterfall charts showing exactly how each image loads. The tool tracks performance over time, helping you spot regressions.
WebPageTest provides advanced testing from multiple global locations and connection speeds. Test how your images load on slow 3G connections to identify problems that fast broadband might hide.
These free tools cover the full design workflow — from asset creation and optimization to performance monitoring. Start with our tools for image processing, then expand your toolkit as specific needs arise.