Image Composition:
- Pixels: Smallest unit of digital image (picture elements)
- Resolution: Number of pixels per inch (PPI/DPI)
- Dimensions: Width × Height in pixels
- Aspect Ratio: Proportional relationship between width and height

Common Resolutions:
- HD: 1920×1080 (2.1 megapixels)
- 4K: 3840×2160 (8.3 megapixels)
- 8K: 7680×4320 (33.2 megapixels)
- Print: 300 DPI minimum for quality output

RGB Color Model:
- Red: 0-255 values (8 bits)
- Green: 0-255 values (8 bits) 
- Blue: 0-255 values (8 bits)
- Total: 16.7 million possible colors (24-bit)

Color Depth Options:
- 8-bit: 256 colors per channel (standard web)
- 16-bit: 65,536 colors per channel (professional)
- 32-bit: Float values, HDR imaging
- Indexed: Limited palette (GIF, PNG-8)

Technical Specifications:
- Compression: Lossy DCT-based
- Color Support: 24-bit RGB, CMYK
- Transparency: Not supported
- Animation: Not supported
- Metadata: EXIF, IPTC, XMP support

Quality Levels:
- 95-100%: Minimal compression, near-lossless
- 85-94%: High quality, recommended for web
- 70-84%: Good quality, social media standard
- 50-69%: Medium quality, email attachments
- 30-49%: Low quality, thumbnails only
- Below 30%: Poor quality, avoid for most uses

Use Cases:
✅ Photographs with many colors
✅ Web images requiring small file sizes
❌ Graphics with text or sharp edges
❌ Images requiring transparency

Technical Specifications:
- Compression: Lossless LZ77-based
- Color Support: RGB, RGBA, Palette, Grayscale
- Transparency: Full alpha channel support
- Animation: Not supported (APNG extension exists)
- Interlacing: Progressive display support

PNG Variants:
- PNG-8: 256 colors, smaller files, palette-based
- PNG-24: 16.7 million colors, no transparency
- PNG-32: 16.7 million colors + full alpha transparency

Use Cases:
✅ Graphics with text and sharp edges
✅ Images requiring transparency
✅ Screenshots and interface elements
❌ Large photographs (file size concerns)

Technical Advantages:
- 25-35% smaller than equivalent JPEG
- Lossless and lossy compression modes
- Transparency support
- Animation support
- Progressive loading

Browser Support:
- Chrome: Full support
- Firefox: Full support
- Safari: Supported (iOS 14+, macOS 11+)
- Edge: Full support
- Internet Explorer: Not supported

Input Formats Supported:
┌─────────────────────────────────────┐
│ Raster Formats:                     │
│ • JPEG/JPG - Universal photo format │
│ • PNG - Graphics with transparency  │
│ • GIF - Animated and simple graphics│
│ • WebP - Modern efficient format    │
│ • BMP - Windows bitmap format       │
│ • TIFF - Professional photography   │
│ • PSD - Photoshop documents (basic) │
│                                     │
│ Vector Formats (Limited):           │
│ • SVG - Scalable vector graphics    │
│                                     │
│ RAW Formats (Basic Support):       │
│ • CR2, NEF, ARW - Camera RAW       │
└─────────────────────────────────────┘

// Upload Performance Optimization
File Size Limits:
- Single Image: 100MB maximum
- Batch Upload: 10 images, 500MB total
- RAM Usage: 2-3x file size during processing
- Processing Time: ~1-2 seconds per 10MP image

Upload Methods:
1. Drag & Drop Interface
   - Multi-file selection
   - Preview thumbnails
   - Progress indicators
   - Error handling

2. File Browser Selection
   - Multiple file selection (Ctrl/Cmd + click)
   - Filter by file type
   - Recent files memory

3. URL Import
   - Direct URL loading
   - CORS handling for external images
   - Automatic format detection

4. Clipboard Integration
   - Screenshot pasting (Ctrl/Cmd + V)
   - Copied image handling
   - Automatic format conversion

EXIF Data Handling:
✅ View camera settings (ISO, aperture, shutter speed)
✅ Geolocation data display (optional removal)
✅ Copyright information preservation
✅ Creation date and modification tracking

Privacy Features:
🔒 Automatic metadata stripping for web export
🔒 GPS location removal options
🔒 Photographer information protection
🔒 Device fingerprint removal

Intelligent Cropping Options:
┌─────────────────────────────────────┐
│ Aspect Ratio Presets:               │
│ • Square (1:1) - Social profiles    │
│ • Instagram (4:5) - Feed posts      │
│ • Story (9:16) - Vertical content   │
│ • Landscape (16:9) - Displays       │
│ • Golden Ratio (1.618:1) - Artistic│
│ • Custom - User-defined ratios      │
└─────────────────────────────────────┘

