Vista previa de fondo de app
Local only — nothing is uploaded unless you save or share it.
Encuentra el tamaño de imagen de fondo de app que sobrevive en todos los móviles y tabletas.
- Suelta la imagen que piensas usar como fondo a pantalla completa.
- Elige el modo de contenido que usa tu app — llenar es el habitual para fondos.
- Lee el área segura de arriba: ese rectángulo es visible en todos los dispositivos mostrados.
- Recorre la cuadrícula buscando el recorte más duro y mueve tu motivo dentro del área segura si no sobrevive.
Guardar esta herramienta
Ten Vista previa de fondo de app a mano
Usa el menú Compartir de tu navegador y luego «Añadir a pantalla de inicio».
Sobre esta herramienta
Un fondo a pantalla completa casi nunca se ve entero. La pantalla tiene una proporción, tu ilustración tiene otra, y algo tiene que ceder — así que el motivo que centraste con cuidado sobrevive en el simulador que probaste y pierde la cabeza en el iPad de alguien. Aquí ves el destrozo antes de publicar. Suelta una imagen y se dibujan todos los dispositivos a la vez, en vertical y en horizontal, mostrando la porción exacta de tu ilustración que llega a la pantalla. Encima de la cuadrícula está el número que de verdad importa: el rectángulo visible en todos los dispositivos que estás comprobando. Ahí puede ir un logotipo, una cara o una línea de texto y sobrevivir en todas partes. También se cubren los modos de contenido, porque un fondo puesto en ajustar en vez de llenar falla de un modo completamente distinto — franjas a los lados en lugar de un recorte — y los dos se confunden constantemente. Activa las áreas seguras y la muesca, la barra de estado y el indicador de inicio se sombrean encima, ya que un fondo se dibuja de borde a borde y los elementos del sistema se posan sobre él en vez de apartarlo. No se sube nada: la imagen se lee y se dibuja en tu navegador, y las cuentas son pura geometría.
Preguntas frecuentes
¿Por qué se agrupan los dispositivos por proporción y no por modelo?
Porque dos móviles con la misma forma recortan un fondo igual, tengan los píxeles que tengan — el recorte es una semejanza y la resolución se cancela. Listar cuarenta modelos daría cuarenta filas y unas cuatro respuestas distintas, y la lista estaría desfasada cada otoño.
¿Cuánto de mi imagen de fondo se ve en un móvil?
Menos de lo que supondrías, y varía según el dispositivo — un móvil de 19,5:9 muestra una franja alta de una imagen 16:9 y tira los lados. Para eso sirve esta vista previa de proporciones de pantalla: todas las formas comunes a la vez, con el área segura de la imagen de fondo marcada como la parte que sobrevive en todas.
¿Qué es exactamente el área segura?
La parte de tu imagen visible en todos los dispositivos que compruebas, en ambas orientaciones. Es una intersección y no un promedio, porque un motivo recortado en uno de siete dispositivos está recortado — promediar escondería justo el caso que estás buscando.
¿Por qué la muesca y el indicador de inicio no encogen la imagen?
Un fondo a pantalla completa se dibuja de borde a borde, detrás de todo, así que los elementos del sistema lo tapan en vez de recortarlo. Esa es una pregunta distinta del recorte, y por eso las áreas seguras son un interruptor aparte y se sombrean sobre la vista previa en lugar de recortarse de ella.
¿Qué modo de contenido debo usar para un fondo?
Llenar, casi siempre — cubre la pantalla y recorta lo que sobra. Ajustar muestra la imagen entera pero deja franjas, estirar la deforma, y centrar la muestra a tamaño nativo. La herramienta informa de cuál está ocurriendo para que un error sea visible en vez de sutil.
¿Se sube mi imagen a algún sitio?
No. El archivo se lee en tu navegador para obtener sus dimensiones y dibujar las vistas previas, y nunca sale de la pestaña. La versión de la API no acepta imagen alguna — trabaja solo con ancho y alto, así que puedes comprobar una forma antes de que exista la ilustración.
Ayuda a mejorar esta herramienta
¿Has encontrado un fallo, quieres un cambio o te falta alguna herramienta?
Tienes un mensaje sin enviar.
Gracias — nos ha llegado. Encontrarás la respuesta en tu bandeja.Go to my messages