実機検証！スマホサイトで最適な画像サイズとは
見やすく伝わりやすいスマホサイトにするには、画像作成が必要不可欠だ。 しかし、スマートフォンは機種によって画面サイズが異なるため、どのサイズで画像を作成するのが最適なのか迷う人も多いと思う。 そこでこの記事では「何を基準にして画像を作成すればよいか」というところからお伝えし、最適な画像サイズは何か、実際に機種で検証する。 ぜひ参考にして欲しい。 ＜目次＞ １．基準となるスマホサイトの横幅 ２．最適な画像サイズと実機検証 ３．ボタンやアイコンのサイズ １．基準となるスマホサイトの横幅 iPhoneのRetinaディスプレイのような高解像度ディスプレイが増えてきたため、画面の横幅320px～480pxに合わせた画像を作ると表示の際に画像がぼやけてしまう。 それを避けるために、320pxの2倍の解像度である「640px」を横幅の基準としてデザインするのが主流となっている。 最近になって
スマホの画面解像度シェアを調べてみた（2020年1月版） | webseeya
※本ページは随時更新しています。過去のシェアデータはページ下部に移動しました。 以前、当ブログにて書きました「モニター解像度のシェアを調べてみた（2019年1月版）」に続き、スマートフォンの画面解像度シェアを調べてみました。 前回はデスクトップやタブレットでしたが、今回はiPhoneやAndroidといったスマホを対象としたデータです。 スマホの普及に伴い、スマホ専用サイトやレスポンシブデザインで制作する機会が増えてきましたのでサイト設計やデザインをされる際の参考にして頂ければと思います。 なお、本記事ではアイルランド発祥のアクセス解析サービス「StatCounter」よりダウンロードできるPING画像を利用しています。サイトではCSV形式のデータも提供されていますので必要な方は直接サイトをチェックしてみてください。 StatCounterについての詳細は「StatCounterとは？デー
iPhone 6 Screens Demystified | PaintCode
Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
