🍋
Menu
Image

Crop

Recorte (Selecao de Regiao de Imagem)

A acao de selecionar e manter uma porcao retangular de uma imagem, removendo a area exterior para melhorar a composicao, focar no assunto ou cumprir requisitos especificos de racio de aspeto.

Detalhe técnico

O recorte define um retangulo (x, y, largura, altura) dentro dos limites da imagem original. As APIs de canvas e bibliotecas de processamento de imagem implementam recorte como copia de sub-array de memoria. Os racios de aspeto comuns: 1:1 (quadrado, perfil social), 4:3 (foto padrao), 16:9 (widescreen), 9:16 (stories moveis), 3:2 (DSLR). O recorte sem perda em JPEG e possivel em limites MCU de 8x8 ou 16x16 pixeis sem re-compressao.

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

Ferramentas relacionadas

Termos relacionados