Advanced Crop Tools:
- Rule of Thirds Grid: Align subjects on intersection points
- Golden Spiral: Fibonacci-based composition guide
- Diagonal Lines: Dynamic composition assistance
- Center Guidelines: Precise alignment tools
- Safe Areas: TV/video production guidelines

// Smart Crop Algorithm
Features:
- Face Detection: Automatically center on faces
- Edge Detection: Preserve important details
- Color Analysis: Maintain color balance
- Composition Rules: Apply artistic principles

Implementation:
1. Analyze image content and focal points
2. Calculate optimal crop regions
3. Apply composition rules (rule of thirds, etc.)
4. Maintain subject integrity
5. Preserve image quality

Resampling Methods:
┌─────────────────────────────────────┐
│ Nearest Neighbor:                   │
│ • Speed: Fastest                    │
│ • Quality: Pixelated, hard edges    │
│ • Use: Pixel art, icons            │
│                                     │
│ Bilinear:                          │
│ • Speed: Fast                       │
│ • Quality: Smooth, slightly soft    │
│ • Use: General purpose              │
│                                     │
│ Bicubic:                           │
│ • Speed: Medium                     │
│ • Quality: Sharp, good detail       │
│ • Use: Photography, detailed images │
│                                     │
│ Lanczos:                           │
│ • Speed: Slower                     │
│ • Quality: Excellent edge retention │
│ • Use: Professional photography     │
└─────────────────────────────────────┘

Target Resolution Guide:
Web Display:
- Thumbnails: 150×150 to 300×300
- Product Images: 800×800 to 1200×1200
- Hero Images: 1920×1080 to 2560×1440
- Retina Displays: 2x resolution recommended

Print Applications:
- Photo Prints: 300 DPI minimum
- Commercial Printing: 300-600 DPI
- Large Format: 150-300 DPI (viewing distance dependent)
- Newspapers: 200-300 DPI

Rotation Options:
- Quick Rotation: 90°, 180°, 270° increments
- Fine Rotation: 0.1° precision, -360° to +360°
- Auto-Straighten: Horizon detection and correction
- Perspective Correction: Keystone distortion fix

Mathematical Foundation:
Rotation Matrix (θ = angle):
[cos(θ)  -sin(θ)]
[sin(θ)   cos(θ)]

Quality Preservation:
- Interpolation prevents quality loss
- Edge anti-aliasing for smooth results
- Optional background fill for rotated rectangles

Exposure Adjustments:
┌─────────────────────────────────────┐
│ Highlights: -100 to +100            │
│ • Recovers blown-out bright areas   │
│ • Preserves cloud and sky detail    │
│                                     │
│ Shadows: -100 to +100               │
│ • Lifts dark areas without noise    │
│ • Reveals hidden detail             │
│                                     │
│ Whites: -100 to +100                │
│ • Sets white point for contrast     │
│ • Controls paper white simulation   │
│                                     │
│ Blacks: -100 to +100                │
│ • Sets black point for depth        │
│ • Controls shadow clipping          │
└─────────────────────────────────────┘

Curve Points System:
- Input Values: Original pixel brightness (0-255)
- Output Values: Adjusted pixel brightness (0-255)
- Control Points: Dragable points on curve line
- Curve Smoothing: Bezier interpolation between points

Common Curve Adjustments:
S-Curve: Increase contrast (lift highlights, drop shadows)
Inverse S: Decrease contrast (vintage film look)
Raised Blacks: Film emulation effect
Lowered Whites: Vintage, faded appearance

Hue, Saturation, Luminance Controls:
┌─────────────────────────────────────┐
│ Hue: -180° to +180°                 │
│ • Shifts colors around color wheel  │
│ • Creative color grading           │
│                                     │
│ Saturation: -100 to +100            │
│ • Color intensity and vividness     │
│ • 0 = grayscale, +100 = very vivid │
│                                     │
│ Luminance: -100 to +100             │
│ • Brightness of specific colors     │
│ • Selective brightening/darkening   │
└─────────────────────────────────────┘

Targeted Color Adjustments:
- Red Channel: Skin tones, sunset colors
- Orange Channel: Skin warmth, autumn foliage  
- Yellow Channel: Sunlight, golden tones
- Green Channel: Foliage, nature scenes
- Cyan Channel: Sky, water elements
- Blue Channel: Sky, cool tones
- Purple Channel: Flowers, creative effects
- Magenta Channel: Creative color grading

