
Squoosh
TinyPNG
iLoveIMG
Caesium Image Compressor
ImageOptim
DVDVideoSoft Image Convert and Resize
Batch Image Resizer
Compressor.io
Hoverify
CSS Scan
CSS Scan Pro
SuperDev Pro
Shuffle for Tailwind CSS
EazyCSS
Devsync
CSS Grab n' Go Editor
Tools to make your web dev life a bit easy.
โญ Inspector
1) Inspect CSS and HTML just by hovering over the element.
2) Live edit CSS and HTML.
3) Export code to Codepen.
4) Inspect media queries and animations.
5) Edit the content of any HTML element.
6) Traverse DOM elements with arrow keys.
7) Know fonts per tag.
8) Finds font on Google Fonts.
9) Extract all the colors used on the page.
10) Toggle visibility of any element or remove an element from the page and persist changes.
11) Easily search elements by tag, class, or id.
โญ Color Eyedropper 1) Pick colors from anywhere on the page, even images and IFrames. 2) Get hex and RGB values. 3) Save colors.
โญ Assets 1) Extract images, SVGs, and videos from the page. 2) Download all the assets at once in ZIP.
โญ Responsive 1) Any click, scroll, or navigation you perform in one device will be replicated to all devices in real-time. 2) Add new custom device profiles as you like and arrange devices to fit your style. 3) Hot-Reloading Support.
โญ Debug 1) Clear cache, cookies, and local storage of specific origin or whole browser. 2) Get meta tags from the page and copy them with one click. 3) Check the whole page for spelling mistakes (Only supports English).
โญ Screenshots 1) Take a screenshot of the whole page or just a visible area. 2) Screenshot the visible area of every tab with just one click. 3) Save the screenshot in PDF, JPG, or PNG.
Squoosh
HoverifyWeb developers, designers, bloggers, and anyone needing to optimize images for the web, particularly those concerned about maintaining image quality while reducing file size.
The only negative thing about this web app, is that it's not clear which formats are supported in which browsers.
Based on our record, Squoosh seems to be more popular. It has been mentiond 200 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Its a fun challenge. I used https://squoosh.app to make a pretty good one. Mostly just a resize and then OxiPNG for compression. Managed a 124x62 black/white image. OP has a resolution of 195x53, so I had very similar, but slightly worse I think? Mostly a different aspect ratio + map projection I think. Playing with Squoosh.app is very fun, and you can very easily see how the jump from 500b to ~1.5kb turns a map... - Source: Hacker News / 12 days ago
Use a free tool like Squoosh (by Google) to batch convert your existing images to WebP. - Source: dev.to / about 2 months ago
Every image goes through Squoosh before it lands in any repo I own. Drag the file in, pick WebP or AVIF, drag the quality slider until the preview still looks clean, download. The size reduction is usually 60โ80% with no visible quality loss. It runs entirely locally in your browser โ nothing is uploaded anywhere. For a performance-conscious developer this matters. Best for: Pre-commit image optimisation, blog... - Source: dev.to / 3 months ago
The Squoosh image compression app from Google is a great example. It runs codecs like MozJPEG and WebP entirely in WASM, processing large image buffers with minimal boundary crossings. Near-native compression performance, right in the browser. - Source: dev.to / 4 months ago
For images, tools like TinyPNG or Squoosh can reduce file sizes dramatically, often by 60-80%, with little to no visible quality difference. For your splash screen specifically, consider using a simple vector image (SVG) or even a plain color with your logo instead of a heavy raster image. Flutter's native splash screen supports this out of the box and it's blazing fast. - Source: dev.to / 5 months ago
TinyPNG - Make your website faster and save bandwidth. TinyPNG optimizes your PNG images by 50-80% while preserving full transparency!
CSS Scan - Instantly check or copy computed CSS from any element for only ~95$
iLoveIMG - iLoveIMG is one of most powerful solution that comes with all the major tool you cloud want to edit images in bulk.
CSS Scan Pro - The easiest way to get and edit the CSS of any website, live
Caesium Image Compressor - Compress your pictures up to 90% without visible quality loss.
SuperDev Pro - 14-in-1 browser extension developers and designers love.