mixi Developer Center (ミクシィ デベロッパーセンター)

mixiアプリ

mixiアプリ » 各種申請・登録 » アプリ公開に関する申請・登録 » アプリ作成 » 設定画像について

設定画像について

設定する画像の種類

mixi Platformを用いたサービスやアプリを登録する場合、以下の事項をご確認の上、設定を行って下さい。

ロゴ(mixiアプリ)

サービスやアプリの説明画面や利用中のサービス/アプリ一覧に表示される画像です。

サービスやアプリの特徴を連想させるような画像を指定し、ユーザーが該当するサービスやアプリを識別しやすくなるようにしてください。

ロゴ(8K)で登録する各画像は以下を指定してください。

  • 容量:8kB以内
  • 画像形式:JPEG、GIF(アニメーションGIF非対応)
  • 対応機種:PC、モバイル、スマートフォン
  • 推奨pxサイズ:100px×100px

ロゴ(100K)で登録する各画像は以下を指定してください。

  • 容量:100kB以内
  • 画像形式:JPEG、GIF形式(アニメーションGIF非対応)、PNG
  • 対応機種:PC、スマートフォン
  • 推奨pxサイズ:200px×200px

201604ver_logo_100K.png

ただしPC版では、後述の「訴求画像」及び「スタートボタン」を設定することで、ゲームの世界観をより豊かに表現することが可能です。その場合、ここで設定したロゴ(100K)は表示されません。詳細は後述の「訴求画像」やページ下部の設定サンプルをご確認ください。

アイコン(mixiアプリ)

mixiのホーム画面の「更新情報」や各詳細ページに表示される小さな画像です。
ロゴと同様にサービスやアプリの特徴を連想させるような画像を指定し、ユーザーが該当するサービスやアプリを識別しやすくなるようにしてください。

  • 容量:2kB以内
  • 画像形式:JPEG、GIF形式(アニメーションGIF非対応)
  • 表示画像サイズ16px×16px

アプリ説明画面の背景画像(mixiアプリPC版のみ)

PC版のアプリ説明画面(view_appli.pl)において、ページ背景に表示される画像です。設定された画像はページ内で繰り返し表示されます。画像が未設定の場合は背景色として白が設定されます。白以外の背景色を設定する場合は、塗りつぶしの画像を設定してください。PC版のみで設定が可能です(任意)。

サービスやアプリの特徴を連想させるような画像を設定してください。
サービスやアプリと関わりのない内容の画像が設定されている場合、弊社の判断により設定変更依頼、もしくは削除をさせていただく場合がございますのであらかじめご了承ください。

  • 容量:1024kB以内
  • 形式:JPEG形式、GIF形式(アニメーションGIF非対応)、PNG
  • 対応機種:PC
  • サイズ:最大1920px×800pxまで

設定された背景画像はページ内で繰り返し表示されます。下のように複雑な画像や文字が入っている画像を設定する際はご注意ください。

(例)背景画像に文字が入っている場合

アプリ実行画面の背景画像・背景色(mixiアプリPC版のみ)

PC版のアプリ実行画面 (run_appli.pl)において、ページ背景に表示される画像と色です。PC版のみで設定が可能です(任意)。

サービスやアプリの特徴を連想させるような画像を設定してください。
サービスやアプリと関わりのない内容の画像が設定されている場合、弊社の判断により設定変更依頼、もしくは削除をさせていただく場合がございますのであらかじめご了承ください。

  • 容量:1024kB以内
  • 形式:JPEG、GIF(アニメーションGIF非対応)、PNG
  • サイズ:最大1920px×800pxまで
  • 対応機種:PC
  • 背景色:「白」か「黒」の2色よりお選びいただけます

run_appli_back.gifのサムネイル画像

訴求画像

