【完全無料】ブラウザで完結！デバイスはめ込みモックアップ画像ジェネレーター
広告
Mockup Settings
キャンバス & 背景
Desktop (PC)
Tablet
Mobile (SP)
Download
※背景透過を保存するにはPNGかWebPを選択してください。
Settings (JSON)
画像を生成中…
モックアップジェネレーター 使い方ガイド
1. キャンバスと背景の設定
- 全体の画像サイズ（比率）と背景色を設定します。
- 「カスタムサイズ」を選ぶと、任意の幅と高さをピクセル単位で入力できます。
- 背景を透明にしたい場合は、「背景を透過する」にチェックを入れます（保存時はPNGまたはWebPを選択してください）。
2. デバイスの設定と画像の配置
- PC、Tablet、Mobileの3つのデバイスの表示・非表示を、右上のスイッチで切り替えられます。
- 各デバイスの「＋ 画像をアップロード」ボタンから、はめ込みたい画像を選択してください。
- Device（枠）のスライダーでデバイス自体の大きさ（Scale）と位置（Pos X / Pos Y）を調整します。
- Image（画像）のスライダーではめ込んだ画像のズームと位置を微調整できます。
3. 設定の保存と読み込み (JSON)
- エクスポート： 現在の配置や設定をJSONファイルとして保存します。
- インポート： 保存したJSONファイルを読み込み、以前のレイアウトを完全に復元できます。
- ※アップロードした画像データも一緒に保存されるため、そのまま作業を再開できます。
4. 画像のダウンロード
- PNG / WebP / JPG のいずれかのボタンをクリックすると、完成したモックアップ画像がダウンロードされます。
- 背景を透過したまま保存したい場合は、必ず PNG または WebP を選択してください。
5. よくある質問 (Q&A)
このモックアップジェネレーターは無料ですか？
はい、完全無料でご利用いただけます。会員登録やアプリのインストールも不要です。
背景を透明にして保存できますか？
可能です。背景透過オプションをオンにし、PNGまたはWebP形式でダウンロードしてください。
商用利用は可能ですか？
はい、クレジット表記を行っていただくことで商用利用が可能です。媒体に合わせて以下のいずれかの方法でご記載ください。
■ URLリンクが貼れる場合（ブログ・Webサイトなど）
以下のテキストとリンクを設置してください。
画像作成：@INTWAK(インターネットわく) (https://internetwak.com/)
コピペ用HTMLコード：
■ URLリンクが貼れない場合（YouTube動画内、SNS、印刷物など）
概要欄やキャプション等に以下のテキストを記載してください。
画像作成：@INTWAK(インターネットわく) 検索: internetwak.com