Color Temperature Scale:
- 2000K: Candle light (very warm)
- 2700K: Incandescent bulbs (warm)
- 3000K: Warm white LED (warm)
- 4000K: Cool white fluorescent
- 5500K: Daylight (neutral)
- 6500K: Overcast sky (cool)
- 8000K: Shade on clear day (very cool)

White Balance Presets:
Auto: Algorithmic white balance detection
Tungsten: Indoor incandescent lighting
Fluorescent: Office/commercial lighting
Daylight: Outdoor natural lighting
Cloudy: Overcast outdoor conditions
Shade: Open shade situations
Flash: Camera flash illumination

RGB (Red, Green, Blue):
Purpose: Screen display, digital media
Color Space: Additive color (light emission)
Range: 16.7 million colors (8-bit per channel)
Use Cases: Web, digital photography, monitors

CMYK (Cyan, Magenta, Yellow, Black):
Purpose: Print production
Color Space: Subtractive color (ink absorption)
Range: Smaller gamut than RGB
Use Cases: Professional printing, magazines, books

Color Space Conversion:
RGB → CMYK: Some colors cannot be reproduced
CMYK → RGB: Generally lossless conversion

Standard Color Spaces:
┌─────────────────────────────────────┐
│ sRGB:                              │
│ • Standard web color space          │
│ • Supported by all browsers         │
│ • Default for most displays         │
│                                     │
│ Adobe RGB:                          │
│ • Larger color gamut than sRGB      │
│ • Professional photography          │
│ • High-end displays required        │
│                                     │
│ P3 Display:                         │
│ • Modern wide-gamut displays        │
│ • 25% more colors than sRGB         │
│ • Apple devices, modern monitors    │
└─────────────────────────────────────┘

Color Harmony Types:
Monochromatic: Single hue with variations in saturation/brightness
Analogous: Adjacent colors on color wheel (harmonious)
Complementary: Opposite colors on wheel (high contrast)
Triadic: Three evenly spaced colors (vibrant, balanced)
Split-Complementary: Base color + two adjacent to complement
Tetradic: Two complementary pairs (rich palette)

Color Emotional Impact:
Red: Energy, passion, urgency, warmth
Orange: Enthusiasm, creativity, adventure
Yellow: Happiness, optimism, attention
Green: Nature, growth, harmony, balance
Blue: Trust, calm, professionalism, stability
Purple: Luxury, mystery, creativity, spirituality
Black: Elegance, power, sophistication
White: Purity, cleanliness, minimalism
Gray: Neutrality, balance, timelessness

// Convolution Matrix Examples
Sharpen Filter:
[ 0, -1,  0]
[-1,  5, -1]
[ 0, -1,  0]

Edge Detection:
[-1, -1, -1]
[-1,  8, -1]
[-1, -1, -1]

Gaussian Blur (3x3):
[1, 2, 1]
[2, 4, 2] × 1/16
[1, 2, 1]

Emboss Effect:
[-2, -1,  0]
[-1,  1,  1]
[ 0,  1,  2]

Film Stock Emulation:
┌─────────────────────────────────────┐
│ Kodak Portra 400:                  │
│ • Warm skin tones                   │
│ • Pleasing color reproduction       │
│ • Portrait photography favorite     │
│                                     │
│ Fuji Velvia:                       │
│ • Highly saturated colors          │
│ • Deep blues and greens            │
│ • Landscape photography standard    │
│                                     │
│ Ilford HP5:                        │
│ • Classic black and white          │
│ • High contrast, sharp grain       │
│ • Street photography aesthetic     │
└─────────────────────────────────────┘

Professional Grading Techniques:
Orange & Teal: Hollywood blockbuster look
Bleach Bypass: High contrast, desaturated
Cross Processing: Experimental film effect
Day for Night: Simulate nighttime shooting
Golden Hour: Warm, cinematic lighting
Vintage: Retro color characteristics

HDR Processing Options:
Natural HDR: Realistic high dynamic range
Dramatic HDR: Artistic interpretation
Photomatix Style: Popular HDR software emulation
Local Adaptation: Preserve local contrast
Ghost Removal: Handle moving objects in brackets

Adjustable Parameters:
- Intensity: 0-100% effect strength
- Blend Mode: How filter mixes with original
- Opacity: Transparency of filter effect
- Selective Application: Mask-based filtering
- Real-time Preview: Live adjustment feedback

Blend Modes Available:
Normal, Multiply, Screen, Overlay, Soft Light,
Hard Light, Color Dodge, Color Burn, Darken,
Lighten, Difference, Exclusion, Hue, Saturation,
Color, Luminosity

