> For the complete documentation index, see [llms.txt](https://guides.advertising.webtoon.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.advertising.webtoon.com/line-manga/creative-guidelines/display-video-ads/splash-ads.md).

# Splash Ads

## 表示位置及び特徴 <a href="#id-12brandedepiloguebep-bi" id="id-12brandedepiloguebep-bi"></a>

* アプリ起動時のスプラッシュスクリーンに表示される**起動画面フルスクリーン広告**です
* アプリ起動時の読み込み時間を活用した視覚的アプローチにより、ブランドやイベントの魅力を自然な流れでダイレクトかつ鮮明にユーザーに印象付けます。
* ブランドロゴや視認性の高い短文のキャッチコピーなど、情報を厳選することで、短時間の接触でも確かな認知とインパクトを生み出すことが可能です。

<div><figure><img src="/files/QSulcpXKQDjeGZFmVpdL" alt="" width="295"><figcaption></figcaption></figure> <figure><img src="/files/0a9ejaO6J7iVS6tVDYyN" alt="" width="295"><figcaption></figcaption></figure></div>

## 必要素材 <a href="#id-12premium-asetto" id="id-12premium-asetto"></a>

* ロゴ画像とBottom AD Image (下部バナー素材)、合計2点の素材をご提出ください。
* 制作完了時には、PSD制作ファイルも一緒にご提出ください。
* 制作にあたっては、必ずLINEマンガが提供する [**PSDサンプルファイル**](#download-guide-and-sample-psd)を使用してください

<div><figure><img src="/files/OF9xUuPNdINwuv5uIjbo" alt="" width="204"><figcaption><p>Logo</p></figcaption></figure> <figure><img src="/files/eVzvm6vIRLxdBU6HH2LW" alt="" width="563"><figcaption><p>Bottom AD Image</p></figcaption></figure></div>

<table><thead><tr><th width="162">アセット名</th><th>画像サイズ</th><th>ファイル容量</th><th>ファイル形式</th><th>解像度</th><th>Color Profile</th></tr></thead><tbody><tr><td><strong>Logo（ロゴ画像）</strong></td><td>945 x 720 px</td><td>最大40KB</td><td>PNG (背景透過必須)</td><td>144 dpi</td><td>sRGB IEC61966 2.1</td></tr><tr><td><strong>Bottom AD Image（下部広告画像)</strong></td><td>1400 x 614 px</td><td>最大300KB</td><td>JPG</td><td>144 dpi</td><td>sRGB IEC61966 2.1</td></tr></tbody></table>

## ロゴ(Logo)制ガイド

**ロゴタイプ(Logo Type)**

* 提供される3種類のロゴレイアウト(Horizontal、Vertical、Standalone)のいずれかを選択し、制作してください。
* 制作時には、各タイプの詳細ガイドを必ず確認した上で、LINEマンガが提供する [**PSDサンプルファイル**](#download-guide-and-sample-psd)を使用してください。

<div><figure><img src="/files/J9fCM1YTkwns4XtnGaEr" alt=""><figcaption><p>1.Horizontal Type</p></figcaption></figure> <figure><img src="/files/dVGMrPXXeSlElNlgXduq" alt=""><figcaption><p>2.Vertical Type</p></figcaption></figure> <figure><img src="/files/vi22twOH876tnXNB4jN5" alt=""><figcaption><p>3.Standalone</p></figcaption></figure></div>

**LINEマンガロゴ(LINE MANGA Logo)**

* LINEマンガロゴは、グリーン(#00DC64)カラーで提供されます。
* LINEマンガロゴの原本形状を任意に修正・歪曲・変形することは禁じられております。必ずオリジナル(原本)のまま使用してください。

**広告主ロゴ(Advertiser Logo)**

* 広告主ロゴは、**LINEマンガと同等の階層に位置する「コーポレートロゴ（代表ブランド）」、またはサービスロゴ**を使用してください。
* そのため、特定IP(知的財産)、個別商品、単発のキャンペーンなど、**下位ブランドにあたるロゴの**~~**は**~~**使用は原則として認められません。**
* ただし、下位ブランドの認知度が上位ブランドを著しく上回るなど特別な事情がある場合は、例外的に使用を認める場合があります。
* 下位ブランドのロゴを使用する必要がある場合は、必ず事前に弊社担当まで別途ご相談ください。（社内審査・確認が必要となります)

{% hint style="info" %}
ブランド認知度の判断基準

* ブランド認知度は、Google Trendsの直近1年間の検索データおよび、LINEマンガの社内ブランドポリシーをもとに、総合的に判断します。
* ゲーム、映画など、時期性やトレンドの影響を受けやすいコンテンツブランドについても本原則を適用しますが、個別協議を経て、例外的に使用を承認する場合があります。
  {% endhint %}

**ロゴカラー適用ルール**

**1) グリーンカラーのLINEマンガロゴの優先使用**

* **原則として、グリーンカラーのLINEマンガロゴを最優先にご使用ください。」の方が分かりやすいと思います。**
* 広告主ロゴが有色の場合、LINEマンガロゴは必ずグリーンカラーを使用してください。
* 広告主ロゴがホワイトカラーの場合、LINEマンガロゴはグリーンカラーを優先して使用してください。ただし、背景との視認性を考慮し、広告主ロゴと同一のホワイトカラーを使用することも可能です。

**2) 背景色とのコントラスト**

