CodeKitHub¿Qué es esta herramienta?
Una herramienta de recorte de imágenes recorta una zona rectangular de una foto y descarta el resto. Es la edición fotográfica más básica y la que más se necesita: recortar una captura de pantalla para que solo se vea la ventana relevante, recortarte a ti mismo de una foto de grupo para crear un avatar, eliminar un borde de fondo desordenado o reajustar una foto de paisaje a un formato cuadrado para una publicación.
Esta herramienta de recorte funciona mediante la API HTML5 Canvas dentro de tu navegador. Cuando seleccionas un archivo, este se descodifica localmente; puedes ajustar la selección arrastrando sus bordes y esquinas, y el recorte se genera copiando únicamente esos píxeles en un nuevo lienzo. Al no intervenir ningún servidor, no hay que esperar a que se suba el archivo, no se aplican tarifas por el tamaño del archivo y no se compromete la privacidad: la herramienta funciona incluso sin conexión una vez que se ha cargado la página.
¿Por qué utilizarlo?
- Selección mediante arrastre y ajuste: mueve el cuadro o tira de cualquier esquina o controlador de borde hasta que el encuadre sea el adecuado, con información en tiempo real sobre el tamaño en píxeles.
- Los ajustes predefinidos de relación de aspecto —1:1, 4:3, 16:9 y 9:16— fijan la forma del recuadro para avatares, miniaturas y portadas de vídeos verticales; también puedes cambiar al modo libre para realizar recortes arbitrarios.
- Descárgalo como PNG (sin pérdida de calidad, conserva la transparencia) o como JPG (archivos más pequeños para las fotos): tú eliges al exportarlo.
- Procesamiento 100 % local con la API de Canvas: tu imagen nunca se sube, se envía ni se almacena en ningún sitio, lo cual es importante en el caso de fotos de carné, documentos y capturas de pantalla que contengan datos personales.
- Es gratis, no tiene marca de agua, no hay que registrarse y funciona tanto en móviles y tabletas (con el gesto de arrastrar con el dedo) como en ordenadores de sobremesa.
Cómo utilizarlo
- Haz clic en el área de subida o arrastra un archivo de imagen hasta ella; se admiten los formatos JPG, PNG, WebP y la mayoría de los formatos habituales.
- Arrastra el recuadro de selección para moverlo, o arrastra los controladores de las esquinas y los bordes para cambiar su tamaño.
- Si lo deseas, selecciona una configuración predeterminada de relación de aspecto (1:1, 4:3, 16:9, 9:16) para fijar la forma del recuadro, o déjalo libre.
- Elige PNG o JPG como formato de salida.
- Pulsa el botón de recortar y la imagen recortada se descargará al instante.
Ejemplo
Entrada
A 4000×3000 photo, selection locked to 1:1 over the face, 800×800 area chosenResultado
An 800×800 PNG containing only the selected squareEl resultado conserva los píxeles originales en una relación de uno a uno: el recorte nunca cambia la escala ni vuelve a comprimir el área seleccionada, a menos que se exporte como JPG, en cuyo caso se aplica una compresión fotográfica leve.
Proporciones de recorte habituales y dónde se usan
Elige la relación de aspecto de la plataforma en la que vas a publicar, no de la imagen original: una miniatura de 16:9 recortada desde el centro de una foto vertical suele quedar mejor que el margen en formato «letterbox». Cuando una plataforma indique un tamaño exacto en píxeles, ajusta primero la relación de aspecto a ese valor; acertar con la forma en la fase de recorte evita el recorte automático por el centro que aplican muchos sitios web, lo que suele cortar cabezas y texto.
| Motivo | Forma | Uso habitual |
|---|---|---|
| 1:1 | Cuadrado | Fotos de perfil, feed de Instagram, iconos de aplicaciones |
| 4:3 | Paisaje clásico | Presentaciones, cámaras antiguas, pantallas de iPad |
| 16:9 | Pantalla panorámica | Miniaturas de YouTube, portadas de vídeos, monitores |
| 9:16 | Vertical | Historias, Reels, TikTok, fondos de pantalla para el móvil |
| Gratis | Cualquier rectángulo | Recortar capturas de pantalla, eliminar bordes, diseños personalizados |
El lugar que ocupa el recorte entre las herramientas de imagen
El recorte modifica lo que se muestra en la imagen; el cambio de tamaño modifica su dimensión. Un proceso típico de creación de avatares utiliza ambas opciones: primero se recorta a 1:1 y, a continuación, se ajusta al tamaño requerido de 400×400 con el Image Resizer. Hacerlo en ese orden garantiza que el sujeto se mantenga nítido, ya que el cambio de tamaño solo se realiza una vez, en el encuadre final.
Si el archivo sigue siendo demasiado pesado tras recortarlo —algo habitual con las fotos de gran tamaño tomadas con el móvil—, pásalo por el compresor de imágenes. Y cuando el objetivo sea ocultar información en lugar de eliminarla del encuadre, difuminar o pixelar la zona sensible con una herramienta de censura permite conservar el resto de la imagen.
→ Cambiador de tamaño de imágenes · Compresor de imágenes · Censurador de fotos
Preguntas frecuentes
¿Se ha subido mi imagen a un servidor?
No. El navegador abre el archivo directamente y lo procesa mediante la API de Canvas en tu propio dispositivo. No se transmite, almacena ni registra nada; puedes comprobarlo cargando la página, desconectándote de Internet y recortando la imagen de todos modos. Esto hace que la herramienta sea segura para documentos de identidad, contratos y otras imágenes confidenciales.
¿Qué relación de aspecto debo utilizar?
La relación 1:1 (cuadrada) se adapta a la mayoría de las fotos de perfil y publicaciones del feed de Instagram. La relación 4:3 se ajusta a los formatos clásicos de fotos y presentaciones. La relación 16:9 es el estándar para las miniaturas de YouTube, las portadas de vídeos y las pantallas panorámicas. La relación 9:16 es para contenido vertical: Stories, Reels, TikTok y fondos de pantalla para el móvil. Cuando ninguna plataforma impone un formato concreto, el modo libre te permite recortar a cualquier rectángulo.
¿Debería descargarlo en formato PNG o JPG?
El formato PNG no pierde calidad y conserva la transparencia, por lo que es ideal para capturas de pantalla, gráficos, logotipos y cualquier elemento que contenga texto. El formato JPG comprime el contenido fotográfico en archivos mucho más pequeños con una pérdida de calidad apenas perceptible, por lo que es ideal para fotos que quieras compartir o subir a Internet. En caso de duda: si hay texto o transparencia, elige PNG; si es una fotografía, elige JPG.
¿El recorte reduce la calidad de la imagen?
El recorte en sí mismo no supone ninguna pérdida: copia los píxeles seleccionados sin modificarlos, por lo que la zona recortada es idéntica, píxel a píxel, a la original. La única decisión que afecta a la calidad es el formato de exportación: el PNG conserva todo tal cual, mientras que el JPG aplica una compresión fotográfica. La herramienta nunca redimensiona la imagen, por lo que no se pierde nitidez debido al remuestreo.
¿Puedo recortar la imagen a unas dimensiones exactas en píxeles?
El tamaño de la selección se muestra en tiempo real en píxeles mientras arrastras, por lo que puedes ajustar con precisión los controladores hasta que se indique el tamaño que necesitas. Si necesitas un tamaño exacto, como 512×512, independientemente del encuadre original, recorta aquí con la forma adecuada (1:1 en ese caso) y, a continuación, escala el resultado con Image Resizer.