実は奇麗に表示されてない?スマホには表示できる画像に上限サイズがあった

: 2015/06/10 : 6 iPhone

 

 

たまーにiPhoneでSafariやChromeでブラウザ中に、画像をうまく表示できないことってありませんか?

 

表示までにかなり重かったり、こんな感じに切れてしまったりしますよね。

 

iPhone  スマートフォン  画像  上限サイズ

 

 

それは実はスマートフォンの処理能力に大きな関係があります。

 

スポンサーリンク

 

iOSブラウザで扱える画像のサイズの上限

 

スマートフォンやパソコンにはRAMと呼ばれるメモリが処理速度に大きく影響を与えます。

 

半導体素子を使った記憶装置のひとつ。データの書き込みと読み出しができるメモリーのこと。

——Kotobank

 

iPhone4の場合は512MB。iPhone5だと1GB (=1024MB)。

Xperia NX、SX、GX、AXなどはそれぞれ1GB。
Xperia A、UL、Z1はそれぞれ2GB搭載しています。

 

数値だけみてもなんのこっちゃわかりませんが、iPhone5は4と比べて2倍の処理速度があるんだな、という風に解釈するとわかりやすいでしょうか。

 

 

ここから本題にうつります。

 

iPhoneの話になりますが、Appleが開発者向けにSafari (サファリ)の表示できる画像リソースの上限サイズについて公式に発表しています。

 

The maximum size for decoded GIF, PNG, and TIFF images is 3 megapixels for devices with less than 256 MB RAM and 5 megapixels for devices with greater or equal than 256 MB RAM.

The maximum decoded image size for JPEG is 32 megapixels using subsampling.

——Safari Developer Library

 

要約すると

「iPhone4より下位機種の場合、PNG、GIF、TIFFはでは3メガピクセルが上限。
iPhone4以上の機種は5メガピクセルが上限。」

「Jpegの場合は32 メガピクセルまでは扱えるが、2メガピクセル以上の画像はサブサンプリングされてサイズが落とされる。」

この2点ですね。

 

3メガピクセルは大体2048×1536。
5メガピクセルは大体2560×1920ぐらいです。

 

ポイントは

画像のファイルサイズではなくピクセル数で制限があること。

Jpegでは上限は高いけど表示するときに画質が悪くなること。

 

 

ふむふむなるほど。

理論的にはなんとなくわかったのですが、実際のところどうなのでしょうか。

 

高画質画像を引っ張ってきて比較してみました。

 

 

iPhoneで高画質画像は奇麗に表示されるのか?

 

実験環境

使用するのは以下の2つ。

iPhone5
iOS 7.0.4

Macbook Air
OS X 10.9.3
プロセッサ 1.7GHz Intel Core i5
メモリ4GB

 

2種類の画像の拡大表示を比べてみました。

 

まず1つ目がこちら。
こちらは圧縮されていますが実際のサイズは13,992px × 6048pxで4.9MB。
奥のカウンターを拡大してみます。

 

iPhone  スマートフォン  画像  上限サイズ

(実寸大の画像はこちら)

 

iPhone5で拡大した場合。

 

iPhone  スマートフォン  画像  上限サイズ

 

Macで拡大した場合。

 

iPhone  スマートフォン  画像  上限サイズ

 

全く同じファイルサイズのものを取り込んで拡大してみましたが、iPhone5の場合かなり画質が荒くなっていることがわかります。

 

2つ目の画像でも検証してみましょう。

こちらも圧縮されていますが実際のサイズは15,180px × 12,450pxで40.3MB。
観覧車の内側にあるネオンライトを拡大してみます。

 

iPhone  スマートフォン  画像  上限サイズ (実寸大の画像はこちら)

 

iPhone5で拡大した場合。

 

iPhone  スマートフォン  画像  上限サイズ

 

Macで拡大した場合。

 

iPhone  スマートフォン  画像  上限サイズ

 

やはりiPhoneだとかなり劣化します。
そしてMacはピクセル1つ1つが見えるところまで拡大できました。

 

iPhone  スマートフォン  画像  上限サイズ

 

 

iPhoneに取り込んだ段階で劣化した?

 

これは考えられる原因の1つかもしれません。

試しにiPhoneで実験に使用した画像を再度パソコンに取り込んで拡大すると、パソコン表示と同じように細かく拡大できました。

 

iPhone内で確認すると、画像サイズ、ピクセル数ともに取り込む前と一緒だったため、取り込んだ段階で劣化したことは考えられません。

 

やはりスペック上表示には限界があることがわかります。

上の画像は容量も大きいためパソコンでさえも拡大するのに多少時間がかかりました。

 

 

実験を踏まえてのまとめ

 

スマホでは画像自体は劣化しないが、表示画質が悪くなる。

 

iPhoneではどんなに高画質の画像を持ち歩いたとしても、画質の持ち味を再現することはスペック上不可能だということ。

そもそもファイルサイズが大きいとクラッシュして読み込まない可能性も十分ありますが…。

 

デザインの仕事などで大きいファイルを取り扱う方は、これを念頭に入れておけばトラブルも少なくなるのではないでしょうか。

 

 

管理人
ひとこと

実際遭遇することは少ないです。

 

合わせてこちらもどうぞ:

 


OKINOTEからお知らせ

  

沖縄の役立つリンクまとめ始めました。