Font Features:
┌─────────────────────────────────────┐
│ System Fonts:                       │
│ • Arial, Helvetica (Sans-serif)     │
│ • Times New Roman (Serif)           │
│ • Courier New (Monospace)           │
│                                     │
│ Web Fonts (Google Fonts):          │
│ • Roboto, Open Sans (Modern)        │
│ • Lato, Montserrat (Clean)          │
│ • Playfair Display (Elegant)        │
│                                     │
│ Design Fonts:                       │
│ • Impact (Bold headlines)           │
│ • Brush Script (Handwritten)        │
│ • Stencil (Military/Industrial)     │
└─────────────────────────────────────┘

Advanced Text Properties:
Character-Level:
- Font Family: Typeface selection
- Font Size: 8px to 500px range
- Font Weight: 100 (thin) to 900 (black)
- Font Style: Normal, italic, oblique
- Text Transform: Uppercase, lowercase, capitalize

Paragraph-Level:
- Line Height: Leading between lines (0.8x to 3x)
- Letter Spacing: Tracking between characters
- Word Spacing: Space between words
- Text Alignment: Left, center, right, justify
- Text Decoration: Underline, strikethrough, overline

Advanced Features:
- Text Shadow: Multiple shadows with blur
- Stroke/Outline: Adjustable width and color
- Gradient Text: Linear and radial gradients
- Pattern Fill: Image textures in text
- 3D Effects: Bevel, emboss, perspective

Vector Shape Library:
Basic Shapes:
- Rectangle: Square and rounded corners
- Circle/Ellipse: Perfect and custom ratios
- Triangle: Equilateral and custom angles
- Pentagon, Hexagon: Regular polygons
- Star: 3 to 20 points, adjustable inner radius

Advanced Shapes:
- Arrow: Directional indicators
- Speech Bubble: Communication elements
- Heart: Decorative symbol
- Lightning: Dynamic accent
- Custom Path: Bezier curve creation

Shape Properties:
- Fill Color: Solid, gradient, pattern
- Stroke Width: 1px to 50px thickness
- Stroke Style: Solid, dashed, dotted
- Corner Radius: Rounded rectangle corners
- Opacity: 0-100% transparency

Bezier Curve Controls:
- Anchor Points: Corner or smooth points
- Control Handles: Curve direction and intensity
- Path Segments: Straight lines or curves
- Path Operations: Union, intersect, subtract, divide

Path Editing Tools:
Direct Selection: Move individual points
Add Point: Insert new anchor points
Delete Point: Remove unnecessary points
Convert Point: Change corner to smooth or vice versa
Scissors: Cut path at specific points

Layer Architecture:
┌─────────────────────────────────────┐
│ Background Layer:                   │
│ • Original image (protected)        │
│ • Cannot be deleted or moved        │
│ • Serves as composition foundation  │
│                                     │
│ Image Layers:                       │
│ • Additional images and graphics    │
│ • Full blend mode support          │
│ • Individual transformation        │
│                                     │
│ Adjustment Layers:                  │
│ • Non-destructive color changes     │
│ • Affect all layers below          │
│ • Unlimited stacking               │
│                                     │
│ Text Layers:                        │
│ • Vector-based typography          │
│ • Editable at any time             │
│ • Style preservation               │
└─────────────────────────────────────┘

Blend Mode Categories:
Normal Group:
- Normal: No blending, layer replaces below
- Dissolve: Random pixel transparency

Darkening Group:
- Multiply: Darkens based on blend color
- Color Burn: Increases contrast, darkens
- Linear Burn: Linear version of Color Burn
- Darken: Keeps darkest pixels

Lightening Group:
- Screen: Lightens based on blend color
- Color Dodge: Decreases contrast, lightens
- Linear Dodge: Linear version of Color Dodge
- Lighten: Keeps lightest pixels

Contrast Group:
- Overlay: Combines multiply and screen
- Soft Light: Subtle contrast enhancement
- Hard Light: Strong contrast effect
- Pin Light: Extreme contrast variation

Comparative Group:
- Difference: Subtracts colors
- Exclusion: Similar to Difference, lower contrast

Component Group:
- Hue: Uses hue of blend layer
- Saturation: Uses saturation of blend layer
- Color: Uses hue and saturation
- Luminosity: Uses brightness values

