Mockup de captura en teléfono
Muestra una captura de móvil dentro del marco de un teléfono moderno, lista para documentación o redes.
- Funciona en tu navegador
- Sin subidas
- Sin cuenta
Cargando tu herramienta del navegador…
Qué hace Mockup de captura en teléfono
Una captura de teléfono sin más es un rectángulo alto y sin bordes que es fácil confundir con una página web. Meterla en el marco de un teléfono deja claro que es móvil. El marco tiene biseles finos, esquinas de pantalla redondeadas, un recorte de cámara en forma de píldora arriba y botones laterales, en Negro, Plata, Natural o Azul.
El “Ajuste de la captura” resuelve las formas raras. “Automático” muestra entera una captura de teléfono normal y la parte superior de una captura de desplazamiento muy alta. “Ancho” llena el ancho de la pantalla y muestra la parte superior, “Completa” lo encaja todo y “Rellenar” cubre la pantalla y recorta los bordes. “Relleno de pantalla”, en “Más opciones”, colorea cualquier hueco. Para capturas con forma de iPad, usa el Mockup de captura en tableta.
Ejemplo
Eliges
El ejemplo integrado de facturación para móvil (“Usar ejemplo”), 786 × 1704 px
Descarga
example-billing-settings-phone-mockup.png 1128 × 2026 px: teléfono negro sobre un degradado Rubor
La pantalla se dibuja con 786 px de ancho y es unas 2,17 veces más alta que ancha; el margen es el 16 % del ancho de la pantalla.
Cómo usar Mockup de captura en teléfono
- Usa “Elegir archivo” o pega una captura de teléfono.
- Elige el “Ajuste de la captura”, el “Color del dispositivo” y el “Fondo”.
- Ajusta el “Relleno de pantalla”, el “Margen” y la “Sombra” en “Más opciones”, y haz clic en “Descargar .png”.
Conviene saber
- El marco es un teléfono moderno genérico, no un modelo exacto. No coincidirá con la muesca ni con la disposición de botones de un dispositivo concreto para las fichas de las tiendas.
- Las capturas muy pequeñas se amplían hasta al menos 640 px de ancho de pantalla, lo que les resta nitidez. Las capturas más grandes (de hasta 1290 px de ancho) se dibujan a tamaño completo.
- Una captura de escritorio en un marco de teléfono se ve apretada. Captura primero la página con un viewport de ancho de teléfono; el Comprobador de tamaño del viewport te ayuda a fijarlo.
Preguntas sobre Mockup de captura en teléfono
¿Cómo pongo una captura en un mockup de teléfono?
Carga aquí la captura del teléfono y se coloca automáticamente dentro del marco, centrada sobre un degradado. Cambia el “Color del dispositivo” y el “Fondo” a tu gusto, y descarga el PNG.
¿Qué hacen las opciones de “Ajuste de la captura”?
“Automático” muestra entera una captura de teléfono normal y la parte superior de una muy alta. “Ancho” llena el ancho de la pantalla y muestra la parte superior. “Completa” muestra la imagen entera con relleno alrededor. “Rellenar” cubre la pantalla y recorta los bordes.
¿Puedo usar una captura de página completa con desplazamiento?
Sí. “Automático” o “Ancho” muestran su primera pantalla, y una nota te dice qué porcentaje se ve. Elige “Completa” para reducir toda la página dentro de la pantalla, lo que sirve para una vista general rápida pero deja el texto pequeño.