¿Alguien sabe cómo hacer que iOS muestre una imagen de inicio de mayor resolución cuando se usa? Actualmente tengo una imagen de 460x380 que obviamente se ve horrible cuando se muestra en la pantalla de alta resolución de dpi del iPhone 4. Probé el truco @ 2x pero no parecía funcionar.¿Imagen de inicio en la aplicación web para la visualización Retina?
Cualquier ideas o soluciones?
Los "@ 2x" truco funciona. Debe haber sido algo mal con sus imágenes.
quieres dos archivos. Default.png y [email protected] El primero debe ser 320x460. El segundo debe ser 640x920. Prometo que funciona
No .. no funciona por alguna razón. Ahora tengo Default.png y [email protected] y he verificado los tamaños de ambos. Siempre carga Default.png. Lo verifiqué de los registros de mi servidor de desarrollo y ni siquiera envía una solicitud para la versión @ 2x. Debo extrañar algo aquí ...* edit * Estás hablando de la imagen de inicio/splash para webapp y no de tu imagen de etiqueta img promedio en la página web, ¿verdad? :) – Crispy
Estoy hablando de la pantalla de bienvenida para una aplicación nativa. ¿Es eso lo que preguntas? Veo que utilizaste la palabra "webapp" en el título de la pregunta, pero todo lo demás que has escrito ha sido como si estuvieras haciendo una aplicación nativa ... La cosa @ 2x es para aplicaciones nativas. En Obj-C, construido con Xcode. –
Ah, estoy hablando de webapp que usa a través de Mobile Safari. Tenía la impresión de que en iOS4 Mobile Safari también intenta buscar imágenes de @ 2x. – Crispy
He visto casos en los que XCode se equivoca en esta situación. Además de verificar dos veces el tamaño de la imagen (320x460), no hace daño a:
Sé que esto puede parecer obvio o innecesario, pero me golpeé la cabeza contra el mismo problema y la secuencia de limpieza/eliminación/eliminación lo solucionó.
Hablaba de aplicaciones web, no de aplicaciones nativas. –
¿Ha intentado utilizar las consultas de medios relacionadas con la relación de píxeles en la etiqueta link?
media="only screen and (-webkit-min-device-pixel-ratio: 2)" para la pantalla retina uno.
Es una idea inteligente, pero incluso sin el atributo de medios, una imagen de 640x920 no funciona en una pantalla Retina. Creo que es probable que no sea compatible ahora mismo. Al menos en mis pruebas, no lo he logrado. Consulte la [documentación] (http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html). Esperemos que lo agreguen en una versión posterior de iOS. – theazureshadow
Maldita sea muy mal, solo me estoy poniendo a configurar la pantalla de inicio de mi aplicación ahora y se ve granulosa. –
iPad:
link rel="apple-touch-startup-image" sizes="768x1004" href=""/
iPhone Retina Display: link rel="apple-touch-startup-image" sizes="640x960" href=""/
agregue los soportes –
no he pensado alguna vez me gustaría conseguir este trabajo, pero por alguna razón, todo el mundo en línea afirma que las imágenes de alta resolución dimensiones son 640x960, 640x920 en realidad son. Cuando realice este cambio, la pantalla de bienvenida de alta resolución aparecerá correctamente en las pantallas retina. A continuación se muestra el código exacto que utilizo en nuestra aplicación. Tenemos pantallas de bienvenida que funcionan en iPad1/iPad2 Retrato y paisaje, iPhone3/iPhone4
Espero que esto ayude a alguien.
<!-- iOS Device Startup Images -->
<!-- iPhone/iPod Touch Portrait – 320 x 460 (standard resolution) -->
<link rel="apple-touch-startup-image" href="splash-screen-320x460.png" media="screen and (max-device-width: 320px)" />
<!-- iPhone/iPod Touch Portrait – 640 x 920 pixels (high-resolution) -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="splash-screen-640x920.png" />
<!-- For iPad Landscape 1024x748 -->
<!-- Note: iPad landscape startup image has to be exactly 748x1024 pixels (portrait, with contents rotated).-->
<link rel="apple-touch-startup-image" sizes="1024x748" href="splash-screen-1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />
<!-- For iPad Portrait 768x1004 -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="splash-screen-768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)"/>
¿Cómo está mostrando la imagen de la puesta en marcha? ¿Estás usando el archivo default.png? – Satyam
¿Por qué es 460x380? –
Si revisa la documentación de Apple en http://bit.ly/95IHsf, dicen que la imagen tiene que ser de 320 x 460 píxeles y en orientación vertical. Noté que metí la resolución en la pregunta pero lo hice con 320x460 y lo puse a funcionar. La documentación no dice nada acerca de la visualización de la retina, así que no estoy seguro de si está desactualizada, de ahí mi pregunta. – Crispy