---
# System prepended metadata

title: シミュレータ用画像仕様
tags: [Joggo]

---

# シミュレータ用画像仕様

###### tags: `Joggo`

## 商品画像

|幅|高さ|
|---|---|
|1000px|1000px|

- ドロップシャドウは含まない（CSSで付与する）
- 商品画像は原則画角いっぱいまで配置する（小さく表示したい商品の場合を除く）

![](https://i.imgur.com/XAHoG49.png)


## マスク画像

|幅|高さ|
|---|---|
|1000px|1000px|

- 表示したいエリアを#000000、非表示にしたいエリアを透明とする
- 半透明で塗った箇所はシミュレータ上では薄く表示される
- 商品画像のパーツ位置と合致させる

![](https://i.imgur.com/xCHI1hB.png)
