Iphone webapp中视网膜显示的启动图像?

Iphone webapp中视网膜显示的启动图像?,iphone,ios4,mobile-safari,Iphone,Ios4,Mobile Safari,有人知道如何让iOS在使用时显示更高分辨率的启动图像吗?目前我只能看到460x380的图像,当它显示在iPhone4的高dpi屏幕上时,它看起来很恐怖。我尝试了@2x技巧,但似乎不起作用 有什么想法或解决办法吗?这个“@2x”技巧很有效。你的图像一定有问题 你想要两个文件。Default.png和Default@2x.png. 第一个应为320x460。第二个应该是640x920。我保证它能工作。我见过在这种情况下XCode出错的情况。除了仔细检查图像大小(320x460)外,还可以: 确保两个

有人知道如何让iOS在使用时显示更高分辨率的启动图像吗?目前我只能看到460x380的图像,当它显示在iPhone4的高dpi屏幕上时,它看起来很恐怖。我尝试了@2x技巧,但似乎不起作用

有什么想法或解决办法吗?

这个“@2x”技巧很有效。你的图像一定有问题


你想要两个文件。Default.png和Default@2x.png. 第一个应为320x460。第二个应该是640x920。我保证它能工作。

我见过在这种情况下XCode出错的情况。除了仔细检查图像大小(320x460)外,还可以:

  • 确保两个映像都在生成中。(右键/选项单击文件标题并选择“目标成员资格”,然后确保选中复选框。)
  • 干净利落
  • 删除生成目录中的所有生成文件。(清洁并不能得到所有的东西。)
  • 从目标手机/sim卡中删除应用程序

  • 我知道这可能看起来很明显或不必要,但我的头撞到了同一个问题,而clean/delete/delete序列修复了它。

    您是否尝试过在
    链接上使用与像素比率相关的媒体查询

    media=“仅屏幕和(-webkit最小设备像素比:2)”
    用于视网膜显示器。

    iPad:

    link rel="apple-touch-startup-image" sizes="768x1004" href="" /
    iPhone Retina Display: link rel="apple-touch-startup-image" sizes="640x960" href="" /
    

    我从来没有想过我会这样做,但出于某种原因,everywhere online表示高分辨率图像的尺寸是640x960,实际上是640x920。进行此更改时,高分辨率闪屏将正确显示在视网膜显示器上。下面是我在应用程序中使用的确切代码。我们在iPad1/iPad2纵向和横向、iPhone3/iPhone4上使用闪屏

    希望这对别人有帮助

      <!-- 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)"/>
    
    
    
    如何显示启动映像?你使用的是default.png文件吗?如果你在查看苹果的文档,他们说图片必须是320 x 460像素,并且是纵向的。我注意到我弄乱了问题中的解决方案,但我用320x460解决了问题,并使其正常工作。文档中没有提到任何关于视网膜显示的内容,所以我不确定它是否过时,因此我提出了一个问题startup@2x.png但是没有起作用。我正在使用link rel=“apple touch startup image”标签。Crispy-只是检查一下你是否找到了这个问题的答案(上次的评论/答案几乎是一年前)。苹果的文档仍然声明图像必须是320x460…不。。因为某种原因,它不起作用。现在我有Default.png和Default@2x.png我已经验证了这两个的尺寸。它总是加载Default.png。我从开发服务器的日志中验证了这一点,它甚至没有发送@2x版本的请求。我一定是错过了什么。。。编辑您谈论的是webapp的启动/启动图像,而不是网页上的平均img标签图像,对吗?:)我说的是原生应用的启动屏幕。这就是你要问的吗?我看到你在问题的标题中使用了“webapp”这个词,但你写的其他所有东西都像是在制作一个本地应用。。。@2x是针对本地应用的。在Obj-C中,使用Xcode构建。啊,我说的是通过移动Safari使用的webapp。我的印象是,在iOS4 Mobile Safari中也尝试检查@2x图像。这是一个聪明的想法,但即使没有媒体属性,640x920图像也无法在视网膜显示器上工作。我认为它很可能只是现在不受支持。至少在我的测试中,我没有做到。看。希望他们能将其添加到更高版本的iOS中。太糟糕了,现在只是开始设置我的应用程序的启动屏幕,它看起来很粗糙。他说的是网络应用程序,而不是本地应用程序。