Help & Documentation

Help & Guide

Everything you need to know about using RatioGenie

Quick Start Guide

Simple Calculator

  1. Select from 10 common aspect ratio presets
  2. Or manually enter aspect ratio values (e.g., 16 and 9)
  3. Choose width or height input mode
  4. Enter pixel dimension - the other auto-calculates
  5. Use visual slider for ratio fine-tuning
Features Overview

Aspect Ratio Calculator

Core Features

  • • Real-time dimension calculations
  • • Visual slider for ratio adjustment
  • • Toggle between width/height input
  • • Copy results to clipboard
  • • Built-in preset selector with use cases

Built-in Presets

16:9 WidescreenYouTubeTVNetflix
1:1 SquareInstagram PostProfile Pics
9:16 PortraitTikTokInstagram Stories
Plus 7 more: 4:3, 3:2, 2:3, 21:9, 5:4, 3:4, 2:1

Image Upload & Analysis

Analysis Features

  • • Automatic dimension detection
  • • Aspect ratio identification
  • • Real-time crop preview
  • • Visual comparison tools
  • • Apply dimensions to calculator

Privacy & Performance

  • • 100% client-side processing
  • • Images never uploaded to servers
  • • Web Workers for smooth performance
  • • Automatic memory optimization
  • • Support for large files (>2MB)

Ratio Comparison Tool

Comparison Features

  • • Side-by-side aspect ratio comparison
  • • Up to 6 ratios displayed simultaneously
  • • Platform preset integration
  • • Visual crop preview with images
  • • Multi-platform content planning

Use Cases

  • • Content creators planning posts
  • • Designers evaluating formats
  • • Social media managers
  • • Cross-platform content strategy
  • • Quick visual format comparison

Golden Ratio Calculator

Mathematical Features

  • • Calculate golden proportions (φ ≈ 1.618)
  • • Input width or height to get perfect dimensions
  • • Check if custom dimensions follow golden ratio
  • • Visual golden rectangle demonstrations
  • • Fibonacci sequence and ratio convergence

Design Applications

  • • Business cards and print materials
  • • Photo frames and artwork sizing
  • • Logo design and brand identity
  • • Web layout and content areas
  • • Architecture and spatial design

Batch Image Processor

Batch Features

  • • Process multiple images simultaneously
  • • Interactive drag-to-reposition crop preview
  • • Individual image management
  • • Bulk download processed images
  • • Progress tracking for large batches

Processing Options

  • • Apply preset to all images
  • • Individual aspect ratio selection
  • • Custom crop positioning
  • • Maintain original quality
  • • Memory-efficient processing
Detailed Usage Guide

Using the Calculator

Method 1: Manual Input

  1. Enter aspect ratio values (e.g., 16 and 9)
  2. Enter either width OR height in pixels
  3. The calculator automatically computes the missing dimension
  4. Click “Copy” to save results to clipboard

Method 2: Built-in Presets

  1. Click the preset dropdown selector
  2. Choose from 10 common ratios (e.g., “16:9 (Widescreen)”)
  3. View use case badges for each preset
  4. Aspect ratio values populate automatically

Method 3: Visual Slider

  1. Use the visual ratio slider below the inputs
  2. Drag to adjust aspect ratio in real-time
  3. Values update automatically as you slide
  4. Perfect for finding custom aspect ratios

Using Batch Processor

Step 1: Upload Images

  • Click “Select Images” or drag & drop multiple files
  • Supported formats: JPEG, PNG, WebP, GIF
  • Max file size: 10MB per image (configurable)
  • Review selected files before processing

Step 2: Configure Processing

  • Select aspect ratio preset from dropdown
  • Choose processing mode (crop/resize)
  • Set output dimensions if needed
  • Preview crop area for each image

Step 3: Adjust & Download

  • Click preview to adjust crop position
  • Drag the image to reposition crop area
  • Remove individual images if needed
  • Click “Process and Download” for all images
Keyboard Shortcuts

Calculator Shortcuts

Toggle input mode:
Tabbetween width/height
Copy results:
Ctrl+C
Open preset selector:
Spacewhen focused

Navigation

Calculator:Click sidebar or /
Batch Processor:Click sidebar or /batch
Help:Click sidebar help icon
Tips & Best Practices

For Best Results

  • • Use high-resolution source images for better quality
  • • Preview crop position before batch processing
  • • Check calculation history for recent work
  • • Use built-in presets for common aspect ratios
  • • Enable Web Workers for smooth performance

Privacy & Security

  • • All processing happens in your browser
  • • Images are never uploaded to servers
  • • No account or login required
  • • Clear browser data to remove history
  • • Read our Privacy Policy
Troubleshooting