* すべてのロゴは明瞭な視認性を確保するため、Bottom AD Image(下部バナー素材）の背景色と十分なコントラストを保持してください。

<figure><img src="/files/x56YpsSQlOEehEWfCnrB" alt=""><figcaption></figcaption></figure>

### **ロゴタイプ別ルール**

### 1. Horizontal Type <a href="#id-1.splashad-jp-1.objectbasictype" id="id-1.splashad-jp-1.objectbasictype"></a>

{% tabs %}
{% tab title="1-1 Free Form" %}
**構造 (Structure)**

<figure><img src="/files/1hRDjrw1T5LpSjdbaH8K" alt=""><figcaption></figcaption></figure>

**1. LINEマンガロゴ(LINE MANGA Logo)**

* 180x179 px (固定)
* 広告主ロゴが有色の場合、LINEマンガロゴは必ずグリーンカラーを使用してください。
* 広告主ロゴがホワイトカラーの場合、LINEマンガロゴはグリーンカラーを優先して使用してください。ただし、背景との視認性を考慮し、広告主ロゴと同一のホワイトカラーを使用することも可能です。
* LINEマンガロゴのオリジナル形状を保持し、任意の修正や変形は一切認められません。

**2. 広告主ロゴ(Advertiser Logo Area)**

* Min 150x75 px\~ Max450x96 px
* 指定されたMin\~Maxの範囲内に、広告主のロゴを配置してください。
* 広告主ロゴは、指定された領域の左側に余白を設けずに配置してください。

<div><figure><img src="/files/TuvKnmqkx3heqGjIKcCF" alt=""><figcaption></figcaption></figure> <figure><img src="/files/39moJm5lm7ESPSixsDvf" alt=""><figcaption></figcaption></figure></div>

**3. 区切り線 (Divider)**

* 3x84 px (固定)
* 区切り線の位置は、LINEマンガロゴと広告主ロゴの間に配置してください。
* 使用できるカラーは、透明度(Opacity)50%のホワイトまたはブラックに限ります。
* 区切り線の左右マージンはそれぞれ48pxで固定されており、変更はできません。
* 提供された区切り線のオリジナル形状は必ず保持し、任意に変形することはできません。

<div><figure><img src="/files/iVGQPH0VGzynSOAHerk0" alt=""><figcaption></figcaption></figure> <figure><img src="/files/ReI6zRP43Djp01yNBm6M" alt=""><figcaption></figcaption></figure></div>

**4. ロゴグループ**

* LINEマンガロゴ、広告主ロゴ、区切り線で構成されます。&#x20;
* 完成したロゴグループは、キャンバスの水平方向及び垂直方向の中央に配置してください。
* ロゴグループ全体が、常に中央揃え（センター配置）となるよう配置~~を常~~してください。

<div><figure><img src="/files/KD1u7wt2OgyXqePXH9Wh" alt=""><figcaption></figcaption></figure> <figure><img src="/files/46Hfqa3cPZr8fH1REech" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="1-2 Square" %}
**構造 (Structure)**

<figure><img src="/files/GnCw9oPIlXwZStlVE1sz" alt=""><figcaption></figcaption></figure>

**1. LINEマンガロゴ (LINE MANGA Logo)**

* 180x179 px (固定)
* 広告主ロゴが有色の場合、LINEマンガロゴは必ずグリーンカラーを使用してください。
* 広告主ロゴがホワイトカラーの場合、LINEマンガロゴはグリーンカラーを優先して使用してください。ただし、背景との視認性を考慮し、広告主ロゴと同一のホワイトカラーを使用することも可能です。
* LINEマンガロゴのオリジナル形状を保持し、任意の修正や変形は一切認められません。

**2. 広告主ロゴ (Advertiser Logo Area)**

* 180x180 px (固定)
* 縦横比1:1の広告主ロゴを配置してください。
* 広告主ロゴは、指定された領域の左側に余白を設けずに配置してください。

<figure><img src="/files/iSTHHoyG229jijAC7O1V" alt="" width="370"><figcaption></figcaption></figure>

**3. 区切り線(Divider)**

* 3x84 px (固定)
* 区切り線の位置は、LINEマンガロゴと広告主ロゴの間に配置してください。
* 使用できるカラーは、透明度(Opacity)50%のホワイトまたはブラックに限ります。
* 区切り線の左右マージンはそれぞれ48pxで固定されており、変更はできません。
* 提供された区切り線のオリジナル形状は必ず保持し、任意に変形することはできません。

<div><figure><img src="/files/aiGVjqQPobay8lvHimjc" alt=""><figcaption></figcaption></figure> <figure><img src="/files/1clxDbamEaKcRtcCSyk2" alt=""><figcaption></figcaption></figure></div>