Masking Techniques:
┌─────────────────────────────────────┐
│ Layer Masks:                        │
│ • Non-destructive hiding/revealing   │
│ • Grayscale: white shows, black hides│
│ • Gradient masks for smooth blending │
│                                     │
│ Clipping Masks:                     │
│ • Use lower layer as mask shape     │
│ • Perfect for text effects          │
│ • Shape-based cropping              │
│                                     │
│ Alpha Channel Masks:                │
│ • Transparency information          │
│ • PNG alpha channel support        │
│ • Complex selection preservation    │
└─────────────────────────────────────┘

// Compositing Mathematics
Alpha Blending Formula:
Result = (Source × SourceAlpha) + (Destination × (1 - SourceAlpha))

Porter-Duff Operators:
- Source Over: Standard layer blending
- Source In: Shows source only where destination exists
- Source Out: Shows source only where destination doesn't exist
- Source Atop: Source blended over destination
- Destination Over: Reverse of Source Over
- Destination In: Shows destination where source exists
- Destination Out: Shows destination where source doesn't exist
- Destination Atop: Destination blended over source
- Clear: Removes both source and destination
- Copy: Replaces destination with source
- XOR: Shows only non-overlapping areas

JPEG Compression Deep Dive:
┌─────────────────────────────────────┐
│ DCT (Discrete Cosine Transform):    │
│ • Converts spatial data to frequency │
│ • 8×8 pixel blocks processing       │
│ • Separates luminance from chroma   │
│                                     │
│ Quantization:                       │
│ • Quality parameter controls this   │
│ • Higher quality = less quantization│
│ • Visible artifacts at low quality  │
│                                     │
│ Huffman Encoding:                   │
│ • Lossless compression final step   │
│ • Variable-length codes            │
│ • Common values get shorter codes   │
└─────────────────────────────────────┘

Advanced JPEG Features:
Progressive JPEG:
- Loads in multiple passes
- Better perceived performance
- Slightly larger file size
- Recommended for web images > 10KB

JPEG 2000 (Limited Support):
- Wavelet-based compression
- Better quality at same file size
- Lossless compression option
- Poor browser support (Safari only)

PNG Compression Techniques:
Palette Optimization:
- Reduce colors to minimum needed
- PNG-8 vs PNG-24 decision
- Color quantization algorithms
- Dithering for smooth gradients

Filtering:
- None: No pre-compression filtering
- Sub: Horizontal differencing
- Up: Vertical differencing  
- Average: Average of horizontal and vertical
- Paeth: Complex predictive algorithm

Compression Levels:
- Level 0: No compression (fastest)
- Level 1: Best speed, larger files
- Level 6: Default balance
- Level 9: Best compression (slowest)

WebP Compression Options:
Lossless Mode:
- Perfect quality preservation
- 25-35% smaller than PNG
- Alpha channel support
- Best for graphics and screenshots

Lossy Mode:
- 25-35% smaller than equivalent JPEG
- Superior quality at same file size
- Adjustable quality 0-100
- Best for photographs

Mixed Mode:
- Lossless for some areas
- Lossy for others
- Optimal file size
- Complex images benefit most

Loading Performance:
┌─────────────────────────────────────┐
│ Lazy Loading:                       │
│ • Load images when needed           │
│ • Reduces initial page load time    │
│ • Improves perceived performance    │
│                                     │
│ Progressive Enhancement:            │
│ • Load low-quality placeholder      │
│ • Enhance with full quality         │
│ • Smooth user experience           │
│                                     │
│ Responsive Images:                  │
│ • Serve appropriate size for device │
│ • Reduce bandwidth usage           │
│ • Faster loading on mobile         │
└─────────────────────────────────────┘

// Image Optimization Checklist
Pre-Delivery Optimization:
□ Choose optimal format (JPEG/PNG/WebP)
□ Compress to target quality level
□ Remove unnecessary metadata
□ Optimize for target viewing size
□ Consider progressive loading
□ Generate multiple sizes for responsive design

Delivery Optimization:
□ Use Content Delivery Network (CDN)
□ Enable gzip/brotli compression
□ Set appropriate cache headers
□ Implement lazy loading
□ Provide fallback formats
□ Monitor Core Web Vitals

Export Decision Matrix:
┌─────────────────────────────────────┐
│ Web Display:                        │
│ • JPEG 70-85% quality               │
│ • sRGB color space                  │
│ • 72-96 DPI resolution              │
│ • Strip metadata for privacy        │
│                                     │
│ Social Media:                       │
│ • Platform-specific dimensions      │
│ • High quality (90%+) for uploads   │
│ • sRGB color space                  │
│ • Consider platform compression     │
│                                     │
│ Print Production:                   │
│ • 300 DPI minimum resolution        │
│ • Adobe RGB or ProPhoto color       │
│ • TIFF or high-quality JPEG         │
│ • Preserve all metadata             │
│                                     │
│ Archive/Storage:                    │
│ • Lossless formats (PNG, TIFF)      │
│ • Full resolution preservation      │
│ • Complete metadata retention       │
│ • Multiple format backups           │
└─────────────────────────────────────┘

