✓ 🍋
peasy / css
Menu
Alle Tools Anleitungen 48 Glossar 44 Dateiformate 131 Anwendungsfaelle 302 API

Categories

P pdf I image D document T text D developer C css D design V video A audio Q qr S seo S security S social M math G generator
🍋 peasytools.com
Image

Aspect Ratio

Aspect Ratio (Width-to-Height Proportion)

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).

Technisches Detail

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.

Beispiel

```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
);
```

Verwandte Formate

.numbers

Verwandte Tools

A Aspect Ratio Calculator C Compress Image G Golden Ratio Calculator R Resize Image C Crop Image R Rotate Image F Flip Image C Convert Image W Watermark Image S SVG to PNG I Image to Base64 R Round Corners A Add Border I Image Filters A Adjust Image B Blur Image S Sharpen Image M Make Square G Grayscale Image S Sepia Image P Pixelate Image S Strip Image Metadata

Verwandte Begriffe

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