**4. ロゴグループ**

* LINEマンガロゴ、広告主ロゴ、区切り線で構成されます。
* 完成したロゴグループは、キャンバスの水平方向及び垂直方向の中央に配置してください。
* ロゴグループ全体が、常に中央揃え（センター配置）となるよう配置してください。

<figure><img src="/files/29PLoP1nHD1uguXFropq" alt="" width="370"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="NG 例" %}

<div><figure><img src="/files/I5nddy3kyNuI299P3ArU" alt="" width="250"><figcaption><p>広告主ロゴが最大の幅・高さを超過した場合</p></figcaption></figure> <figure><img src="/files/JU6IcWhpwWnDUsdGE5fu" alt="" width="250"><figcaption><p>ロゴが最小の幅・高さを満たしていない場合</p></figcaption></figure></div>

<div align="center"><figure><img src="/files/6MBNniBanzKAqslv5gGt" alt="" width="250"><figcaption><p>ロゴを指定エリア内に、<br>余白を設けて配置した場合</p></figcaption></figure> <figure><img src="/files/ZCpkqAFxrDFgAWCXU5sM" alt="" width="250"><figcaption><p>LINEマンガロゴと広告主ロゴの配置位置が<br>入れ替わっている場合</p></figcaption></figure></div>

<div><figure><img src="/files/gFsrqdgVuj8c09ex54ti" alt="" width="250"><figcaption><p>区切り線の左右マージンが<br>守られていない場合1</p></figcaption></figure> <figure><img src="/files/POqtiJQc0KazYWYEXlDy" alt="" width="250"><figcaption><p>区切り線の左右マージンが<br>守られていない場合2</p></figcaption></figure></div>

<div><figure><img src="/files/7Ki6PjM4I9MxXFXlO9vF" alt="" width="250"><figcaption><p>ロゴグループが中央揃えになっていない場合1</p></figcaption></figure> <figure><img src="/files/WEkAOVyPz3wMm74NMiDN" alt="" width="250"><figcaption><p>ロゴグループが中央揃えになっていない場合2</p></figcaption></figure></div>

<div><figure><img src="/files/Vz6eQhvSHPz5uim8fjX1" alt="" width="250"><figcaption><p>区切り線を削除した場合</p></figcaption></figure> <figure><img src="/files/OSJxhhJeEfk0pvWzV3TE" alt="" width="250"><figcaption><p>区切り線のオリジナル形状を変形した場合</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

### 2. Vertical Type <a href="#id-1.splashad-jp-1.objectbasictype" id="id-1.splashad-jp-1.objectbasictype"></a>

{% tabs %}
{% tab title="2-1. Free Form" %}
**構造 (Structure)**

<figure><img src="/files/ECEURZLNV3ac005ljpc7" alt=""><figcaption></figcaption></figure>

**1. LINEマンガロゴ (LINE MANGA Logo)**

* 180x179 px (固定)
* 広告主ロゴが有色の場合、LINEマンガロゴは必ずグリーンカラーを使用してください。
* 広告主ロゴがホワイトカラーの場合、LINEマンガロゴはグリーンカラーを優先して使用してください。ただし、背景との視認性を考慮し、広告主ロゴと同一のホワイトカラーを使用することも可能です。
* ロゴのオリジナル形状を保持し、任意の修正や変形は一切認められません。

**2. 広告主ロゴ (Advertiser Logo Area)**

* Min 180x120 px\~Max 570x270 px
* 指定されたMin\~Maxの範囲内に、広告主のロゴを配置してください。
* 広告主ロゴは、指定された領域の上部に余白を設けずに配置してください。
* 広告主ロゴをLINEマンガロゴに合わせてサイズを調整し、バランスよく配置してください。

<div><figure><img src="/files/Ymfqqdy3LxTvSur6KAhR" alt=""><figcaption></figcaption></figure> <figure><img src="/files/N4FjRlcT9trRTiLbrt0m" alt=""><figcaption></figcaption></figure></div>

**3. 区切り線 (Divider)**

* 84x3 px (固定)
* 区切り線の位置は、LINEマンガロゴと広告主ロゴの間に配置してください。
* 使用できるカラーは、透明度(Opacity)50%のホワイトまたはブラックに限ります。
* 区切り線の左右マージンはそれぞれ48pxで固定されており、変更はできません。
* 提供された区切り線のオリジナル形状は必ず保持し、任意に変形することはできません。

<div><figure><img src="/files/G2TawcDVIQJc5ImL004J" alt=""><figcaption></figcaption></figure> <figure><img src="/files/KCYmkXjz1fGWI08UDxPf" alt=""><figcaption></figcaption></figure></div>

**4. ロゴグループ**

* LINEマンガロゴ、広告主ロゴ、区切り線で構成されます。
* 完成したロゴグループは、キャンバスの水平方向及び垂直方向の中央に配置してください。
* ロゴグループ全体が、常に中央揃え（センター配置）となるよう配置してください。

