1

iOSのスタートアップイメージをいじっています。

私が見つけた両方のチュートリアル

http://mathiasbynens.be/notes/touch-icons
https://gist.github.com/472519

スプラッシュ画面に.png画像を使用しています。pngファイルのサイズを小さくしようとしましたが、大きなスプラッシュスクリーンの場合、500kをはるかに超えており、これは私には大きすぎます。そこで、jpgを使ってみましたが、これもうまくいくようですが、PNGからJPGに切り替えるときに正しいことをしているのかわかりません。

これがスプラッシュ画面を挿入するための私のコードです（元の作成者へのリンクを失いました... :-( iOSは指定されたすべての画像をロードすると言われていますが、必要な画像は1つだけなので、スクリプトとして挿入されます。スクリプトは1つだけを保証しますスプラッシュ画面がDOMに挿入されるため、不要なhttpリクエストを回避できます。

<script>
   (function(){var a;if(navigator.platform==="iPad") {
       a=window.orientation===90||window.orientation===-90 ? 
          "landscape.jpg" : "portrait.jpg" 
       } else { 
         a=window.devicePixelRatio === 2 ? "retina.jpg" : "startup.jpg"
       }
    document.write('<link rel="apple-touch-startup-image" href="'+a+'"/>')})()   
</script>

私の質問：
1。ファイルサイズを減らすためにPNGよりもJPGを使用する必要がありますか？
2. PNGファイルのサイズを小さくするにはどうすればよいですか？（私はoptipngを使用しましたが、800kの20％はまだ640kです）

ヒントをありがとう！

4

1 に答える 1

2

サイトで JPG ファイルを使用していますが、問題なく動作します。保存するときに Web 用に最適化し、画像のサイズが正確であることを確認してください。ここを参照してください (このページでは主に実際のネイティブ アプリのスプラッシュ イメージについて説明していますが、情報は Web アプリにも適用されます): http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages /IconsImages.html

于 2012-03-26T12:42:23.410 に答える