iPhone12の画面サイズ何ピクセル?

iPhone12の画面サイズ何ピクセル?ビデオマガジン:Monday Voice!

こんにちは、Teresaです(‘◇’)ゞ

iPhoneの新シリーズが発表されましたね。
今回は全部で4種類。

iPhone12で2種類と

iPhone12 Proで2種類。

iPhoneの新シリーズが出る度に、
買い替えるかどうか🤔・・・
毎回考えるワケじゃないけれど、

毎回チェックしなくちゃ!と
気持ちが駆り立てられるのは画面サイズ。

今週のMonday Voice!はコレ

日本のスマートフォン出荷数は、
依然としてiPhoneが俄然多いですからね。
✤それだけApple信者が多いってコトだなw

スマートフォン用のサイトデザインには、
iPhoneの画面サイズを知っておかなけりゃ
始まらない!!のだ( 一一)

でも発表当日から数日の間は、
いくらググったって調べたって、
中々知りたい数値が見つからない(;´Д`)

だって、Appleの公式ページとかには、
何インチか?は表示されているけれども、
いわゆるCSSピクセルは書かれてない!

・・・アフィリエイターとしても、
ウェブデザイナーとしても、ソコが知りたい!

iPhone12とiPhone12 miniの
画面サイズはコレ

iPhone12の画面サイズは

390px X 844px

( ゚Д゚)なんじゃ!そのビミョーな大きさは!

iPhone12 miniの画面サイズは

375px X 812px

miniの横幅は予想通りだ・・・

iPhone12Proと
iPhone12Pro Maxの画面サイズ

iPhone12Proの画面サイズは

390px x 884px

( ゚Д゚)こっちもか!
なんじゃ!そのビミョーな大きさは!

iPhone12Pro Maxの画面サイズは

428px X 926px

( ゚Д゚)こっちもビミョー過ぎるだろっ!
何で横幅414じゃなくなったんだ!?

iPhone新シリーズと
旧モデルのサイズを比較

iPhone全シリーズ表示領域比較
旧モデルのiPhone達と、
新シリーズのiPhone12各種、
視覚的に比較できる画像作ってみたよ♬

実物大!ですが、
実物大で見られるのはPCのみねwww

画像で見比べてみると、
新シリーズが出る度にガタガタ度が増してる。

ま、タテ幅はそれぞれ違ってもいいけれど、
ヨコ幅はある程度揃えて欲しいモノです💦

✤ウェブ作成しない人にとっては、
 どーでもいい情報ですが、
 アフィリエイターやウェブデザイナーには
 かなーり!重要、且つ深刻な問題だもんね。

ヨコ幅の種類が5種類になったコトで、
全シリーズを並べるとわかりづら過ぎる!!
・・・ってコトで、
今回出た12シリーズのみでも作ってみたよ♬

こちらも実物大!ですが、
こっちも実物大で見られるのはPCのみねwww

実物大で見ると・・・
全体的に巨大化しているように感じます。

大体Miniが全然miniじゃない!( ̄▽ ̄)!

iPhone12css Px size

スマートフォン用サイトには、
どのサイズを指標にする?

実は今回、わたしが勝手に予想していたのは、
✤画面のヨコ幅のサイズね

iPhone12mini とiPhone12Proは375px

iPhone12とiPhone12Pro Maxは414px

だったのです。

ま、iPhone12miniのヨコ幅は375pxは
予想通りの大きさだったので、
ある意味ホッとしましたけれどもね。

iPhone12とiPhone12Proのヨコ幅が390px、
iPhone12Pro Maxのヨコ幅428pxには、
土肝を抜かれました。

だって、ビミョー過ぎるでしょ?( ゚Д゚)!

なんだよ390pxって!?
何なんだよ428pxって!?

今までの最大幅414pxじゃ何故ダメなんだ?
・・・って、思うのはわたしだけでしょか💦

と嘆いていても何も解決しないので、
結論、いつもおんなじコト言ってますけど、
わたしが指標にするヨコ幅サイズは
375px!です。

今回新しく出た390pxと428pxは、
どちらも375pxを上回っていますから、
小は大を兼ねる論法でカバーしちゃいますw

375pxと390pxはたったの15px違いなので、
余白の使い方でカバーしやすいかなと。

んでもって、Pro Maxのヨコ幅428pxの方は、
文字の大きさ+余白の使い方でカバーする。
こんな感じを予定しています。

Twitterなんかでも、
海外勢のウェブデザイナーさん達から

毎回対応させられるのウンザリだよ(# ゚Д゚)!
微調整対応するのマジ疲れる(# ゚Д゚)!!
って感じの・・・

ため息のような、悲鳴のような、
ハタマタ諦めのようなつぶやきが
色々聞こえてきていました。

わかるわぁー(;´Д`)

ってか買換えるならドレだ?

iPhoneSEの時にはまーったく( 一一)
買換える気すらなかったのですけれど、
今回はちょいと考え中なのです。

・・・というのも、
わたしが今持っているのはiPhoneXなので、
そろそろ買換えてもよいかなぁーと。

正直5Gはどうでもいいけどねw
だってどうせ5Gなんて繋がらない場所だしw
外にも滅多に出ていかないしww

でもカメラの性能アップは欲しい…。

って考えたら、
iPhoneProかiPhonePro Maxだけど、
サイト作る時の実機テストを考えると、
ヨコ幅375px縛りって問題があるのだ💦

そうすると!?iPhone12mini一択(;´・ω・)
何か違わないか?それでいいのか?
・・・・・

( ゚Д゚)あ!今のiPhoneXを残して、
作業用に置いておけばいいじゃないか♬
と思いついてしまったヾ(@⌒ー⌒@)ノ

でも!?そうなると下取りには出せない。
・・・またビミョーな気持ちになった💦

さてどーしますかねぇ?
ま、iPhone12miniは11月発売だし、
今どうこうは出来ないしね。。。。。

iPhone12シリーズへの買換えは、
もう少しよく考えてみるコトにします。

ただ買換えようと買換えまいと、
スマートフォン用デザインのヨコ幅は375px!
コレだけは決定ですっ(・ω・)ノ

コメントはコチラから

タイトルとURLをコピーしました