<div><figure><img src="/files/UGzWY1ZBPhz7uXiODHsE" alt=""><figcaption></figcaption></figure> <figure><img src="/files/jr97crKxwAseUeclPEW5" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="2-2. Square" %}
**構造**

<figure><img src="/files/AqAPiTl3F4Rf2WLqvLjA" alt=""><figcaption></figcaption></figure>

**1. LINEマンガロゴ (LINE MANGA Logo)**

* 180x179 px (固定)
* 広告主ロゴが有色の場合、LINEマンガロゴは必ずグリーンカラーを使用してください。
* 広告主ロゴがホワイトカラーの場合、LINEマンガロゴはグリーンカラーを優先して使用してください。ただし、背景との視認性を考慮し、広告主ロゴと同一のホワイトカラーを使用することも可能です。
* ロゴのオリジナル形状を保持し、任意の修正や変形は一切認められません。

**2. 広告主ロゴ (Advertiser Logo Area)**

* 180x180 px  (固定)
* 縦横比1:1の広告主ロゴを配置してください。
* 広告主ロゴは、指定された領域の左側に余白を設けずに配置してください。

<figure><img src="/files/8jwYBR3Ke9rhPG7qS1wH" alt="" width="370"><figcaption></figcaption></figure>

**3. 区切り線 (Divider)**

* 84x3 px (固定)
* 区切り線の位置は、LINEマンガロゴと広告主ロゴの間に配置してください。
* 使用できるカラーは、透明度(Opacity)50%のホワイトまたはブラックに限ります。
* 区切り線の左右マージンはそれぞれ48pxで固定されており、変更はできません。
* 提供された区切り線のオリジナル形状は必ず保持し、任意に変形することはできません。

<div><figure><img src="/files/k1Hzl8gszktdNNAH1pKF" alt=""><figcaption></figcaption></figure> <figure><img src="/files/sM1u2HwTWiKDVXqFuZv4" alt=""><figcaption></figcaption></figure></div>

**4. ロゴグループ**

* LINEマンガロゴ、広告主ロゴ、区切り線で構成されます。
* 完成したロゴグループは、キャンバスの水平方向及び垂直方向の中央に配置してください。
* ロゴグループ全体が、常に中央揃え（センター配置）となるよう配置~~を~~してください。

<figure><img src="/files/RJ2ncafYJjQbD77K1Jd5" alt="" width="370"><figcaption></figcaption></figure>
{% endtab %}

{% tab title="NG 例" %}

<div><figure><img src="/files/Vrbscv4XWAODo5V24X70" alt="" width="250"><figcaption><p>ロゴが最大の幅・高さを超過した場合</p></figcaption></figure> <figure><img src="/files/hFFNxb8XUGSZw2I81R5Q" alt="" width="250"><figcaption><p>ロゴが最小の幅・高さを満たしていない場合</p></figcaption></figure></div>

<div><figure><img src="/files/V48cweCi6ZujpdRYNsX4" alt="" width="250"><figcaption><p>ロゴを指定エリア内に、<br>余白を設けて配置した場合</p></figcaption></figure> <figure><img src="/files/jgEYPBKxC2JbyMGmYATW" alt="" width="250"><figcaption><p>LINEマンガロゴと広告主ロゴの配置位置が<br>入れ替わっている場合</p></figcaption></figure></div>

<div><figure><img src="/files/4NDFm2sH2QT4amY1GEYJ" alt="" width="250"><figcaption><p>区切り線の左右マージンが守られていない場合1</p></figcaption></figure> <figure><img src="/files/TxKZRcA1BHBgVgdKKPi0" alt="" width="250"><figcaption><p>区切り線の左右マージンが守られていない場合2</p></figcaption></figure></div>

<div><figure><img src="/files/CELe3Cydbgts4NIgGtT0" alt="" width="250"><figcaption><p>ロゴグループが中央揃えになっていない場合1</p></figcaption></figure> <figure><img src="/files/NkFa4NPFSpoCoNoP4qFt" alt="" width="250"><figcaption><p>ロゴグループが中央揃えになっていない場合2</p></figcaption></figure></div>

<div><figure><img src="/files/WIxCQlE9dKqyyCOb8M6p" alt="" width="250"><figcaption><p>区切り線のオリジナル形状を変形した場合</p></figcaption></figure> <figure><img src="/files/f4qPIa4Xr0nWyzb5oKUi" alt="" width="250"><figcaption><p>区切り線を削除した場合</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

### 3. LINE MANGA Standalone Type <a href="#id-1.splashad-jp-3.objectextendedtype" id="id-1.splashad-jp-3.objectextendedtype"></a>

{% tabs %}
{% tab title="基本ガイド" %}
**構造 (Structure)**

<figure><img src="/files/SgSFuLiejj2BAMuBXOgg" alt=""><figcaption></figcaption></figure>

**グリーンLINEマンガロゴの単独使用**