PC版のアプリ説明画面(view_appli.pl)において、キービジュアルとなる画像です。ページ先頭部分にセンタリング表示されます。
主要な情報(タイトルや注意書き、メインキャラクター画像など)は中央エリア1022px内に納めてください。
弊社の推奨表示幅は1022pxのため、それ以上の左右エリアはお客様の環境により表示されない場合があります。
訴求画像は最大4つまで設定可能です。
訴求画像1にはスタートボタン等がオーバーレイ表示されます。主要な情報がスタートボタンに重ならないようご注意ください。
訴求画像1~4は上下に隙間なく密接して表示されます。そのため、連続性のあるグラフィックを分割して訴求画像とする利用方法も可能です。

  • 容量:各400kB以内
  • 形式:JPEG、PNG
  • サイズ:横(1022px~1400px) × 縦(300px以上)
  • 対応機種:PC

訴求画像1を設定しない場合は、ロゴ(100K)が下記のように表示されます

スタートボタン

訴求画像1にオーバーレイ表示されるスタートボタンです。「デフォルト」「Mouse Over」の2パターンを設定可能なため、二つのボタンで色合いを変えマウスオーバー時に動きをつけることができます。PC版でのみ設定が可能です(任意)
設定されたスタートボタンは、訴求画像1との重なりを考慮し当社にて数ピクセル程度リサイズさせていただく場合がありますので、あらかじめご了承ください。
「デフォルト」「Mouse Over」どちらも設定が無い場合は当社指定のボタンを設定いたします。モバイル、スマートフォンでは当社指定のボタンを設定いたします。

      • 容量:各100kB以内
      • 形式:JPEG、GIF(アニメーションGIF非対応)、PNG、透過可
      • サイズ:横(100px~300px) × 縦(100px~300px)
      • 対応機種:PC
      • 表示位置:横方向・・・訴求画像1にセンターを合わせる
      • 表示位置:縦方向・・・訴求画像1の最下部より約98px上を基点とする

(表示位置はユーザーのブラウザ設定などにより数px程度のずれが生じる可能性があります)

PC版で未設定時に設定される当社指定ボタン(実寸大)サイズ:横263px × 縦56px

デフォルト
Mouse Over

アプリ説明画面用メイン画像・iframe(mixiアプリPC版のみ)

PC版のアプリ説明画面 (view_appli.pl)において、ページ中央にメイン画像もしくはiframeのstart URLを設定し表示することが出来ます。設定はiframeを使ったページ、またはメイン画像のどちらを表示させるかを切り替えることが出来ます。PC版のみで設定が可能です(任意)。ただし、訴求画像が設定済みの場合は訴求画像が優先され、メイン画像の設定は無効となります。詳しい条件は下記をご覧ください。

訴求画像設定の有無 iframe設定の有無 メイン画像の表示
あり あり 表示されません(訴求画像・iframe優先)
あり なし 表示されません(訴求画像優先)
なし あり 表示されません(iframe優先)
なし なし 表示されます

サービスやアプリの特徴を連想させるような画像を設定してください。
サービスやアプリと関わりのない内容の画像が設定されている場合、弊社の判断により設定変更依頼、もしくは削除をさせていただく場合がございますのであらかじめご了承ください。

iframe

  • サイズ:横幅は935px固定、高さは500px以上を指定してください
  • 対応機種:PC

メイン画像

  • 容量:1024KB以内
  • 形式:JPEG、GIF(アニメーションGIF非対応)、PNG
  • サイズ:横幅は935pxまで設定可能、高さの制限はありません
  • 対応機種:PC

条件を満たしメイン画像が表示される場合は、下記のような画面になります。

サンプル画像(mixiアプリ)

PC版のアプリの説明画面に最大10個表示できる画像です。アプリの実行画面の画像等を設定し、アプリの内容をユーザーに伝えることが出来ます。

設定された画像はギャラリーとして自動生成され下記のように表示されます。 背景色は「アプリの説明欄」の設定が反映されます(白または黒)。 サムネイルは設定された順に左寄せで並べられます。

  • 容量:各200kB以内
  • 形式:JPEG、GIF(アニメーションGIF非対応)、PNG
  • サイズ:横(800px) × 縦(600px)
  • 対応機種:PC

(例)背景黒の場合


キャプチャ画像(mixiアプリ)

