ロゴを自動的にRetinaディスプレイに対応する機能を追加しました

iPhoneやMacbookなどは解像度の高いRetinaディスプレイが採用されています。

こうした高解像度端末では、通常のディスプレイ仕様で作った画像がぼやけて表示されてしまいます。
そこで、たとえば320×240pxの画像をRetinaで綺麗に見せるためには、その2倍の640×480pxの画像を作成する必要があります。

ただし、サイト内の画像をすべて2倍サイズで投稿すると、それだけユーザーの端末が読み込む容量が増えますので、ページ表示速度が遅くなります。したがって当テーマでは、一番目立つ”サイトのロゴ“にだけRetina対応を行うようにしています。

もちろん使い方は簡単で下記のテーマオプションで2倍サイズのロゴをアップロードし、「レティナディスプレイ用ロゴを設定する」にチェックを入れるのみ隣っております。

関連記事

  1. スマホ専用のウィジェット配置が可能

  2. プレスリリース・イベント情報の告知を行うための「お知らせ」ページ

  3. 複数のフォントタイプやサイズをテーマオプションから詳細に設定可能

  4. 直感的なインターフェースで簡単にデザインされたページが作れる「ページビ…

  5. ワンランク上の検索機能を備えた「Googleカスタム検索」を簡単にウィ…

  6. 記事ページ下部のアイキャッチ付き関連記事一覧