* 300x296 px (固定)
* グリーンカラー(#00DC64)とホワイトカラーの2色のうち、原則としてグリーンカラーロゴを最優先で使用してください。
* 広告主ロゴの単独使用はできません。
* LINEマンガのStandalone ロゴ素材は、LINEマンガより提供されます。

<div><figure><img src="/files/8cyxvvWYK43Di44PiU72" alt=""><figcaption></figcaption></figure> <figure><img src="/files/V5qFAJKGTbmNP6aXyf4j" alt=""><figcaption></figcaption></figure></div>

**ホワイトLINEマンガロゴの使用が認められる場合**

* モノクロ環境でホワイトカラーロゴの使用が必要な場合
* 背景カラーとのコントラストが弱く、グリーンカラーロゴの視認性を確保することが難しい場合&#x20;

<div><figure><img src="/files/sYcEKzGg1XxGhkhEVCsN" alt=""><figcaption></figcaption></figure> <figure><img src="/files/FgseWsGiMqIYdSFVqyI3" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="NG 例" %}

<div><figure><img src="/files/VbCKauWDaaZVImLfJVUM" alt=""><figcaption><p>ブラックカラーロゴを使用した場合</p></figcaption></figure> <figure><img src="/files/ahUY9aO7UC73uSjDPtqj" alt=""><figcaption><p>ホワイトカラーロゴを優先的に使用した場合</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## Bottom AD Image 制作ガイド <a href="#id-1splashadjp-bottomadimagegaido" id="id-1splashadjp-bottomadimagegaido"></a>

{% tabs %}
{% tab title="基本ガイド" %}
**構造図**

<figure><img src="/files/DzRf8ACHuIjf5achSfsw" alt=""><figcaption></figcaption></figure>

**実際の表示例**

<figure><img src="/files/9PRbgPAgU3nGyn1BkBKj" alt="" width="250"><figcaption></figcaption></figure>

**1. AD Badge**

* ADバッジのサイズと位置は固定のため、変更できません。

**2. Main Object/Text Area**

* 478x594 px
* 上記構造図の画像中央部「Main Object/Text Area」を基準にユーザーへ表示されるため、その領域に主要な要素やテキストを配置してください。

**1) オブジェクト**

* 要素をエリア外に拡張する場合は、重要な要素が見切れること~~なく~~のないよう、重要な要素が「Main Object/Text Area」内に配置されるようレイアウトを調整してください。
* 「ボタン」形式など、クリックを誘導する素材は使用できません。
* 上部のロゴ素材に使用した広告主ロゴを重複して使用することはできません。

**2) テキストデザイン及び配置**

* テキストは中央揃えを推奨します。
* フォントは最大2種類まで使用できます。
* フォントカラーは最大2色まで使用できます。
* 広告のコアメッセージは、一目でユーザーが理解できるよう視認性や可読性の高い明快な訴求を推奨します。
* 指定されたオプション以外のフォントや、スクリプト体など可読性の低いフォントの使用は認められません。
* テキストは広告画像および背景色と調和するように配置してください。

**3) 推奨フォント**

* ブランドフォントとしては、サンセリフ(Sans-serif)系を推奨します。
* 制作者は、ガイドラインで推奨または例示されたフォントを含め、使用するすべてのフォントについてライセンスを自ら取得する必要があります。

{% hint style="warning" %}
**フォントライセンス**

ライセンスを有しないフォントの使用によって生じる問題については、すべて制作者が責任を負うものとします。
{% endhint %}

**3. Safe Area**

* 478x60 px
* Main Object/Text Areaに含まれている領域です
* 重要な要素が隠れてしまう可能性があるため、当該エリア外にはテキストを配置できません。

**4. Extension Area**

* デバイスにより表示範囲が変動するエリアであるため、Main Object/Text Area内の要素と背景が違和感なく連続するように制作する必要があります。
* 背景を拡張できない場合は、グラデーションなどを用いて背景と違和感なく馴染むように制作してください。

<figure><img src="/files/HaF3uzFdcyN66gb0EQ6h" alt=""><figcaption></figcaption></figure>

**5. Solid Color Area**

* 1400x20 px
* システムが当該領域のカラーをサンプリングして画面全体の背景色を自動生成するため、**必ず一色のソリッドカラー(Solid Color)で処理**してください。
* Photoshopのカラーピッカー(Color picker)上で、彩度(S)と明度(B)の合計が160を超えないよう設定してください。
* Main Object/Test Area、Extension Areaと違和感なく連続するように制作してください。

<figure><img src="/files/Ln8b1ziFFQSCN2Bba7fI" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/GjvZanKeGogtEzfi9sZi" alt=""><figcaption></figcaption></figure>

***

**制作例**

<div><figure><img src="/files/puqGPGFisxfaOuzYgph9" alt=""><figcaption></figcaption></figure> <figure><img src="/files/IlgUmkewJHLqyYA0wLKo" alt=""><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="NG 例" %}

