Recortar es la única operación de imagen que destruye información a propósito: eliges un rectángulo, todo lo que está fuera se descarta y el rectángulo se convierte en la nueva imagen. La pregunta que responde un recortador no es dónde está el sujeto, sino cuánta parte del marco aceptará la plataforma a la que publicas. Un feed cuadrado, un hero panorámico, una impresión vertical y un documento A4 tienen cada uno un apetito distinto por píxeles, y el recorte es el paso que adapta un archivo a los cuatro. El recortador de imágenes lo hace por completo en tu navegador: el archivo se lee con un FileReader, se dibuja en un canvas y el rectángulo seleccionado se re-codifica ahí mismo. No se sube nada, no se encola nada, y el archivo original no sale nunca de tu equipo.
Ese diseño de lado cliente cambia lo que la herramienta puede prometer. Como el recorte es un corte de píxeles puro a resolución nativa, la salida son exactamente los píxeles que enmarcaste, sin re-muestreo, sin interpolación y sin ampliación. No puedes recortar hasta ver detalle que no está en el archivo, pero tampoco puedes perder detalle que esté dentro del marco. El resto de esta guía cubre cómo el marco de recorte se proyecta sobre los píxeles originales, qué hace cada proporción a una foto estándar de 4000 × 3000, cómo difieren las opciones de exportación en PNG, JPEG y WebP, y dónde queda un recorte dentro de un flujo de trabajo de imagen más grande.
Cómo Funciona el Marco de Recorte: la Pantalla Es un Vista Previa Escalada
La imagen sobre la que arrastras no es la imagen que exportas. La herramienta reduce la foto para que quepa en su contenedor, usando la escala más grande que cabe a la vez en el ancho y el alto y que nunca excede uno, de modo que una foto grande siempre se ve más pequeña que su tamaño real y una foto pequeña nunca se estira. El marco de recorte que mueves y redimensionas vive en ese sistema de coordenadas escalado, que es por lo que arrastrar se siente suave incluso con un escaneo de 40 megapíxeles. Al exportar, la herramienta convierte el marco de vuelta a la cuadrícula de píxeles originales, redondea a píxeles enteros y dibuja esa región uno a uno sobre un canvas nuevo.
Dos consecuencias importan. Primera, la etiqueta de tamaño bajo el marco de recorte ya es la dimensión de salida en píxeles originales, no el tamaño de la vista previa, así que lo que dice es exactamente lo que será la descarga. Segunda, el mapeo es sin pérdida en ambas direcciones a efectos de planificar: cada píxel de la vista previa corresponde a un rectángulo fijo de píxeles originales, así que un marco que ajustas a escala de vista previa se exporta en la misma proporción a resolución completa. Si quieres conocer las dimensiones del archivo que vas a recortar antes de abrirlo, la herramienta de información de imagen lee ancho, alto, formato y tamaño de archivo desde la cabecera en un solo clic, que es la forma más limpia de predecir los números de abajo antes de comprometerte con un rectángulo.
El Caso Estándar: una Foto de 4000 × 3000 en Seis Marcos
Toma una foto de 4000 × 3000, que son 12 megapíxeles y el clásico marco 4:3 de un teléfono en modo estándar o de una cámara compacta. Pasa la herramienta con cada preajuste por orden, manteniendo el marco tan grande como permita cada proporción, y las dimensiones de salida quedan completamente determinadas por la aritmética sobre el tamaño original. Un recorte 1:1 devuelve 3000 × 3000, el cuadrado más grande que cabe dentro del marco 4:3, que son 9 megapíxeles. Un recorte 16:9 devuelve 4000 × 2250, conservando todo el ancho y recortando el alto, y también son exactamente 9 megapíxeles. Un recorte 4:3 devuelve 4000 × 3000, la imagen entera, porque la foto ya es 4:3 y no hay que cortar nada.
Un recorte 3:2, la proporción clásica de cine y de imprenta, devuelve 4000 × 2667. Un recorte vertical 2:3, la misma proporción en pie, devuelve 2000 × 3000. Un recorte A4, cuya proporción es 210 a 297, devuelve 2121 × 3000 para una hoja A4 en vertical. Fíjate en la coincidencia de que 1:1 y 16:9 aterrizan ambos en exactamente 9 megapíxeles desde un original de 12 megapíxeles: un marco cuadrado y uno panorámico eliminan la misma tercera parte de los píxeles de un original 4:3, solo desde bordes distintos. Si tu objetivo es el feed de una plataforma concreta y no una proporción, la herramienta de recorte para redes sociales guarda las dimensiones preajustadas de las principales redes, que te ahorra la consulta de lo que Instagram, LinkedIn o una miniatura de vídeo exigen realmente.
Proporciones y Cómo Se Comporta la Restricción
La herramienta sale de fábrica con siete modos: libre, 1:1, 4:3, 16:9, 3:2, 2:3 y A4, cubriendo el cuadrado, el panorámico, los formatos nativos de cámara y los de imprenta. Cuando una proporción está activa, arrastrar una esquina ancla la esquina opuesta en su sitio y la otra dimensión se deriva de la dimensión del puntero a través de la proporción, de modo que el marco no puede salirse de su forma. Si el marco dirigido por la proporción desbordaría el borde anclado o el límite de la imagen, la herramienta reduce las dos dimensiones juntas a lo largo de la proporción en lugar de dejar que un lado rompa la forma, que es por lo que un marco con restricción siempre se queda dentro de la foto. Una cuadrícula de tercios, con líneas en las marcas del 33,33 % y el 66,66 %, se dibuja dentro del marco para ayudarte a colocar un sujeto en una intersección en vez de en el centro exacto.
Dos límites prácticos completan el comportamiento. El marco mínimo son 20 píxeles de lado, de modo que no puedes pinzar el recorte hasta convertirlo en una tira, y cada dimensión se redondea a píxel entero al exportar. Cambiar de proporción con un marco abierto re-ajusta el marco existente a la nueva forma, anclando en la esquina superior izquierda, para que puedas explorar 1:1 y 16:9 lado a lado sin redibujar desde cero. Si la dimensión final tiene que ser un número exacto, como 1080 × 1080 para un hueco de feed concreto, el flujo limpio es recortar primero para la composición y pasar después el resultado por el redimensionador de imágenes, que escala el archivo recortado a las dimensiones exactas de destino. El recorte elige el marco; el redimensionado fija el número de píxeles.
PNG, JPEG, WebP: formato, calidad y el fondo blanco
La exportación ofrece tres formatos con un deslizador de calidad de 10 a 100, con 92 por defecto. PNG es sin pérdida y conserva la transparencia, así que es la opción segura para gráficos, capturas de pantalla y cualquier cosa con bordes recortados. JPEG es con pérdida y no tiene canal de transparencia, lo que la herramienta resuelve pintando un fondo blanco antes de codificar, de modo que una región recortada que incluía zonas transparentes sale blanca en lugar de negra. WebP produce archivos más pequeños que JPEG con calidad visual comparable, lo que importa cuando el recorte va a vivir en una página que tiene que cargar rápido. El ajuste de calidad actúa sobre los codificadores con pérdida; a 92 el JPEG y el WebP son visualmente limpios para contenido fotográfico, y bajarlo es la forma más rápida de reducir el archivo cuando las dimensiones ya están fijadas.
La descarga se nombra según el archivo original con un sufijo fijo de recorte, así que una foto llamada beach.jpg se exporta como beach_cropped.jpg, beach_cropped.png o beach_cropped.webp según el formato elegido. Ese nombre deja el recorte junto a su fuente en tu sistema de archivos, lo que importa cuando la misma foto sirve a varios maquetados. Si el archivo recortado sigue pesando más de lo que permite el destino, el compresor de imágenes lo re-codifica contra un presupuesto de peso, que es una palanca distinta de la calidad porque itera hasta cumplir el peso objetivo. Y si el destino necesita un formato que el recortador no exporta, el convertidor de imágenes toma el archivo recortado y lo transcoda a lo que la cadena de producción exija, para que el recorte se quede como paso de composición y no tenga que hacer también de paso de formato.
¿El Recorte Deteriora la Calidad o el Tamaño de Archivo?
La calidad la protege el diseño sin re-muestreo. Como la vista previa nunca escala más allá del cien por cien del original y la exportación proyecta el marco directamente sobre la cuadrícula de píxeles originales, la herramienta no inventa píxeles ni promedia píxeles entre sí. La salida contiene exactamente los píxeles que hay dentro de tu rectángulo, a su tamaño nativo, lo que significa que un recorte de una foto nítida es tan nítido como la propia foto dentro de esa región. La única forma de que el recorte deteriore un archivo es que luego lo agrandes, y eso es una decisión de redimensionado, no de recorte.
El tamaño de archivo se mueve con el número de píxeles. Cortar una foto 4:3 de 12 megapíxeles hasta un marco cuadrado o panorámico de 9 megapíxeles elimina un cuarto de los píxeles antes de que empiece cualquier codificación, y a calidad 92 el JPEG resultante suele quedar bastante por debajo del tamaño del marco completo original. Un PNG sin pérdida de la misma región conserva cada bit original dentro del marco, de modo que su tamaño es proporcional al área que conservaste. En corto: el recorte decide cuántos píxeles sobreviven, el formato decide qué tan eficientemente se guardan, y el ajuste de calidad decide qué parte del detalle fino los codificadores con pérdida pueden descartar.
Dónde Cabe un Recorte en un Flujo de Trabajo de Imagen Más Grande
La herramienta acepta PNG, JPEG, WebP, GIF y BMP por la entrada, leyendo el primer fotograma de un GIF animado, y toda la sesión ocurre en la pestaña del navegador que tiene el archivo, sin ningún viaje al servidor en ningún punto. Eso la convierte en la primera pasada natural sobre cualquier imagen que tenga que convertirse en otra forma: mete el archivo, elige la proporción que quiere el destino, revisa la dimensión de salida en la etiqueta y exporta.
Lo que viene después del recorte depende del destino. Si la fuente es una imagen generada por IA, el marco que obtienes es el que el modelo compuso, y el recorte es el segundo paso después de la generación, así que la guía para escribir prompts de imagen con IA cubre cómo obtener una composición usable del modelo en primer lugar, mientras esta herramienta ajusta el marco al formato que necesitas. Si el resultado es para imprenta o para un documento, el preajuste A4 es el punto de inicio, y si la imagen final necesita una marca, el orden correcto es recortar primero y aplicar después la marca de agua de imagen, para que la marca caiga sobre el marco final en vez de quedar a medias cortada. El recorte es el paso menos visible de una cadena de imagen, y también el único que decide permanentemente qué ve el resto de la cadena.