Saltar al contenido principal

Generador de mockups de capturas

Convierte una captura de tu web o app en un mockup para tu portafolio, una página de lanzamiento o documentación. Elige el marco y el fondo, ajusta el recorte y descarga un PNG mientras la captura se procesa en tu navegador.

Estudio de capturas

Añade un marco y un fondo a tu captura y exporta un PNG listo para compartir.

Vista previaAún no hay ninguna captura

Dale protagonismo a tu captura

PNG, JPEG o WebP · hasta 20 MB y 32 millones de píxeles

Imagen original Imagen final
Resolución de exportación

También puedes pegar una captura desde el portapapeles.

Tus capturas permanecen en tu navegador. Los fondos prediseñados se descargan al seleccionarlos.

Notas de producción

¿Cómo mantener legible el contenido de la captura?

Decide primero si quieres mostrar toda la interfaz o destacar un detalle. La opción predeterminada conserva la captura completa y sirve para explicar la estructura de una página o un flujo de trabajo. Elige 3:2 para una composición horizontal o 9:16 para una vertical, y mueve el recorte para mantener visibles los textos y controles importantes. Vuelve a la imagen completa para recuperar toda la vista.

El marco de navegador da contexto a una web; una ventana o un portátil encajan con una app de escritorio; un teléfono o una tableta, con una interfaz móvil. La opción sin marco muestra solo la imagen. Usa el fondo para acompañar la captura: un degradado mantiene la composición sencilla, los dos escenarios generados previamente añaden ambiente y la transparencia permite integrarla en un diseño existente. Reducir el margen y la inclinación suele facilitar la lectura del texto pequeño.

Antes de descargar, comprueba las dimensiones reales en píxeles, además de la opción 1× o 2×. La salida tiene un límite de 4096 píxeles en el lado más largo y 8 millones de píxeles en total; las composiciones mayores se reducen proporcionalmente. Ampliar una captura no añade detalle: si el texto ya se ve borroso, utiliza una imagen de origen más clara.

Cómo usar Generador de mockups de capturas

  1. 1Arrastra, selecciona o pega una captura PNG, JPEG o WebP de hasta 20 MB y 32 millones de píxeles.
  2. 2Conserva la captura completa o elige un recorte de 3:2 o 9:16 y ajusta su posición.
  3. 3Elige un marco y un fondo degradado, de escenario o transparente; ajusta márgenes, esquinas y sombra.
  4. 4Elige 1× o 2×, comprueba las dimensiones reales del PNG y descárgalo. La vista previa y la descarga usan el mismo lienzo.

Por qué usar Generador de mockups de capturas en MockCat

  • Conserva el contexto: la captura se muestra completa por defecto; tú decides si la recortas.
  • Prepara la composición: siete opciones de marco, fondos degradados y dos escenarios generados previamente.
  • Trabaja en local: la captura permanece en el navegador y no se envía a un servicio de generación de imágenes.
  • Sigue diseñando: exporta un PNG con fondo o transparencia para diapositivas, documentos y páginas web.

Preguntas frecuentes

¿Qué formatos y tamaños de imagen se admiten?

Puedes seleccionar, arrastrar o pegar imágenes PNG, JPEG o WebP de hasta 20 MB y 32 millones de píxeles. Reduce las imágenes que superen cualquiera de los dos límites antes de añadirlas.

¿Se recorta la captura automáticamente?

Por defecto se conserva completa. Solo se recorta al elegir la proporción 3:2 o 9:16. Puedes mover el recorte o volver a mostrar la imagen completa.

¿Qué marcos incluye? ¿Son recursos oficiales?

Hay siete opciones: navegador, ventana de Mac, iPhone, Android, tableta, portátil y sin marco. Son formas genéricas dibujadas por código, no imágenes oficiales de dispositivos. Te corresponde comprobar los derechos de la captura y de su uso donde la publiques.

¿Qué tamaño tiene una exportación a 2×?

1× y 2× indican la escala solicitada, pero la salida está limitada a 4096 píxeles en el lado más largo y 8 millones de píxeles en total. El editor muestra las dimensiones reales del PNG. Las composiciones grandes se reducen y ampliar la imagen no añade detalle al original.

¿Puedo exportar un fondo transparente?

Sí. Al activar la transparencia, el PNG conserva la captura, el marco elegido y la sombra, con el fondo transparente para integrarlo en diapositivas o en otro diseño.

¿Se sube mi captura o se envía a una IA?

No. El navegador lee y compone la captura localmente. Los dos fondos de escenario son imágenes estáticas generadas previamente y servidas por este sitio; elegir uno carga el fondo sin enviar la captura a un servicio de generación de imágenes.

Actualizado · equipo de MockCat

Fuentes y límites de imagen

Tu captura se queda en el dispositivo
El navegador lee y compone la captura localmente. No se sube ni se envía a un servicio de generación de imágenes.
Fondos y ejemplos
Los dos escenarios son imágenes estáticas generadas con IA y cargadas desde este sitio. MockCat creó la interfaz de muestra para ilustrar el uso; no es un ejemplo de un cliente.
Marcos y derechos de uso
Los marcos son formas genéricas dibujadas por código, no recursos oficiales de dispositivos. Te corresponde comprobar los derechos de tu captura y las reglas de la plataforma donde la publiques.
Comprueba las dimensiones del PNG
Consulta las dimensiones reales que muestra el editor: hasta 4096 píxeles en el lado más largo y 8 millones de píxeles en total. Las composiciones mayores se reducen. Ampliar la captura no añade detalle.