Skip to content

Recorte por Proporción online

En el navegador — sin subida
Última verificación mayo 2026 — corre en tu navegador

Recorte por Proporción — Auto-Centrado a 5 Proporciones Estándar de Plataforma vía Extracción de Sub-Rectángulo drawImage del WHATWG Canvas

Recorta cualquier imagen a una de 5 proporciones estándar de plataforma con auto-centrado computando el rectángulo mayor posible que cabe en la proporción objetivo dentro del origen: 1:1 (posts cuadrados Instagram, avatares de perfil, iconos de app), 4:3 (TV de definición estándar NTSC/PAL/SECAM según ITU-R BT.601 ratificada 1982, también pantallas tablet clásicas + formatos foto para impresora), 16:9 (HDTV widescreen según ITU-R Rec. 709 aprobada por el CCIR en 1989, primer lanzamiento oficial 1990, BT.709-1 noviembre 1993 — vídeos YouTube, monitores modernos 1080p/4K, TVs), 3:2 (proporción foto-fija 35mm originada por la Leica I de Oskar Barnack en 1925 en la Feria de Leipzig vía el formato full-frame 24×36mm derivado de dos frames cine 18×24mm cosidos horizontalmente, aún la proporción nativa de sensores full-frame digitales SLR/mirrorless), y 9:16 (vertical / retrato — TikTok, Instagram Stories + Reels, YouTube Shorts, formatos vídeo vertical mobile-first). La conversión corre localmente vía la forma de 9 argumentos extracción sub-rectángulo origen de Canvas drawImage del WHATWG (`drawImage(source, sx, sy, sw, sh, dx, dy, dw, dh)` según html.spec.whatwg.org/#dom-context-2d-drawimage) — el rectángulo proporción-objetivo mayor se computa y centra en el origen, después esos píxeles se extraen a un canvas nuevo a resolución nativa. El formato de salida casa con el origen: orígenes PNG se quedan PNG con alfa RGBA pleno; orígenes JPG producen JPG a calidad 0,92 (recodificado vía canvas.toBlob con cuantización del Anexo K según ITU-T T.81). Los archivos nunca salen del dispositivo.

Relacionado: Recortar Imagen Recorte Circular Redimensionar Redes Redimensionar Imagen Divisor de Cuadrícula Ampliador de Imágenes

Cómo recortar a una proporción

  1. Arrastra tu imagen a la herramienta o haz clic para seleccionarla. El decodificador integrado del navegador carga el origen a dimensiones nativas.
  2. Elige la proporción objetivo: 1:1 (cuadrado), 4:3 (televisión clásico), 16:9 (HDTV widescreen), 3:2 (foto 35mm), o 9:16 (vertical para vídeo mobile-first). El algoritmo de auto-centrado computa el rectángulo proporción-objetivo mayor que cabe dentro del origen.
  3. Revisa la vista previa centrada del recorte. El recorte se computa a resolución origen nativa — sin escalado aplicado; solo los píxeles fuera del rectángulo proporción-objetivo se descartan.
  4. Pulsa Descargar para guardar la imagen recortada. La salida preserva el formato origen (PNG con RGBA, o JPG a calidad 0,92). El archivo original queda intacto en el disco — los archivos nunca salen del dispositivo.

Casos de uso comunes

  • Preparar miniaturas cuadradas 1:1 para posts grid Instagram y avatares de perfil donde el recorte automático de la plataforma rara vez acierta con el sujeto.
  • Cortar fotos panorámicas gran angular a 16:9 para miniaturas YouTube, banners hero en páginas de aterrizaje, o fondos de pantalla de monitor moderno.
  • Recortar disparos full-frame SLR/mirrorless 3:2 para encajar en impresiones de laboratorio fotográfico que esperan esa proporción 35mm clásica.
  • Convertir fotos horizontales a recortes verticales 9:16 para TikTok, Instagram Stories + Reels, YouTube Shorts, o Snapchat donde los medios horizontales se renderizan como cajas letterbox pequeñas.
  • Producir recortes 4:3 para contextos de pantalla tablet (iPad Air/Pro), impresiones foto clásicas 4×6 / 5×7, o proyectos vídeo era-NTSC que mantienen la proporción heredada.

Preguntas frecuentes

¿Perderé partes de la imagen al recortar?

Sí — cualquier píxel fuera del rectángulo proporción-objetivo centrado se descarta. El algoritmo de auto-centrado elige el rectángulo proporción-objetivo mayor que cabe dentro de las dimensiones origen, centrado horizontal y verticalmente. Para sujetos descentrados, pasa el origen por la herramienta crop-image primero para posicionar el sujeto en el centro geométrico del origen, después aplica aspect-ratio-crop.

¿Por qué estos cinco presets de proporción?

Estos cinco cubren la gran mayoría de casos de uso de proporción social-media, impresión, y vídeo a fecha de 2026. 1:1 (Instagram cuadrado + iconos app + avatares perfil); 4:3 (televisión NTSC/PAL según ITU-R BT.601 1982 + pantallas tablet + formatos foto amigables para impresora); 16:9 (HDTV según ITU-R Rec. 709 1989 + YouTube + monitores modernos); 3:2 (fotografía 35mm según Leica 1925 + sensores full-frame digitales); 9:16 (vertical para TikTok + Instagram Stories/Reels + YouTube Shorts). Proporciones arbitrarias personalizadas son accesibles vía los campos de entrada manual W×H de la herramienta crop-image.

¿La herramienta añade padding si la proporción de mi imagen no casa?

No. La herramienta aspect-ratio-crop exclusivamente recorta (elimina píxeles fuera del rectángulo objetivo); nunca añade píxeles de padding. Si la proporción del origen no casa con el objetivo, el algoritmo de auto-centrado elige el rectángulo proporción-objetivo mayor que cabe dentro del origen — los píxeles fuera de ese rectángulo se descartan. Para añadir padding (letterbox/pillarbox) en lugar de recortar, usa una herramienta layout-aware como social-media-resizer.

¿Qué formato de salida produce la herramienta?

La salida preserva el formato origen: orígenes PNG producen PNG (alfa de 8 bits por píxel RGBA preservado byte-exacto según W3C PNG 2ª Edición 10 de noviembre de 2003 / ISO/IEC 15948:2004); orígenes JPG producen JPG recodificado vía canvas.toBlob a calidad 0,92 (cuantización perceptual del Anexo K de ITU-T T.81, aproximadamente 1-2% pérdida adicional perceptualmente invisible respecto al origen). Orígenes no-PNG, no-JPG se codifican como JPG calidad 0,92 por defecto.

¿Se sube mi imagen?

No. La decodificación + computación de auto-centrado + extracción de sub-rectángulo origen de 9 argumentos del Canvas drawImage + recodificación toBlob corren todos del lado cliente vía WHATWG Canvas. La pestaña Network de DevTools muestra cero peticiones de subida durante la conversión.

5 presets de proporción + auto-centrar recorte max-fit + extracción de 9 argumentos drawImage del WHATWG Canvas

La herramienta aspect-ratio-crop expone 5 proporciones estándar de plataforma como opciones preset: 1:1 (el cuadrado universal — posts cuadrados Instagram y avatares de perfil, másters de origen de iconos de app), 4:3 (la proporción de televisión de definición estándar NTSC/PAL/SECAM según ITU-R BT.601 ratificada por el CCIR en 1982 — la proporción TV estándar durante casi 70 años hasta que el 16:9 del HDTV la desplazó; aún usada para pantallas tablet, SLR clásicas y formatos foto amigables para impresora 4×6/5×7), 16:9 (HDTV widescreen según ITU-R Rec. 709 — aprobada por el CCIR en 1989 como 'Recommendation XA/11 MOD F', primer lanzamiento oficial 1990, renombrada a ITU-R BT.709 cuando el CCIR se convirtió en ITU-R en 1992, BT.709-1 noviembre 1993 — la proporción widescreen moderna HDTV/UHDTV universalmente usada para vídeos YouTube, monitores 1080p/4K, TVs modernos), 3:2 (la proporción foto-fija 35mm originada por Oskar Barnack en Ernst Leitz Wetzlar — el prototipo Ur-Leica 1913, la Leica I comercial lanzada en la Feria de Leipzig 1925 — vía el formato full-frame 24×36mm derivado de coser dos frames cine 18×24mm horizontalmente; la proporción nativa de cada sensor full-frame digital SLR/mirrorless hasta 2026), y 9:16 (la inversa del 16:9, es decir widescreen en orientación retrato — usada por TikTok, Instagram Stories + Reels, YouTube Shorts, Snapchat, y la mayoría de formatos vídeo vertical mobile-first desde que el uso smartphone superó al escritorio ~2017). El algoritmo de auto-centrado computa el rectángulo mayor de la proporción objetivo que cabe dentro de las dimensiones origen: si el cociente width/height del origen supera al objetivo, el recorte usa la altura íntegra del origen y computa width = height × ratio_objetivo (centrado horizontalmente); en otro caso el recorte usa el ancho íntegro del origen y computa height = width / ratio_objetivo (centrado verticalmente). Los offsets de centrado son entonces `ox = (sourceWidth - cropWidth) / 2`, `oy = (sourceHeight - cropHeight) / 2`. El recorte se extrae vía la forma de 9 argumentos sub-rectángulo origen de Canvas drawImage del WHATWG a resolución nativa. La salida preserva el formato origen: PNG → PNG con RGBA; JPG → JPG calidad 0,92 vía canvas.toBlob (cuantización perceptual del Anexo K de ITU-T T.81).

  • Cinco presets de proporción estándar de plataforma: 1:1 (cuadrado) + 4:3 (NTSC/PAL BT.601) + 16:9 (HDTV Rec. 709) + 3:2 (35mm Leica) + 9:16 (TikTok/Stories vertical)
  • Algoritmo auto-centrado max-fit: el rectángulo proporción-objetivo mayor que cabe dentro del origen, centrado en el origen
  • Vista previa en vivo del área de recorte centrada a resolución nativa antes de descargar
  • La salida preserva el formato origen: orígenes PNG se quedan PNG con alfa RGBA; orígenes JPG producen JPG a calidad 0,92 (Anexo K de ITU-T T.81)
  • Extracción de sub-rectángulo de 9 argumentos de Canvas drawImage del WHATWG a resolución de píxel nativa (sin escalado, sin remuestreo)
  • Píxeles dentro del rectángulo de recorte centrado preservados 1:1; píxeles fuera del rectángulo descartados (sin pérdida desde los píxeles origen)
  • En el navegador vía WHATWG Canvas drawImage + HTMLCanvasElement.toBlob — sin subida
  • Opera en sRGB (IEC 61966-2-1:1999); las imágenes origen sin perfil ICC embebido se interpretan como sRGB

Gratis. Sin registro. Sin subidas. Anuncios mediante AdSense (con consentimiento).

Fuentes (10)
  • WHATWG (live). HTML Living Standard — Canvas 2D Context: drawImage() 9-argument source-rectangle extraction form. html.spec.whatwg.org/#dom-context-2d-drawimage — the auto-centred crop pipeline core: the largest target-ratio rectangle that fits inside the source is computed (cw = sourceWidth or sourceHeight × ratio depending on direction; centring offsets ox = (sourceWidth - cw)/2, oy = (sourceHeight - ch)/2), then extracted via drawImage's 9-argument form.
  • International Telecommunication Union (ITU-R, formerly CCIR) (1982). ITU-R BT.601 — Studio encoding parameters of digital television for standard 4:3 and wide screen 16:9 aspect ratios. itu.int/rec/R-REC-BT.601 — the 4:3 NTSC/PAL/SECAM standard-definition television aspect ratio, ratified by the CCIR in 1982; the standard TV aspect for nearly 70 years before HDTV's 16:9 displaced it in the mid-2000s.
  • International Telecommunication Union (ITU-R, formerly CCIR) (1990). ITU-R Rec. 709 / BT.709 — HDTV signal characteristics + 16:9 aspect ratio. itu.int/rec/R-REC-BT.709 — the 16:9 HDTV widescreen aspect ratio standard, approved by the CCIR 1989 as 'Recommendation XA/11 MOD F', first official release 1990, renamed to ITU-R BT.709 when the CCIR became ITU-R in 1992, BT.709-1 November 1993 — the modern HDTV/UHDTV widescreen ratio for YouTube, monitors, TVs.
  • Barnack, O. (Ernst Leitz Wetzlar) (1925). Leica I — 35mm full-frame 24×36mm format + 3:2 aspect ratio origin. leica-camera.com/en-US/photography/100-years/the-history-of-the-leica-I — the 35mm still-photography 3:2 aspect ratio origin: Oskar Barnack's Leica I commercial release at the Leipzig Spring Fair 1925 (Ur-Leica prototype 1913), establishing the 24×36mm full-frame format derived from two stitched 18×24mm cine frames; the native ratio of full-frame digital SLR/mirrorless sensors through 2026.
  • Industry convention (TikTok / Instagram / YouTube) (2017). 9:16 vertical aspect ratio for mobile-first short-form video. tiktok.com/business/en + instagram.com (Stories, Reels) + youtube.com/shorts — the 9:16 inverse-of-16:9 portrait-orientation aspect ratio became the dominant short-form video format after smartphone use overtook desktop ~2017; used by TikTok (launched internationally 2017), Instagram Stories (2016), Instagram Reels (2020), YouTube Shorts (2021), Snapchat Stories (2013).
  • WHATWG (live). HTML Living Standard — HTMLImageElement (browser-native raster decoding). html.spec.whatwg.org/#htmlimageelement — universal browser entry point for raster format decode into Canvas drawImage.
  • ITU-T (CCITT) Study Group VIII & ISO/IEC JTC 1/SC 29/WG 10 (JPEG) (1992). Information technology — Digital compression and coding of continuous-tone still images: Requirements and guidelines. ITU-T Recommendation T.81 (18 September 1992) / ISO/IEC 10918-1:1994 — JPEG baseline DCT bitstream; Annex K quantisation tables scale by the canvas.toBlob quality argument (0.92 in this tool's JPG output path).
  • Hamilton, E. (C-Cube Microsystems) (1992). JPEG File Interchange Format (JFIF) Version 1.02. 1 September 1992 — JPEG container format; APP0 marker, density units, thumbnail handling. Output via canvas.toBlob('image/jpeg') ships JFIF v1.02 by default.
  • W3C (PNG Working Group) (2003). Portable Network Graphics (PNG) Specification (Second Edition). W3C Recommendation 10 November 2003 / ISO/IEC 15948:2004 — PNG output format for sources with alpha; preserves 8-bit alpha per RGBA pixel byte-exactly through canvas.toBlob('image/png').
  • International Electrotechnical Commission (IEC) (1999). Multimedia systems and equipment — Colour measurement and management — Part 2-1: Default RGB colour space — sRGB. IEC 61966-2-1:1999 — default 8-bit RGB colour space the Canvas 2D path operates in.

Son las especificaciones del W3C, ISO/IEC, ITU-T e IETF que la herramienta implementa o sobre las que se apoya. Localízalas en w3.org, iso.org, itu.int o datatracker.ietf.org.

Patrocinado

Por ·