サイトロゴを指定する

サイトロゴの初期指定方法

サイトロゴは、下記要素で指定します。

なお、サイトロゴを初期指定内容の画像ファイルから変更したい場合は、サイトロゴの変更方法を参考にしてください。

サイトロゴの推奨仕様

サイトロゴは、ユーザーがサイトを識別するための重要な情報です。アプリ上で適切にサイトロゴを表示し、サイトブランドを保つために、下記のデザイン仕様を推奨しております。

サイズとファイル形式

  • サイズ:横700px以下 x 縦およそ100px
  • ファイル形式:PNG(アルファ付きPNG)

デザインガイドライン

  • 背景色は透明にしてください
  • ロゴの境界線の余分な縁取りは取り除いてください
  • 解像度の高い画像ファイルにしてください
  • 正方形ではなく、横長のロゴにしてください

snflogo-guideline1.png

 

下記のように、明るい色、暗い色を含むいくつかの背景で、ロゴがなめらかに見えるか確認してください。

snflogo-guideline2.png

iOSアプリリリース6.5.0以降、ダークモードをサポートしています。
ヘッダーロゴ画像は、SmartFormat上で<snf:darkModeLogo> を挿入していただくと、ロゴのデータを変更せずに以下のようなダークモード対応の表示にさせることができます。

<snf:darkModeLogo>挿入時
darkmode_logo2.png

タグを入れない場合も特にデータの変更は不要です。その場合は、記事面のサイトロゴに白背景を入れさせていただきます。

<snf:darkModeLogo>未挿入時
darkmode_logo1.png

 

サイトロゴの反映箇所

sitelogo_sample.png

SmartView上部に表示されます。ユーザーが記事をスクロールしている間も、上部に常時固定されます。

ロゴをタップすると、サイトURLで指定したページへアプリ内ブラウザ上で遷移します。

サイトロゴの変更方法

サイトロゴを変更するのページをご覧ください。