Development work includes plenty of tasks outside the code editor. A few focused browser utilities can help you prepare assets and explain how a system fits together, without adding a large toolchain.
The shortlist, at a glance
| Tool | Worth considering for |
|---|---|
| 01. Squoosh | Optimizing image assets |
| 02. Excalidraw | Sketching a system |
| 03. Photopea | An occasional asset edit |
1. Squoosh ↗
Use Squoosh to compare compression settings before shipping an image. Its side-by-side workflow helps you judge the trade-off between file size and visual quality.
Review the result at the size it will actually appear; aggressive compression can introduce artifacts.
2. Excalidraw ↗
Use a whiteboard to explain a request flow or think through an interface before implementation. A simple diagram often makes a technical discussion easier to follow.
Keep diagrams up to date as the implementation changes.
3. Photopea ↗
For a layered design file or a quick image adjustment, Photopea provides a browser-based editor with PSD support and local file processing.
Large files depend on the performance and memory available on your device.
Start with the job you need to do.
Choose the option whose main purpose matches your next task. Try a small, representative project before bringing it into your everyday workflow, and check the provider’s current features and pricing.
This is an editorial shortlist based on published product information, not a hands-on benchmark. Features and availability may change. Reference: Squoosh official website ↗