Batch Processing Features:
Action Recording:
- Record sequence of edits
- Apply to multiple images
- Save custom presets
- Automate repetitive tasks

Naming Conventions:
- Original filename preservation
- Sequential numbering
- Date/time stamps
- Custom prefix/suffix
- Folder organization

Quality Control:
- Preview before export
- Error handling for failed exports
- Progress tracking
- Resume interrupted batches

EXIF Information Categories:
┌─────────────────────────────────────┐
│ Camera Settings:                    │
│ • ISO sensitivity                   │
│ • Aperture (f-stop)                 │
│ • Shutter speed                     │
│ • Focal length                      │
│ • Flash settings                    │
│                                     │
│ Image Data:                         │
│ • Image dimensions                  │
│ • Color space                       │
│ • Orientation                       │
│ • Creation date/time                │
│                                     │
│ GPS Information:                    │
│ • Latitude/Longitude                │
│ • Altitude                          │
│ • Direction of view                 │
│ • Location accuracy                 │
│                                     │
│ Copyright:                          │
│ • Photographer name                 │
│ • Copyright notice                  │
│ • Usage rights                      │
│ • Contact information               │
└─────────────────────────────────────┘

Metadata Privacy Settings:
Strip All Metadata:
- Remove all EXIF, IPTC, XMP data
- Eliminates privacy concerns
- Reduces file size slightly
- Recommended for public sharing

Selective Removal:
- Keep copyright information
- Remove GPS location data
- Preserve camera settings
- Strip personal identifiers

Professional Retention:
- Keep all technical metadata
- Preserve copyright information
- Maintain workflow data
- Archive complete information

Instagram Image Requirements:
┌─────────────────────────────────────┐
│ Feed Posts:                         │
│ • Square: 1080×1080 pixels          │
│ • Landscape: 1080×566 pixels        │
│ • Portrait: 1080×1350 pixels        │
│ • Format: JPEG, PNG                 │
│ • Max file size: 30MB               │
│                                     │
│ Stories:                            │
│ • Dimensions: 1080×1920 pixels      │
│ • Aspect ratio: 9:16                │
│ • Safe area: Center 1080×1420       │
│ • Format: JPEG, PNG, MP4            │
│                                     │
│ IGTV:                               │
│ • Vertical: 1080×1920 (9:16)        │
│ • Horizontal: 1920×1080 (16:9)      │
│ • Square: 1080×1080 (1:1)           │
│ • Duration: 15 seconds to 60 minutes│
└─────────────────────────────────────┘

Facebook Image Specifications:
Profile Pictures:
- Display size: 170×170 pixels (desktop)
- Upload recommendation: 720×720 pixels
- Minimum size: 180×180 pixels
- Format: JPEG, PNG, GIF

Cover Photos:
- Desktop display: 820×312 pixels
- Mobile display: 640×360 pixels
- Upload recommendation: 1200×630 pixels
- Minimum size: 400×150 pixels

Shared Images:
- Recommended: 1200×630 pixels
- Minimum: 600×315 pixels
- Aspect ratio: 1.91:1
- File size: Under 8MB

LinkedIn Specifications:
Profile Photo: 400×400 pixels (square)
Cover Image: 1584×396 pixels
Shared Images: 1200×627 pixels
Company Logo: 300×300 pixels (square)

Twitter/X Specifications:
Profile Picture: 400×400 pixels
Header Image: 1500×500 pixels
In-Stream Photos: 1200×675 pixels (16:9)
Card Images: 800×418 pixels

YouTube Specifications:
Channel Art: 2560×1440 pixels
Thumbnails: 1280×720 pixels (16:9)
Profile Picture: 800×800 pixels (square)
Video Thumbnails: Under 2MB file size

E-commerce Image Requirements:
┌─────────────────────────────────────┐
│ Amazon:                             │
│ • Main image: 2000×2000 pixels min  │
│ • White background (RGB 255,255,255)│
│ • Product fills 85% of frame        │
│ • JPEG, TIFF, PNG, GIF formats      │
│ • 10MB maximum file size            │
│                                     │
│ eBay:                               │
│ • Minimum: 500×500 pixels           │
│ • Maximum: 12 images per listing    │
│ • Formats: JPEG, PNG, GIF           │
│ • File size: 7MB maximum            │
│                                     │
│ Shopify:                            │
│ • Recommended: 2048×2048 pixels     │
│ • Aspect ratio: 1:1 (square)        │
│ • File size: 20MB maximum           │
│ • Formats: JPEG, Progressive JPEG   │
└─────────────────────────────────────┘

