What is Aspect Ratio?

Aspect Ratio — Image Width-to-Height Proportions

Aspect ratio is the proportional relationship between an image's width and height, expressed as two numbers separated by a colon. Common ratios include 16:9 (widescreen), 4:3 (classic), and 1:1 (square).

Detalhe técnico

Aspect ratio is calculated by dividing width and height by their greatest common divisor. Changing an image's aspect ratio without cropping requires adding padding or distorting the content.

Exemplo

```javascript
// Crop image to specific region
const canvas = document.createElement('canvas');
canvas.width = cropWidth;
canvas.height = cropHeight;
const ctx = canvas.getContext('2d');
ctx.drawImage(
  img,
  cropX, cropY, cropWidth, cropHeight,  // source rect
  0, 0, cropWidth, cropHeight            // dest rect
);
```

Formatos relacionados

.numbers

Ferramentas relacionadas

A Aspect Ratio Calculator C Comprimir Imagem G Gerador de Markdown Aleatório R Redimensionar Imagem R Recortar Imagem G Girar Imagem E Espelhar Imagem C Converter Imagem M Marca d'Água em Imagem S SVG para PNG I Imagem para Base64 A Arredondar Cantos A Adicionar Borda F Filtros de Imagem A Ajustar Imagem D Desfocar Imagem N Nitidez de Imagem T Tornar Quadrada G Grayscale Image S Sepia Image P Pixelate Image S Strip Image Metadata

Termos relacionados

Aspect Ratio (CSS) Contrast Ratio Compression Ratio Alpha Channel AVIF Chroma Subsampling Chromatic Aberration Color Grading (Image) Compression Artifact Dithering (Image) Image Histogram Image Registration Metadata Resolution Alpha Compositing Image Pyramid Rasterization Bit Depth Color Space Lossy Compression HDR Raster Graphics Vector Graphics Sprite Sheet Thumbnail WebP Crop Image Optimization Resize ICC Profile Image Interpolation Canvas Convolution DPI/PPI Gamma Histogram Golden Ratio Noise Reduction (Image) Panorama Stitching Feature Matching Image Segmentation Object Detection Mipmap Morphological Operations Texture Atlas Gamut Mapping IPTC Tone Mapping Focus Stacking Vignetting XMP Batch Resize Content-Aware Fill Lossless Compression EXIF Color Profile DPI