# Image Studio

> Image Studio is a browser-based, memory-safe image workspace for editing, resizing, cropping, adjusting, optimizing, converting, and exporting images locally without server uploads.

## Core Studio

- https://imagestudio.dev/image-studio: Unified image workspace supporting real-time canvas editing, interactive aspect-ratio cropping, color adjustments (brightness, contrast, saturation, exposure, temperature), filter presets, and multi-format exports.

## Tools & Capabilities

- https://imagestudio.dev/resize-image: Resize digital image dimensions in pixels or scale percentages with aspect ratio locking.
- https://imagestudio.dev/compress-image: Reduce image file size with real-time byte calculation, quality sliders, and instant savings indicators.
- https://imagestudio.dev/crop-image: Crop images to precise aspect ratios including 1:1, 4:5, 16:9, 9:16, 2:1, or freeform crop boxes.
- https://imagestudio.dev/convert-jpg-to-webp: Convert standard JPEG files into modern high-efficiency WebP files.
- https://imagestudio.dev/convert-png-to-webp: Convert heavy PNG graphics into compressed WebP while preserving alpha transparency.
- https://imagestudio.dev/make-image-transparent: Configure canvas transparency, add solid color backgrounds, and control edge padding.

## Use-Case Presets

- https://imagestudio.dev/resize-image-for-instagram: Presets for Instagram Square Feed (1080x1080), Portrait Feed (1080x1350), and Stories/Reels (1080x1920).
- https://imagestudio.dev/resize-image-for-website: Optimize web hero banners (1920x1080), Open Graph cards (1200x630), and responsive thumbnails.
- https://imagestudio.dev/resize-image-for-profile-picture: Square avatar presets (400x400) for social and professional accounts.

## Educational Articles & Guides

- https://imagestudio.dev/blogs: Editorial collection of digital imaging, compression physics, and web performance guides.
- https://imagestudio.dev/blogs/how-to-resize-image-without-losing-quality: Technical guide explaining downscaling vs. upscaling, interpolation, and aspect preservation.
- https://imagestudio.dev/blogs/jpg-vs-png-vs-webp: Comparative analysis of JPEG, PNG, and WebP compression mechanisms, transparency support, and performance benchmarks.
- https://imagestudio.dev/blogs/how-to-compress-images-for-website-performance: How image weight affects Google Core Web Vitals and Largest Contentful Paint (LCP).
- https://imagestudio.dev/blogs/complete-social-media-image-size-guide: Comprehensive dimension cheat-sheet for major social media platforms.

## Frequently Asked Questions

- https://imagestudio.dev/faq: Answers to common questions regarding privacy, processing safety limits (25 MB max file size, 40M pixel limit), supported formats, and export options.

## Safe Processing Specifications

- Execution Environment: Client-side browser only (HTML5 Canvas & Web APIs).
- Max File Size: 25 MB per image.
- Max Pixel Count: 40,000,000 pixels.
- Max Dimension: 12,000 × 12,000 pixels.
- Max Batch Queue: 10 images, max 2 concurrent processing tasks.
- Supported Input: JPG, JPEG, PNG, WebP, static GIF.
- Supported Export: PNG, JPG, WebP.