Polysh para agentes está en acceso anticipado. Tu agente de programación graba la demo y Polysh la termina. Unirse a la lista de espera →

Generador de bordes para capturas de pantalla

Enmarca una captura con un borde sólido para que destaque sobre páginas blancas.

Cargando tu herramienta del navegador…

Qué hace Generador de bordes para capturas de pantalla

Blanco sobre blanco es el problema clásico de los centros de ayuda: la captura de una app clara sobre una página de artículo blanca no tiene un borde visible. Un borde fino lo soluciona. Por defecto es un borde gris oscuro (#1F2328) de 10 px, con esquinas rectas y sin margen exterior, así que la imagen crece exactamente el doble del grosor del borde.

Ajusta el “Grosor del borde” y el “Color del borde” al tema de tu documentación; un borde gris claro de 1 o 2 px suele bastar. “Más opciones” añade “Radio de las esquinas”, “Margen” por fuera del borde y un “Fondo” para ese margen. Para un borde más suave sin línea, prueba el Generador de sombras para capturas de pantalla.

Ejemplo

Eliges

Una captura de 1440 × 900 px con el borde predeterminado

Descarga

screenshot-border.png
1460 × 920 px con un borde #1F2328 de 10 px

El borde se añade por fuera de la captura, así que no se tapa ningún píxel del original.

Cómo usar Generador de bordes para capturas de pantalla

  1. Usa “Elegir archivo” o pega la captura de pantalla.
  2. Ajusta el “Grosor del borde” y el “Color del borde”.
  3. Añade “Radio de las esquinas” o “Margen” en “Más opciones” si hace falta, y haz clic en “Descargar .png”.

Conviene saber

  • Solo un color sólido. No hay bordes discontinuos, dobles ni degradados.
  • El grosor predeterminado del borde se adapta a la imagen: una captura de 2880 px de ancho empieza con un borde de 20 px, así que revisa el valor en imágenes grandes.
  • Al redondear las esquinas, las esquinas de la propia captura se redondean un poco menos, para que el borde mantenga un grosor uniforme.

Preguntas sobre Generador de bordes para capturas de pantalla

¿Qué grosor de borde uso para las capturas de la documentación?

De 1 a 2 px en una imagen a 1x, o de 2 a 4 px en una imagen Retina que se mostrará a la mitad de tamaño. Usa un gris claro como #D0D7DE. Los bordes oscuros y gruesos se ven pesados en el cuerpo del texto.

¿Cómo añado un borde a una imagen sin que crezca?

Esta herramienta siempre añade el borde por fuera de la imagen. Para mantener el tamaño original, primero redúcela con el Redimensionador de capturas de pantalla en el doble del grosor del borde y luego añade el borde.

¿Puedo hacer un borde redondeado?

Sí. Abre “Más opciones” y sube el “Radio de las esquinas”. El borde sigue la forma redondeada, y las zonas que quedan fuera usan el “Fondo” que elijas, incluido el transparente.