ロゴやトップ画像をRetinaディスプレイ/IPS液晶に対応させました。

4retina

cdbk.net CREATIVESのサイトをスマートフォンに加えて、タブレットやMacBook ProなどもRetina / IPS液晶になり、見ると滲んでしまうという状態が続いてしまっていたので、Retinaディスプレイなどに対応した画像に差し替えorCSSの変更を行いました。

対応させる方法として、実際の表示サイズよりも大きなサイズの画像(約2倍程度)を用意し、CSSなどでサイズ指定を行い、縮尺表示を行っています。写真の場合はサイズがそのままファイルサイズになってしまうため、機種などを判定して差し替えるといった方法をとる場合が多いですが、文字など色数が少ない画像を使っている場合はそれほどファイルサイズも大きくならないので、実サイズより大きなものをそのまま使っています。

そのほか制作フローを簡単な図でコンテンツに追加したりしました。

1件の返信

コメントを残す

メールアドレスが公開されることはありません。