沖縄ファミリーマート初寄稿記事 !沖縄の道の駅を取材しました。
地元ンチュがおすすめ!許田、糸満、ぎのざ・・7つの道の駅で味わえる「おいしいもの」を食べに行こう (外部リンク)

  

[随時更新]Amazonのほしい物リストを公開中!

スポンサーリンク

ad


シェア感謝です! \(^o^)/

本日の「iPhone」カテゴリ人気記事!
この記事似てるかも?
Chromecast クロームキャスト

アメリカで購入したChromecastは日本で使える?Macで初期設定する方法

  米国版Chromecast   ハイサイ!ショウ(@OKI_NOTE)です。 ニューヨーク滞在中にふと通りかかったBEST BUY。   …

記事を読む

battery

電池の寿命は?バッテリーを長持ちさせるiPhoneの正しい充電方法

スマホのバッテリー時間、大事ですよね?。アナタが知っているバッテリーに関する情報、もしかしたら古い情報で間違っているかもしれません。正しい充電の方法を理解して、バッテリーを長持ちさせましょう!…

記事を読む

アイコン

本当?iPhoneの充電を2倍速くする方法を検証してみた

iPhoneの充電速度を2倍にする裏技があると少し前に話題になっていましたが、本当に早くなるのでしょうか?。実際に測定して早くなるのか検証してみました。…

記事を読む

Duet Display

気になる遅延は?『Duet Display』で初代iPad miniをサブディスプレイ化!

  画面が2つから3つにアップ!   ハイサイ!ショウ(@OKI_NOTE)です。 年末の大掃除で、昔使っていたパソコンのディスプレイを発見して以来、マルチ…

記事を読む

ソフトバンク 乗り換え

機種変更待った⁉︎iPhone6乗換え前にMNP引き止めポイント3万円分貰えた話

    ソフトバンク版iPhone5の場合   iPhone5に変えてそろそろ2年。 ここ数ヶ月で3大キャリアのau、docomo、Softbank…

記事を読む

setting

iPhoneのアンテナの電波強度を数値化する方法

iPhoneの電波強度は1が感度が低くて、5がMAX。 感度を占めす目安は5段階で示されているのはご存知ですよね。 この5段階を更に細かく、数字で表示できるのを知っていましたか? 実は隠…

記事を読む

雑誌読み放題サービス「dマガジン」

なにこれ素敵!雑誌数100冊以上読み放題の「dマガジン」に登録してみた

  ハイサイ!ショウ(@OKI_NOTE)です。 つい先日、話題の「dマガジン」に登録したのですが、評判通りかなり良い!!何より読みたい雑誌が1つの雑誌価格で読めるところが、…

記事を読む

2014-0213.4 copy

背景が明るすぎてiPhoneカメラで綺麗に写真が撮れないときの対処法

    綺麗な風景が広がっているからいざiPhoneカメラでパシャリ。 帰って撮った写真を見てみたらよくある次の残念なパターン。 手前の被写体と背景の明る…

記事を読む

2014-02-02.4

簡単!iPhoneで画面を閉じたままYoutube動画を再生する裏技!

iPhoneでYoutubeを再生したまま他のアプリをいじったり、画面を消したままバックグラウンドで再生できたらいいのに…と思ったことありますよね。 実は、簡単にYoutube動画をバックグラウ…

記事を読む

iTunes Festival2014

見ないと損!? iTunes Festival2014開幕!期間限定で豪華アーティストの全ライブを無料視聴しよう

    いつの間にか今年も始まっていましたiTunes Festival2014。     聞いたことあるけどみたことない…

記事を読む

ad

ケータリングサービスinOIST
上間弁当てんぷらの新サービスがお洒落すぎて紹介せずにはいられない

弁当や惣菜でおなじみの「上間弁当てんぷら」が新ケータリングサービス"C…

名護城公園ビジターセンターSubaco(すばこ)
こんなところに!沖縄建築賞受賞の穴場カフェ『名護城公園ビジターセンター』

2015年7月にオープンした新施設「名護城公園ビジターセンター Sub…

2016年買ってよかったものまとめ
カメラ機材とおつまみ。2016年買ってよかったものまとめ

振り返りの季節。2016年は、物はそんなに買っていないものの、一眼レフ…

くもじイルミネーション
【画像】都会にも冬の訪れ。那覇パレットくもじのイルミネーション

パレットくもじから国道58号線の久茂地交差点周辺を、約5万の電飾で彩る…

2016-1220.12.jpg
浜比嘉島に行く理由をみーつけた。鍋やBBQもできるおしゃれなホテル「トリップショットヴィラズ・ハマヒガ」

神聖な場所としてのイメージが強い浜比嘉島。今年の8月、ここにプライベー…

かりゆしミリオンファンタジー
【画像】140万球のイルミネーションが無料!恩納村の「かりゆしビーチリゾート・オーシャンスパ」

沖縄の3大イルミネーションの1つ、かりゆしビーチリゾートの「ミリオンフ…

ブルーシール
【画像】ずっと見ていたい。ブルーシール牧港本店のイルミネーション

11月1日に点灯式が開催されイルミネーションで彩られるブルーシール牧港…

  • LINE スタンプ記事一覧へ ニューヨークの記事一覧へ 沖縄関連の記事へ starbucksの記事へ EOS70Dの記事へ