<div><figure><img src="/files/BuqXHnqf9lSK1vAYRwkX" alt=""><figcaption><p>上部 Solid Color Areaが単色で処理されていない場合</p></figcaption></figure> <figure><img src="/files/KEVJQFlaUCQAuK2X5YUK" alt=""><figcaption><p>「ボタン」形式など、クリックを誘導する素材を使用した場合</p></figcaption></figure></div>

<div><figure><img src="/files/jg0nXEusFdLliXydHfED" alt=""><figcaption><p>Safe Areaにテキストを配置した場合</p></figcaption></figure> <figure><img src="/files/uyNjypXLU0cYGc0kYlJR" alt=""><figcaption><p>主要な要素やテキストが指定エリアからはみ出している場合</p></figcaption></figure></div>

<div><figure><img src="/files/Ht6eljhOy6fCm7Nw9fOL" alt=""><figcaption><p>主要な要素やテキストが見切れている場合</p></figcaption></figure> <figure><img src="/files/uJkCopS5h7cwHf9T9C9X" alt=""><figcaption><p>上部のロゴ素材に使用したロゴ画像を繰り返し使用した場合</p></figcaption></figure></div>

<div align="center"><figure><img src="/files/U9aRalFiF1y88KJBiaP9" alt="" width="495"><figcaption><p>背景を自然に処理せず、切り抜き画像をそのまま使用した場合<br>元の背景色と両端の余白が馴染んでおらず、違和感を与えるNG例です。</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## ADバッジ表示ガイド <a href="#id-1splashadjp-a-dbajjigaido" id="id-1splashadjp-a-dbajjigaido"></a>

{% tabs %}
{% tab title="基本ガイド" %}

* ADバッジは自動表示されないため、Bottom AD Image（下部バナー素材）内に**直接挿入**してください。
* ADバッジの位置は、右下に固定されており、位置やサイズの変更はできません。
* 主要な広告イメージやブランドロゴがADバッジによって隠れないように制作してください。
* ADバッジは、ライトモード用とダークモード用の2種類が提供されます。バナー背景に応じて、視認性の高いバージョンを選択して使用してください。
* 制作にあたっては、必ずLINEマンガが提供するPSDサンプルファイルを使用してください。

| モード          | 背景カラー               | 画像                                                              |
| ------------ | ------------------- | --------------------------------------------------------------- |
| ライトモード       | #FFFFFF、Opacity 40% | <img src="/files/PaHD8ccfwTJ6csvICPrt" alt="" data-size="line"> |
| ダークモード       | #333333、Opacity 35% | <img src="/files/hiwJaFv5DL8MbU55JA2l" alt="" data-size="line"> |
| {% endtab %} |                     |                                                                 |

{% tab title="NG 例" %}

<div><figure><img src="/files/t74dqwZJ9AE5pvVsNqd3" alt=""><figcaption><p>ADバッジが表示されていない場合</p></figcaption></figure> <figure><img src="/files/L5yLbjwbBXthOMuA9cug" alt=""><figcaption><p>背景色に対して視認性の低いADバッジを使用している場合</p></figcaption></figure></div>

<div><figure><img src="/files/DoOY3gdLxGT4tHdTbOOB" alt=""><figcaption><p>ADバッジのサイズを変更している場合</p></figcaption></figure> <figure><img src="/files/6pNCXm6CpoTUJa0IRpWo" alt=""><figcaption><p>ADバッジの表示位置を変更している場合</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## 著作権表記ガイド <a href="#id-1splashadjp-gaido" id="id-1splashadjp-gaido"></a>

{% tabs %}
{% tab title="基本ガイド" %}

* 著作権表記など、**表示が必須となる文言**がある場合に限り、本ガイドを適用します。
* フォントの最小サイズは8ptとします。
* 可読性の高いサンセリフ体（Sans-serif）の使用を推奨します。
* 最大2行以内での表記を推奨します。
* Safe Areaを含むMain Object/Text Area内に配置してください。

<figure><img src="/files/zgZxafOZbQw7ZrEWcB0P" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="NG例" %}

<div><figure><img src="/files/w9uf6BYpHgczTMNKRxeM" alt=""><figcaption><p>最小フォントサイズを満たしていない場合</p></figcaption></figure> <figure><img src="/files/kKypDTMG222gHUXkLp2F" alt=""><figcaption><p>テキストが指定エリアからはみ出している場合</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

## 使用不可画像 <a href="#id-21imji" id="id-21imji"></a>

#### <mark style="color:red;">**使用不可画像1**</mark>

* 広告が掲載される領域のテーマ、または広告対象の事業者・製品・サービスなどと関連性の低い画像
* その他ユーザーの視認性や可読性が低いもの、またはユーザー体験を損なう恐れのある低品質な画像など

{% columns %}
{% column width="25%" %}

