Recortador PNG gratuito en línea — Recortar bordes transparentes
Elimina bordes transparentes de imágenes PNG, individuales o por lotes — gratuito, en línea, sin registro.
Arrastra tus archivos PNG aquí o haz clic para seleccionar
Máximo 100 archivos, 5MB cada uno, 60MB total
3 conversiones gratuitas restantes
Usa la API de recorte PNG
Integra recorte PNG automático en tus aplicaciones con la API Easy PNG to Sprites.
Carga uno o más archivos PNG para eliminar bordes transparentes automáticamente, perfecto para preparar sprites de juegos y activos de UI.
Características de la API
- POST /trim: PNG único o salida ZIP en lotes
- Carga hasta 100 archivos PNG por solicitud
- Control de umbral alfa y espaciado
- 5MB por archivo, 60MB total
- Entrada PNG; salida PNG (único) o ZIP (lotes)
- Respuesta rápida con auto-escalado de Cloud Run
¿Qué es el recorte PNG?
El recorte PNG es el proceso de recortar automáticamente los píxeles transparentes alrededor de los bordes de una imagen PNG, reduciendo el lienzo a la más pequeña rectángulo que aún contiene todo el contenido opaco (o parcialmente opaco). La mayoría de las herramientas de diseño y animación — Photoshop, Aseprite, Spine, exportadores de motores de juegos — producen archivos PNG con márgenes transparentes grandes, porque el lienzo de exportación generalmente tiene tamaño al artboard o al fotograma más grande en una secuencia en lugar del sprite real.
Ese relleno transparente extra es invisible al ojo pero muy real en el disco y en memoria. Inflama tamaños de archivo, desperdicia VRAM cuando el sprite se carga como textura, y confunde la lógica de caja delimitadora en motores de juegos que se basan en dimensiones de sprite para colisión, diseño, o prueba de golpe. Un paso de recorte arregla todos estos problemas en un paso al recalcular la caja delimitadora verdadera de cada sprite y exportar solo la región de píxeles significativa.
Esta herramienta ejecuta ese paso de recorte para ti en tu navegador. Carga un único PNG o un lote completo, establece un umbral alfa opcional y valor de espaciado, y descarga ya sea un único PNG recortado o un ZIP de archivos recortados. El contenido visual original y la transparencia se preservan exactamente — la herramienta solo elimina píxeles de margen vacío.
¿Por qué recortar bordes transparentes?
El beneficio más inmediato del recorte es tamaños de archivo más pequeños. El relleno transparente aún ocupa filas y columnas de píxeles en el PNG, y mientras la compresión maneja grandes series de transparencia eficientemente, eliminándolos directamente produce archivos notablemente más pequeños — a menudo reducciones de 30-70% para sprites exportados a lienzos oversized. Los archivos más pequeños se cargan más rápido, caben más cómodamente en presupuestos de memoria móvil, y se transfieren más rápido sobre la red.
El segundo beneficio es cajas delimitadoras precisas. Los motores de juegos típicamente usan dimensiones PNG de un sprite como su caja de colisión predeterminada, referencia de origen de pivot, y extensión de renderizado. Un sprite que es 128×128 píxeles pero contiene un personaje 40×60 en el medio de un lienzo completamente transparente produce bugs de colisión y alineación porque el motor ve una caja delimitadora 128×128. Recortar el PNG a su contenido verdadero significa tu motor ve el tamaño verdadero de sprite, y todo corriente abajo — colisiones, diseños de UI, objetivos de clic, anclaje de tooltip — funciona correctamente sin desplazamientos manuales.
El recorte también produce atlas de sprites más limpios cuando luego emaquetas sprites en un spritesheet. Los algoritmos de empaquetamiento de contenedores solo pueden minimizar el tamaño final del atlas cuando cada entrada ya es apretada. Si cada sprite lleva un borde transparente de 20 píxeles, el empaquetador desperdicia esos píxeles en cada celda. Recorta primero, empaqueta segundo, y obtendrás un atlas de textura dramáticamente más pequeño y eficiente.
Cómo funciona el umbral alfa
El algoritmo de recorte escanea cada píxel PNG para encontrar la caja delimitadora más apretada que encierre todos los píxeles no vacíos. La pregunta de qué cuenta como vacío está controlada por el parámetro de umbral alfa. Los valores alfa van de 0 (completamente transparente) a 255 (completamente opaco). Con un umbral de 0, solo píxeles completamente transparentes (alfa = 0) se tratan como vacíos y recortados; cualquier píxel con alfa ≥ 1 se considera contenido y se preserva.
Aumentar el umbral hace el algoritmo más agresivo. Un umbral de 10 trata píxeles con alfa 0-10 como vacíos — útil cuando tu PNG tiene fantasmas de anti-aliasing débiles o píxeles de ruido casi invisibles en los bordes que quieres removidos. Umbrales de 30-50 son apropiados cuando sprites tienen sombras de desvanecimiento suave o bordes de brillo que consideras decorativos en lugar de contenido significativo. Ir más alto que 100 tiende a recortar efectos semi-transparentes visibles, así que úsalo con cuidado.
Después de encontrar la caja delimitadora, la herramienta opcionalmente añade espaciado configurable — un borde transparente de N píxeles alrededor del contenido recortado. El espaciado es útil cuando planeas empaquetar el sprite recortado en un spritesheet o aplicar filtrado bilineal en motor, porque previene sangrado de textura en el borde del sprite. Un espaciado de 1-2 píxeles es usualmente suficiente para la mayoría de los pipelines de renderizado.
Cómo recortar bordes transparentes PNG
1. Carga archivos PNG
Arrastra y suelta uno o más archivos PNG en el área de carga, o haz clic para abrir el selector de archivos. El modo de archivo único produce un PNG recortado; el modo de lotes (dos o más archivos) produce un ZIP que contiene cada archivo recortado, preservando nombres de archivo originales. Puedes cargar hasta 100 PNGs por lote, con cada archivo hasta 5 MB y un total combinado de 60 MB.
2. Establece umbral alfa y espaciado
Abre el panel de Opciones de recorte para configurar el umbral alfa (predeterminado 0) y espaciado (predeterminado 0 píxeles). Mantén el umbral en 0 si tus PNGs tienen márgenes transparentes limpios; aumenta a 10-30 si anti-aliasing o artefactos de compresión dejan píxeles fantasma débiles en los bordes. Establece espaciado a 1-2 píxeles si planeas empaquetar la salida en un spritesheet o usar filtrado de textura bilineal en un motor de juegos, de lo contrario déjalo en 0.
3. Ejecuta el recorte
Haz clic en el botón Recortar. El servidor calcula la caja de contenido de cada PNG, recorta la imagen a ese rectángulo (más cualquier espaciado que solicitaste), y devuelve el resultado. El procesamiento es rápido — típicamente menos de un segundo para un archivo único, pocos segundos para un lote completo de 100 archivos — porque el algoritmo solo lee valores alfa y realiza un recorte rectangular simple.
4. Descarga el resultado
Las cargas de archivo único devuelven un PNG recortado con una vista previa para que puedas inspeccionar el resultado antes de descargar. Las cargas de lotes devuelven un ZIP que contiene cada archivo recortado, con nombres de archivo preservados de los originales para fácil reemplazo drop-in en tu carpeta de activos. Haz clic en Descargar para guardar el archivo, o Recortar otro para limpiar el espacio de trabajo e iniciar de nuevo.
Características
Modo único y por lotes
Suelta en un PNG para obtener un único PNG recortado de vuelta, o suelta en hasta 100 PNGs para obtener un ZIP con cada archivo recortado. El modo de lotes preserva nombres de archivo originales para que puedas soltar los archivos extraídos directamente de nuevo en tu carpeta de activos para reemplazar los originales.
Umbral alfa configurable
Controla exactamente qué píxeles cuentan como vacíos con un umbral alfa de 0 a 255. Déjalo en 0 para recorte estricto que solo elimine píxeles completamente transparentes, o auméntalo para eliminar fantasmas de anti-aliasing, sombras débiles, y artefactos de compresión que consideres relleno en lugar de contenido.
Preservación de espaciado opcional
Añade un borde de píxeles configurable de espaciado transparente alrededor del contenido recortado. Esto es útil cuando planeas atlas-empaquetar el sprite más tarde, o cuando quieres un pequeño margen de seguridad contra artefactos de filtrado bilineal en un motor de juegos. Un espaciado de 1-2 píxeles es típico para la mayoría de los pipelines de renderizado.
Preservación de alfa completa
Cada nivel alfa en tu PNG de origen se preserva exactamente en la salida. La operación de recorte solo elimina píxeles de margen vacío — nunca re-muestrea, re-comprime, o altera el contenido visible de tu sprite. Bordes semi-transparentes, sombras suaves, y superposiciones parcialmente transparentes se presentan intactas.
Sin registro, procesamiento rápido
Sin registro, sin creación de cuenta, sin seguimiento. Abre la página, carga PNGs, descarga resultados. El recorte es algorítmicamente simple — el servidor encuentra la caja delimitadora y recorta — así que incluso lotes grandes terminan en segundos.
Privacidad primero
Tus archivos PNG se procesan en el servidor y se descartan inmediatamente después de devolver la respuesta. Nada se almacena, se registra o se retiene. No se requiere cuenta, y no se usan cookies para seguimiento de tus cargas.
Casos de uso
Preparación de sprites de juegos para empaquetamiento
Exporta tus sprites de personaje y prop desde Aseprite, Photoshop, o Spine con sus artboards completos intactos, luego ejecuta esta herramienta para recortar cada archivo a su tamaño de contenido verdadero. Los sprites recortados se emaquetan en atlas dramáticamente más pequeños — los algoritmos de empaquetamiento de contenedores solo minimizan el espacio cuando cada entrada ya es apretada, así que eliminar bordes transparentes primero puede cortar el tamaño de tu atlas final a la mitad o más.
Limpieza de exportaciones de iconos de UI
Las aplicaciones de diseño a menudo exportan iconos a tamaños de lienzo fijos (256×256, 512×512) independientemente de las dimensiones de icono reales. Ejecuta tus exportaciones de icono a través de la herramienta de recorte para obtener activos crujientes y de tamaño correcto donde el icono llena el PNG. Los sistemas de UI impulsados por caja delimitadora entonces tamaño y posicionarán iconos correctamente sin necesidad de desplazamientos de espaciado manual en código.
Recorte de lotes de fotogramas de animación
Suelta en una carpeta completa de fotogramas de animación exportados desde tu herramienta de animación — un ciclo de caminata, una secuencia de explosión, un efecto de hechizo — y obtén un ZIP de todos los fotogramas recortados en un paso. Este es el paso necesario primero antes de montar fotogramas en un spritesheet con el diseño empaquetado, porque los diseños empaquetados dependen de cajas delimitadoras apretadas para empaquetamiento eficiente.
Reducción del tamaño del atlas de sprites
Si tus atlas de sprites existentes son más grandes de lo que deberían ser, recortar los PNGs de origen individual antes de re-empaquetar a menudo revela ahorros significativos. Los proyectos que recortan agresivamente antes de atlasing rutinariamente ven atlas de texturas 40-60% más pequeños, que se traduce directamente a cargas de activos más rápidas y menor uso de VRAM — especialmente valioso para compilaciones móviles y web.