Añadir contorno a PNG
Rodea con un trazo suave la forma de cualquier PNG transparente, no solo su rectángulo. Crea un borde blanco tipo sticker, un contorno grueso de cómic o un brillo suave, elige el grosor y el color, añade un segundo borde exterior y descarga un PNG transparente.
Última actualización:
Recorte de ejemplo
Los píxeles más opacos que este valor cuentan como objeto. Súbelo para ignorar halos o sombras tenues.
Cómo usar Añadir contorno a PNG
- Añade un PNG transparente soltándolo, pegándolo o pulsando Elegir PNG. Se carga un recorte de ejemplo para que pruebes primero la configuración.
- Elige un preset como Sticker, Borde blanco o Brillo neón, o define tú la posición, el grosor y el color.
- Ajusta el suavizado y las esquinas, y activa o desactiva el segundo contorno.
- Revisa la vista previa sobre fondo de cuadros, blanco, oscuro o azul.
- Descarga el PNG, cópialo al portapapeles o descarga todas las imágenes en un ZIP.
Cómo se calcula el contorno
Primero, la herramienta decide qué píxeles pertenecen al objeto: todos los píxeles cuya opacidad supera el umbral de borde (50% de forma predeterminada). Después aplica una transformada de distancia euclidiana exacta, que asigna a cada píxel su distancia en línea recta al píxel del objeto más cercano. Todos los píxeles dentro del grosor elegido pasan a formar parte del contorno, así que el trazo tiene el mismo grosor en todas partes y sus esquinas exteriores son perfectamente redondas, igual que al expandir una selección en un editor de fotos. Con esquinas Rectas se usa en su lugar la distancia de tablero de ajedrez, que mantiene cuadradas las esquinas cuadradas.
El borde del contorno se suaviza (antialiasing) a lo largo de un píxel, y el ajuste de suavizado amplía esa transición. Luego las capas se apilan de atrás hacia adelante: el segundo contorno, el contorno principal y, por último, tu imagen original encima, para que los bordes semitransparentes del objeto se fundan con el contorno en lugar de dejar un hueco.
Guía de grosor del contorno
| Tamaño de la imagen (lado más largo) | Contorno sutil | Borde de sticker | Contorno grueso de cómic |
|---|---|---|---|
| 256 px (emoji, sticker de chat) | 2 px | 6 px | 8 px |
| 512 px | 3 px | 10–12 px | 14 px |
| 1000 px | 5 px | 18–24 px | 28 px |
| 2000 px (impresión) | 8 px | 36–48 px | 55 px |
Una buena regla práctica: un borde de sticker mide aproximadamente el 2–2.5% del lado más largo de la imagen.
Consejos
- En stickers impresos con troquelado, mantén el borde blanco de al menos 1.5 mm de ancho en el tamaño impreso para que la cuchilla de corte tenga margen.
- Las partes finas y deshilachadas, como el cabello o la hierba, crean una línea irregular. Sube el umbral de borde o añade 2–4 px de suavizado.
- Un segundo contorno oscuro y fino alrededor de un borde blanco hace que el sticker destaque sobre fondos blancos.
- Usa un trazo por dentro cuando la imagen deba conservar su tamaño exacto, por ejemplo un sprite de videojuego.
Preguntas frecuentes
¿Cómo añado un contorno a una imagen PNG?
Abre el PNG en la herramienta de arriba. Detecta el borde del objeto visible a partir de la transparencia de cada píxel y dibuja un trazo del grosor y el color elegidos alrededor de esa forma. Elige un preset o ajusta el grosor, el color y el suavizado, y descarga el PNG con contorno.
¿Por qué el contorno solo rodea el rectángulo de mi imagen?
La imagen no tiene fondo transparente, así que todo el rectángulo cuenta como objeto. Quita primero el fondo, por ejemplo con el Eliminador de fondos, y luego añade aquí el contorno.
¿Qué diferencia hay entre trazo por fuera, centrado y por dentro?
Un trazo por fuera se dibuja alrededor del objeto y lo hace parecer más grande, que es lo que usan los stickers. Un trazo centrado queda a caballo sobre el borde, mitad por fuera y mitad por dentro. Un trazo por dentro se queda dentro del objeto, así que el tamaño de la imagen y la silueta no cambian.
¿Cómo hago un borde blanco estilo sticker?
Elige el preset Sticker: un contorno blanco de unos 12 px con un borde exterior oscuro y fino. Usa esquinas redondeadas para que el borde siga las curvas con suavidad, y deja que el lienzo se amplíe para que no se corte nada.
¿Qué hace el control de suavizado?
El suavizado difumina el borde exterior del contorno a lo largo del número de píxeles indicado. Los valores pequeños suavizan los bordes dentados, y los valores más altos con un color brillante crean un efecto de resplandor.
¿Por qué el contorno sale irregular alrededor del cabello o el pelaje?
Los detalles finos y semitransparentes crean muchos bordes pequeños. Sube el umbral de borde para que solo las partes sólidas cuenten como objeto, o añade un poco de suavizado para obtener una línea más uniforme.
¿Se sube mi imagen?
No. El contorno se calcula con JavaScript en tu navegador, así que tus imágenes nunca salen de tu dispositivo.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.