<div align="center" data-full-width="false"><figure><img src="https://webtoon-advertising.gitbook.io/webtoon/J1suphMzPP344bYELGyP/~gitbook/image?url=https%3A%2F%2Fimages.gitbook.com%2F__img%2Fdpr%3D2%2Cwidth%3D760%2Conerror%3Dredirect%2Cformat%3Dauto%2Csignature%3D-1481334222%2Fhttps%253A%252F%252Ffiles.gitbook.com%252Fv0%252Fb%252Fgitbook-x-prod.appspot.com%252Fo%252Fspaces%25252Fj018suy98627A5mf8iJJ%25252Fuploads%25252FxFKaBKenMqafHJpBMPsJ%25252F%2525E1%252584%25258B%2525E1%252585%2525B5%2525E1%252586%2525AF%2525E1%252584%252587%2525E1%252585%2525A1%2525E1%252586%2525AB%2525E1%252584%252592%2525E1%252585%2525A7%2525E1%252586%2525BC__%2525E1%252584%252589%2525E1%252585%2525A1%2525E1%252584%25258B%2525E1%252585%2525AD%2525E1%252586%2525BC%2525E1%252584%252587%2525E1%252585%2525AE%2525E1%252586%2525AF%2525E1%252584%252580%2525E1%252585%2525A1%2525201.png%253Falt%253Dmedia%2526token%253D9df98c15-e073-4d72-a53d-724dfefb983c&#x26;width=300&#x26;dpr=4&#x26;quality=100&#x26;sign=83aa1e57&#x26;sv=2" alt="" width="563"><figcaption><p>解像度が低く、不鮮明なため判別が困難な画像</p></figcaption></figure></div>
{% endcolumn %}

{% column %}

<div data-full-width="false"><figure><img src="https://webtoon-advertising.gitbook.io/webtoon/J1suphMzPP344bYELGyP/~gitbook/image?url=https%3A%2F%2Fimages.gitbook.com%2F__img%2Fdpr%3D2%2Cwidth%3D760%2Conerror%3Dredirect%2Cformat%3Dauto%2Csignature%3D1461220201%2Fhttps%253A%252F%252Ffiles.gitbook.com%252Fv0%252Fb%252Fgitbook-x-prod.appspot.com%252Fo%252Fspaces%25252Fj018suy98627A5mf8iJJ%25252Fuploads%25252FYHog2eRcGu90vKMggOQz%25252F%2525E1%252584%25258B%2525E1%252585%2525B5%2525E1%252586%2525AF%2525E1%252584%252587%2525E1%252585%2525A1%2525E1%252586%2525AB%2525E1%252584%252592%2525E1%252585%2525A7%2525E1%252586%2525BC__%2525E1%252584%252589%2525E1%252585%2525A1%2525E1%252584%25258B%2525E1%252585%2525AD%2525E1%252586%2525BC%2525E1%252584%252587%2525E1%252585%2525AE%2525E1%252586%2525AF%2525E1%252584%252580%2525E1%252585%2525A1%2525202.png%253Falt%253Dmedia%2526token%253D494fd1be-d2a4-4f69-b440-e53950e64ee3&#x26;width=300&#x26;dpr=4&#x26;quality=100&#x26;sign=ffcea16c&#x26;sv=2" alt="" width="188"><figcaption><p>複数の画像を不自然に組み合わせたものや、視認性を著しく損なう複雑なレイアウトの画像</p></figcaption></figure></div>
{% endcolumn %}

{% column valign="middle" %}

<div data-full-width="false"><figure><img src="https://webtoon-advertising.gitbook.io/webtoon/J1suphMzPP344bYELGyP/~gitbook/image?url=https%3A%2F%2Fimages.gitbook.com%2F__img%2Fdpr%3D2%2Cwidth%3D760%2Conerror%3Dredirect%2Cformat%3Dauto%2Csignature%3D1419125642%2Fhttps%253A%252F%252Ffiles.gitbook.com%252Fv0%252Fb%252Fgitbook-x-prod.appspot.com%252Fo%252Fspaces%25252Fj018suy98627A5mf8iJJ%25252Fuploads%25252FbDvAdmh7wphdbekz7yJI%25252F%2525E1%252584%25258B%2525E1%252585%2525B5%2525E1%252586%2525AF%2525E1%252584%252587%2525E1%252585%2525A1%2525E1%252586%2525AB%2525E1%252584%252592%2525E1%252585%2525A7%2525E1%252586%2525BC__%2525E1%252584%252589%2525E1%252585%2525A1%2525E1%252584%25258B%2525E1%252585%2525AD%2525E1%252586%2525BC%2525E1%252584%252587%2525E1%252585%2525AE%2525E1%252586%2525AF%2525E1%252584%252580%2525E1%252585%2525A1%2525203.png%253Falt%253Dmedia%2526token%253D24f11cc8-e374-496d-9b9c-b2a1a69c6fd7&#x26;width=300&#x26;dpr=4&#x26;quality=100&#x26;sign=9632b2e3&#x26;sv=2" alt=""><figcaption><p>枠線や余白を設け、ユーザーに誤認を与える可能性のある<del>付けた</del>画像</p></figcaption></figure></div>

{% endcolumn %}

{% column %}

{% endcolumn %}
{% endcolumns %}

{% columns %}
{% column %}