Professional Product Photography:
Lighting Setup:
- Even, diffused lighting
- Avoid harsh shadows
- White or neutral background
- Consistent lighting across all products

Composition:
- Product fills 80-85% of frame
- Multiple angles (front, back, side, detail)
- Scale reference when helpful
- Lifestyle context for some images

Technical Requirements:
- Sharp focus throughout product
- Accurate color representation
- High resolution for zoom functionality
- Consistent white balance

Portrait Enhancement Workflow:
┌─────────────────────────────────────┐
│ Step 1: Basic Corrections           │
│ • Exposure and white balance        │
│ • Crop and straighten               │
│ • Remove obvious distractions       │
│                                     │
│ Step 2: Skin Retouching            │
│ • Spot removal (blemishes)          │
│ • Skin smoothing (subtle)           │
│ • Color correction (under-eye)      │
│                                     │
│ Step 3: Feature Enhancement         │
│ • Eye brightening and sharpening    │
│ • Teeth whitening (natural)         │
│ • Hair flyaway removal              │
│                                     │
│ Step 4: Creative Finishing         │
│ • Color grading and mood            │
│ • Background adjustments            │
│ • Final sharpening for output       │
└─────────────────────────────────────┘

Landscape Processing Techniques:
Dynamic Range Enhancement:
- Graduated filters for skies
- Luminosity masking
- HDR tone mapping
- Shadow/highlight recovery

Color Grading:
- Orange/teal color schemes
- Golden hour enhancement
- Seasonal color adjustments
- Mood-based color palettes

Detail Enhancement:
- Local contrast adjustment
- Texture and clarity
- Sharpening for different viewing sizes
- Noise reduction for high ISO images

// Double Exposure Algorithm
Process:
1. Convert both images to grayscale
2. Invert one image (create negative)
3. Apply Screen blend mode
4. Mask subject silhouette
5. Adjust opacity for balance
6. Fine-tune contrast and brightness

Advanced Techniques:
- Use luminosity masks for selection
- Apply gradient masks for smooth blending
- Color grade final result
- Add light leaks or texture overlays

Frequency Separation Technique:
Purpose: Separate texture from color/tone
Applications: Skin retouching, fabric correction

Low Frequency Layer:
- Contains color and tone information
- Created with strong Gaussian blur
- Edit with healing/clone tools
- Affects overall color and light

High Frequency Layer:
- Contains texture and fine detail
- Created by subtracting low frequency
- Set to Linear Light blend mode
- Edit with blur/sharpen tools

Luminosity Masking:
Concept: Select based on brightness values
Benefits: Natural selection boundaries
Process:
1. Create luminosity selection
2. Refine with levels/curves
3. Apply as layer mask
4. Make targeted adjustments

Color Range Masking:
Concept: Select based on color values
Benefits: Precise color targeting
Process:
1. Sample target colors
2. Adjust fuzziness/range
3. Refine edge quality
4. Apply selective adjustments

Action Recording Best Practices:
┌─────────────────────────────────────┐
│ Planning:                           │
│ • Document workflow steps           │
│ • Test on sample images             │
│ • Consider image variation          │
│                                     │
│ Recording:                          │
│ • Start with clean image            │
│ • Use relative measurements         │
│ • Include error handling            │
│ • Test after recording              │
│                                     │
│ Organization:                       │
│ • Group related actions             │
│ • Use descriptive names             │
│ • Document required settings        │
│ • Version control for updates       │
└─────────────────────────────────────┘

// Smart Batch Processing
Conditional Logic Examples:

Image Size Conditions:
if (imageWidth > 2000) {
    applyHighQualitySharpening();
} else {
    applyStandardSharpening();
}

Color Space Detection:
if (colorSpace === 'RGB') {
    maintainColorSpace();
} else if (colorSpace === 'CMYK') {
    convertToRGB();
}

Metadata-Based Processing:
if (camera === 'Canon') {
    applyCanonColorProfile();
} else if (camera === 'Nikon') {
    applyNikonColorProfile();
}

