> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/experience/campaign/create-new-1/creative-editing.md).

# クリエイティブの編集

編集

## 操作動画 <a href="#operation-video" id="operation-video"></a>

{% hint style="success" %}
**Ptengine ExperienceのWeb接客体験とはこの動画では以下の内容をご案内します。**

* テキストの追加と編集
* 画像のアップロードと編集
* 動画の追加
* ボタンの追加と編集
* プレビュー画面の確認
* スマホ画面の編集
* 保存

下記動画のチャプター表紙のスキップボタンで次のチャプターへスキップできます。
{% endhint %}

{% embed url="<https://app.arcade.software/share/rluR0l0GdSElzLf2uRXJ>" %}

## **その他注意事項** <a href="#other-important-notes" id="other-important-notes"></a>

### 画像 <a href="#image" id="image"></a>

#### アップロードについて <a href="#upload" id="upload"></a>

＜アップロード可能な画像形式＞

形式：jpeg,png,gif,avif,webp,ico,svg

容量：最大6メガバイト

画像要素をクリックすると、画像変更、スタイル編集（不透明度、枠線の太さ、角丸、影）、クリックアクション、コピー、レイヤー、トリミング、その他の設定が行えます。その他の設定からは、[代替テキスト(Alt)](/faq/experience-edit/web-accessibility.md#setting-alternative-text-alt)の設定が可能です。

### テキスト <a href="#text" id="text"></a>

#### フォントについて <a href="#about-fonts" id="about-fonts"></a>

同じフォントに指定した場合でもOSにより形が異なることがあります。

各OSが同じフォントに対する定義が異なるからです。

Ptengine上では解決できることは難しいので、ご了承ください。

### ビデオ <a href="#video" id="video"></a>

#### **サムネイルについて** <a href="#about-thumbnails" id="about-thumbnails"></a>

ビデオURLを選択した場合は、サムネイル用画像を追加できます。

YouTubeリンクの場合は、YouTubeで設定したサムネイルが使用されます。

## **Webアクセシビリティへの対応** <a href="#web-accessibility-compliance" id="web-accessibility-compliance"></a>

Ptengine Experienceで設置するすべてのポップアップ・固定バーは、キーボード入力に対応しています。詳しくは[Webアクセシビリティへの対応](/faq/experience-edit/web-accessibility.md)アクセシビリティをご参照ください。