Recortador de imaxes de balde
Recorta imaxes arrastrando para seleccionar, con restrición de relación de aspecto opcional (1:1, 16:9, 4:3, etc.), cuadrícula de regra de terzos e exportación en múltiples formatos (JPEG, PNG, WebP).
Solta aquí un ficheiro ou fai clic para buscalo
JPG, PNG, WebP, HEIC, HEIF · procesado no teu dispositivo
ou preme Ctrl+V para pegar desde o portapapeis
Consello: podes pegar unha captura con Ctrl+V
Os teus ficheiros nunca saen do teu dispositivo. Todo o procesamento realízase localmente no teu navegador.
Usos habituais
- Recorta fotos para InstagramRecorta aos tamaños preferidos de Instagram 1:1 (cadrado), 4:5 (retrato) e 1.91:1 (paisaxe).
- Recorta imaxes de perfil a cadradoFai imaxes de perfil cadradas para LinkedIn, Twitter, GitHub ou calquera plataforma social.
- Recorta miniaturas de YouTube e artigosRecorta á relación de aspecto 16:9 utilizada por vídeos de YouTube e a maioría de imaxes de hero de blog.
- Recorta fotos de pasaporte / identificaciónRecorta fotos á relación de aspecto estándar 2:3 de retrato para aplicacións de pasaporte, visado e identificación.
- Recorta fotos de produtos de comercio electrónicoEstandariza as proporcións de fotos de produtos para Amazon, Shopify, Etsy e outros mercados.
Como funciona
O recorte ocorre enteiramente no teu navegador usando a API HTML5 Canvas — sen subida, sen servidor. Arrastras unha rexión de selección directamente nun elemento de lenzo, e cando aplicas o recorte, o motor de renderización 2D integrado do navegador le só os píxeles seleccionados e recodifícaos a JPEG, PNG ou WebP.
- 1Imaxe cargada en memoriaO teu ficheiro lese con URL.createObjectURL(), que entrega ao navegador un URL de blob local. Un HTMLImageElement decodifica o ficheiro enteiramente na pestana do navegador — os bytes da imaxe nunca saen do teu dispositivo.
- 2A API Pointer Events conduce a selección de recorteA API Pointer Events do navegador (que unifica a entrada de rato, tacto e lapis) rastrexa os arrastres nunha superposición de lenzo. Premer fóra da selección inicia un novo rectángulo; premer dentro móveo; premer preto da esquina inferior dereita redimensiónao. Os predefinidos opcionais de proporción de aspecto (1:1, 16:9, 4:3, etc.) limitan a xeometría durante o arrastre.
- 3Canvas debuxa a vista previa en directoEn cada cambio de recorte, o contexto Canvas 2D redebuxa a imaxe, aplica unha superposición escura fóra da selección, limpa a rexión de recorte para mostrar a imaxe orixinal en fidelidade completa, e superpón unha grella de regra de tercios e un punto de redimensionamento en teal.
- 4toBlob() codifica e entrega o resultadoCando fas clic en Recortar, créase un novo lenzo fóra de pantalla coas dimensións exactas de recorte. ctx.drawImage() copia só o rectángulo seleccionado, e canvas.toBlob() codifica o resultado usando o codificador nativo JPEG, PNG ou WebP do navegador coa configuración de calidade que escollas. A saída entrégase de volta como un URL de blob local para descargar.
A túa imaxe ábrese como un URL de blob local e procésase enteiramente dentro da túa pestana do navegador — nada se sube a ningún servidor en ningún momento.
Ferramentas relacionadas
Creador de collage de fotos
Combine fotos en collages de grade con espazo, esquinas redondeadas e presazos de relación de aspecto social. Exportación HD, sen conta, sen marca de auga.
Creador de presentacións de fotos
Converte fotos nun vídeo MP4 con música, fundidos cruzados e un zoom lento. 16:9, 9:16 ou cadrado, ata 1080p. Feito no teu navegador; as túas fotos non se soben.
Creador de imaxes con citas
Converte unha cita nunha imaxe para compartir. Engade o autor, escolle unha cor, un degradado ou a túa propia foto, elixe unha fonte e un tamaño e descarga un PNG.