タグ

Webデザインとiphoneに関するsoran_chanのブックマーク (2)

  • 実機検証!スマホサイトで最適な画像サイズとは

    見やすく伝わりやすいスマホサイトにするには、画像作成が必要不可欠だ。 しかし、スマートフォンは機種によって画面サイズが異なるため、どのサイズで画像を作成するのが最適なのか迷う人も多いと思う。 そこでこの記事では「何を基準にして画像を作成すればよいか」というところからお伝えし、最適な画像サイズは何か、実際に機種で検証する。 ぜひ参考にして欲しい。 <目次> 1.基準となるスマホサイトの横幅 2.最適な画像サイズと実機検証 3.ボタンやアイコンのサイズ 1.基準となるスマホサイトの横幅 iPhoneのRetinaディスプレイのような高解像度ディスプレイが増えてきたため、画面の横幅320px~480pxに合わせた画像を作ると表示の際に画像がぼやけてしまう。 それを避けるために、320pxの2倍の解像度である「640px」を横幅の基準としてデザインするのが主流となっている。 最近になって

    実機検証!スマホサイトで最適な画像サイズとは
    soran_chan
    soran_chan 2016/01/12
    最近のスマホはでかいんだよね...
  • 企業のWebサイトを効率的にスマートフォンに対応させる4つの方法 | Web制作の株式会社クライマークス

    スマートフォンが爆発的に普及し、今や自社サイトをスマートフォンなどマルチデバイスへ対応させることは、Web担当者にとって無視できない課題となってきました。とはいえ、従来PC向けWebサイトや携帯電話(フィーチャーフォン)向けWebサイトのみを構築・運用してきた企業にとって、更にスマートフォンサイトを導入するのは、コストや運用負荷の面で悩ましい問題です。 そこでこのコラムでは、単にPC用サイトや携帯電話用サイトとスマートフォンサイトとを別々に構築・運用するという方法以外に、効率的・効果的にスマートフォンサイトを導入するための方法を、メリット/デメリットを挙げながらご紹介します。 (1) PC用/スマートフォン用別々のサイトを用意し、CMSでコンテンツを一元管理する PCサイトとスマートフォンサイトをスクラッチで構築し、双方を一元管理できるCMSパッケージを導入する方法です。 初期導入の手間や

    企業のWebサイトを効率的にスマートフォンに対応させる4つの方法 | Web制作の株式会社クライマークス
  • 1