アプリの説明画面に最大三つ表示できる画像です。PC、モバイル、スマートフォンそれぞれに設定が必要です。アプリの実行画面をキャプチャした画像等を設定し、アプリの内容をユーザーが一目でわかるように示してください。ただしPCは上述のサンプル画像を1つ以上設定した場合、サンプル画像が優先されキャプチャ画像は表示されません。

  • 容量:各8kB以内
  • 形式:JPEG、GIF(アニメーションGIF非対応)
  • 対応機種:PC、モバイル、スマートフォン
  • 推奨サイズ:自動縮小を行うと画像が粗くなりますので、PC用としては150px×120px、モバイル用としては200px×200px、スマートフォン用としては90px×72pxの表示サイズと同じ画像に最適化して設定することを推奨します。

PC

モバイル

スマートフォン

Webクリップアイコン(mixiアプリ スマートフォン版のみ)

スマートフォンにおいて、ブックマークやショートカットを端末ホームに置く場合に表示されるWebクリップアイコンとして表示される画像となります。スマートフォン版のみで設定が可能です(任意)。設定されていない場合は弊社のロゴマークが表示されます。

  • 設定する場合は必ずmixi Platform用素材利用ガイドラインのWebクリップアイコン用素材の部分に従ってmixiアプリであることが分かるように、弊社指定の素材が表示されていること
  • 容量:各500kB以内
  • 形式:JPEG、GIF(アニメーションGIF非対応)
  • 129px×129px以上のサイズを入力しますと自動縮小が行われ、画像が粗くなりますので、129px×129pxの表示サイズに最適化して設定することを推奨します。

ゲームトップページ用タイトル画像(mixiアプリPC版のみ)

PCにおいてゲームトップページ等へ表示する画像になります。 画像が設定されている場合は、ゲームページトップの弊社指定のゲーム露出枠への掲載をさせていただくことがございます。

掲載対象は、以下のカテゴリに登録されているアプリになります。
・カードバトル
・シミュレーション
・RPG
・育成
・スポーツ
・オシャレ
・恋愛 ・ミニゲーム

設定する画像の内容についてはロゴと同様にサービスやアプリの特徴を連想させるような画像を指定し、ユーザーが該当するサービスやアプリを識別しやすくなるようにしてください。

登録する画像は以下を指定してください。

  • 容量:各100kB以内
  • 形式:JPEG、GIF(アニメーションGIF非対応)、PNG
  • サイズ:440px×154px

設定は以上です。

最も多くの画像設定をした場合、view_appli.pl(PC版)はこのように表示されます

(例1) 背景色:白 (例2) 背景色:黒
201604ver_index_w.png 201604ver_index_b.png

訴求画像1~4、iframe、サンプル画像を設定しない場合のview_appli.pl(PC版)はこのように表示されます

(例3)

上記例1~3の設定条件

項目 例1、例2 例3
ロゴ(100K) 有無に関わらず非表示(訴求画像が優先) あり(訴求画像がないためロゴ(100K)が表示される)
背景画像 あり(ない場合は白べた塗りになります) あり(ない場合は白べた塗りになります)
訴求画像 あり なし
スタートボタン あり なし(当社指定のものを表示)
iframe あり なし
メイン画像 有無に関わらず非表示(訴求画像・iframeが優先) あり(訴求画像およびiframeがないため表示される)
サンプル画像 あり なし
キャプチャ画像 有無に関わらず非表示(サンプル画像が優先) あり(サンプル画像がないため表示される)


ユーザが思わず遊びたくなるような画面にぜひ演出してみてください。

ヘルプ

画像編集ソフト以外で加工したファイルなど、ファイル自体に問題があると、アップロードできない場合があります。
該当の画像が、他ソフトウェア上でも表示可能かどうかご確認ください。

他、アップロードできない原因としては以下のケースが考えられます。

  • ファイル名が半角英数字になっていない
    ⇒日本語や特殊文字を使っているとアップロードに失敗することがあります。
  • 拡張子がついていない
    ⇒拡張子を確認してください。
  • JPEG形式、GIF形式以外のファイルなのに、拡張子だけ変更している
    ⇒正しい拡張子を確認してください。

このページの上部へ