<figure><img src="https://webtoon-advertising.gitbook.io/webtoon/J1suphMzPP344bYELGyP/~gitbook/image?url=https%3A%2F%2Fimages.gitbook.com%2F__img%2Fdpr%3D2%2Cwidth%3D760%2Conerror%3Dredirect%2Cformat%3Dauto%2Csignature%3D-467987597%2Fhttps%253A%252F%252Ffiles.gitbook.com%252Fv0%252Fb%252Fgitbook-x-prod.appspot.com%252Fo%252Fspaces%25252Fj018suy98627A5mf8iJJ%25252Fuploads%25252FcgGxr0CYM7g8LzdPwWmh%25252F%2525E1%252584%25258B%2525E1%252585%2525B5%2525E1%252586%2525AF%2525E1%252584%252587%2525E1%252585%2525A1%2525E1%252586%2525AB%2525E1%252584%252592%2525E1%252585%2525A7%2525E1%252586%2525BC__%2525E1%252584%252589%2525E1%252585%2525A1%2525E1%252584%25258B%2525E1%252585%2525AD%2525E1%252586%2525BC%2525E1%252584%252587%2525E1%252585%2525AE%2525E1%252586%2525AF%2525E1%252584%252580%2525E1%252585%2525A1%2525204.png%253Falt%253Dmedia%2526token%253Def0bff8e-5aad-43e5-b98c-7455f36eaed8&#x26;width=300&#x26;dpr=4&#x26;quality=100&#x26;sign=97930d68&#x26;sv=2" alt=""><figcaption><p>医学的な効能・効果があると誤認させる恐れのある画像（例：化粧品広告において使用前/後を比較するケースなど）</p></figcaption></figure>
{% endcolumn %}

{% column %}

<figure><img src="https://webtoon-advertising.gitbook.io/webtoon/J1suphMzPP344bYELGyP/~gitbook/image?url=https%3A%2F%2Fimages.gitbook.com%2F__img%2Fdpr%3D2%2Cwidth%3D760%2Conerror%3Dredirect%2Cformat%3Dauto%2Csignature%3D436356353%2Fhttps%253A%252F%252Ffiles.gitbook.com%252Fv0%252Fb%252Fgitbook-x-prod.appspot.com%252Fo%252Fspaces%25252Fj018suy98627A5mf8iJJ%25252Fuploads%25252FcABnxW2vzoI3ZNlMLWvM%25252F%2525E1%252584%25258B%2525E1%252585%2525B5%2525E1%252586%2525AF%2525E1%252584%252587%2525E1%252585%2525A1%2525E1%252586%2525AB%2525E1%252584%252592%2525E1%252585%2525A7%2525E1%252586%2525BC__%2525E1%252584%252589%2525E1%252585%2525A1%2525E1%252584%25258B%2525E1%252585%2525AD%2525E1%252586%2525BC%2525E1%252584%252587%2525E1%252585%2525AE%2525E1%252586%2525AF%2525E1%252584%252580%2525E1%252585%2525A1%2525205.png%253Falt%253Dmedia%2526token%253Df8996fd5-a2d8-49f9-87ac-f2b466ea2dfa&#x26;width=300&#x26;dpr=4&#x26;quality=100&#x26;sign=c1629ff1&#x26;sv=2" alt=""><figcaption><p>錯視を用いてユーザーに誤解を与える恐れのある画像 </p></figcaption></figure>

{% endcolumn %}

{% column %}

{% endcolumn %}

{% column %}

{% endcolumn %}
{% endcolumns %}

<mark style="color:red;">**使用不可画像2**</mark>

* 製品の用途や使用場面などが嫌悪感を与える画像
  * 足裏角質除去剤、舌クリーナー、水虫薬、便器の黄ばみ、排水口、カビなど
* 身体の一部を拡大して嫌悪感を与える画像
  * わきの下、かかと、頭皮のフケ、足の裏など

<div><figure><img src="/files/XjklmcyiXIU1qVUlKy8E" alt=""><figcaption></figcaption></figure> <figure><img src="/files/k66WkcSay2zZQofY8opG" alt=""><figcaption></figcaption></figure> <figure><img src="/files/alVZA9zyQvmGLxHbztoq" alt=""><figcaption></figcaption></figure> <figure><img src="/files/jSngFhlzitFEOLGSO2L4" alt=""><figcaption></figcaption></figure> <figure><img src="/files/fimACO5qiwU5dcM1Xz57" alt=""><figcaption></figcaption></figure> <figure><img src="/files/4vpUe3vUs00Oifku05T4" alt=""><figcaption></figcaption></figure></div>

## **Ad Creative PSD Template**

<a href="https://comic.naver.com/external/shareFile?fileId=QzLBFMoYAuuWcUH2vQgZ1g" class="button secondary">Download Sample PSD</a>

{% hint style="success" %}
ご質問や広告に関するお問い合わせは、[**「Contact Us」**](https://ldfcorp.com/ja/contact/form_7)フォームよりご連絡ください。
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://guides.advertising.webtoon.com/line-manga/creative-guidelines/display-video-ads/splash-ads.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.