Performance Optimization:
┌─────────────────────────────────────┐
│ Slow Processing:                    │
│ • Reduce image resolution for editing│
│ • Close unused browser tabs          │
│ • Clear browser cache regularly      │
│ • Use hardware acceleration          │
│                                     │
│ Memory Issues:                      │
│ • Work with smaller images           │
│ • Process in batches                 │
│ • Restart browser periodically       │
│ • Monitor system memory usage        │
│                                     │
│ Browser Crashes:                    │
│ • Update browser to latest version   │
│ • Disable conflicting extensions     │
│ • Clear browser data                 │
│ • Use Incognito/Private mode         │
└─────────────────────────────────────┘

Image Quality Problems:
Blurry Results After Resize:
- Cause: Poor resampling algorithm
- Solution: Use Lanczos resampling
- Prevention: Avoid excessive upscaling

Color Shifts After Export:
- Cause: Color space conversion
- Solution: Maintain consistent color space
- Prevention: Use sRGB for web content

Visible Compression Artifacts:
- Cause: Too aggressive JPEG compression
- Solution: Increase quality setting
- Prevention: Use PNG for graphics with sharp edges

Banding in Gradients:
- Cause: 8-bit color depth limitation
- Solution: Add subtle noise/dithering
- Prevention: Work in 16-bit when possible

Format Support Issues:
┌─────────────────────────────────────┐
│ RAW File Support:                   │
│ • Limited RAW format support        │
│ • Convert to JPEG/TIFF first        │
│ • Use dedicated RAW processors       │
│                                     │
│ Large File Handling:               │
│ • Browser memory limitations        │
│ • Progressive loading for large files│
│ • Consider file compression         │
│                                     │
│ Color Profile Issues:              │
│ • Embedded profiles may be ignored  │
│ • Convert to sRGB for consistency   │
│ • Profile mismatch warnings         │
└─────────────────────────────────────┘

Professional File Organization:
Directory Structure:
/Project_Name/
  ├── 01_Originals/
  ├── 02_Working/
  ├── 03_Finals/
  ├── 04_Archive/
  └── 05_Delivery/

Naming Conventions:
- YYYY-MM-DD_ProjectName_Version
- Use leading zeros for sorting
- Include version numbers
- Avoid spaces and special characters

Backup Strategy:
- 3-2-1 Rule: 3 copies, 2 different media, 1 offsite
- Automated backup solutions
- Version history maintenance
- Regular backup verification

// Pre-Delivery Quality Check
Technical Quality:
□ Resolution appropriate for use case
□ Color space correct for output
□ File format optimized
□ No visible artifacts or errors
□ Metadata handled appropriately

Visual Quality:
□ Exposure and contrast optimized
□ Colors accurate and pleasing
□ Sharp focus where intended
□ No unwanted elements
□ Composition follows guidelines

Delivery Requirements:
□ Correct dimensions and DPI
□ File naming convention followed  
□ Appropriate compression applied
□ All required formats provided
□ Client specifications met

Professional Delivery Process:
Initial Consultation:
- Understand project requirements
- Clarify technical specifications  
- Establish timeline and deliverables
- Document scope and limitations

Progress Updates:
- Share preview images for approval
- Communicate any challenges early
- Provide realistic timeline updates
- Maintain professional communication

Final Delivery:
- Provide multiple format options
- Include technical specifications
- Offer brief usage guidelines
- Follow up on client satisfaction

Artificial Intelligence Applications:
┌─────────────────────────────────────┐
│ Content-Aware Features:             │
│ • Automatic object removal          │
│ • Intelligent cropping suggestions  │
│ • Smart color correction            │
│ • Noise reduction algorithms        │
│                                     │
│ Machine Learning:                   │
│ • Style transfer capabilities       │
│ • Automatic tagging and keywords    │
│ • Facial recognition and enhancement│
│ • Scene understanding              │
│                                     │
│ Generative AI:                      │
│ • Content-aware fill               │
│ • Resolution enhancement           │
│ • Style synthesis                  │
│ • Automatic colorization          │
└─────────────────────────────────────┘

Browser Capability Evolution:
WebGPU: Hardware-accelerated graphics processing
WebAssembly: Near-native performance for complex algorithms
File System Access API: Direct file system integration
Persistent Storage: Client-side project preservation

Progressive Web Apps:
- Offline functionality
- Native app-like experience  
- Background processing
- Push notifications

Mobile Optimization Trends:
Touch Interface Design:
- Gesture-based controls
- Pressure-sensitive input
- Multi-touch support
- Haptic feedback

Performance Optimization:
- Progressive loading
- Efficient memory usage
- Battery consumption awareness
- Network-conscious features

Cross-Platform Synchronization:
- Cloud project storage
- Device handoff capabilities
- Settings synchronization
- Collaborative editing