Webサイトモックアップジェネレーター
URLを入力するだけでPCとモバイルのスクリーンショットを合成したポートフォリオモックアップ画像を自動生成します
ゲスト無料利用可能 残り3回(0/3 回) ログインして無制限に利用
スクリーンショットを撮るWebサイトのURLを入力してください
生成中...
スクリーンショットを生成しています...
Chromeヘッドレスでキャプチャ中のため、6〜12秒ほどかかります
生成されたモックアップ
主な機能
PC1280 × 800 デスクトップキャプチャ
ヘッドレスChromeでデスクトップビューポートから実際のサイトをレンダリングしてキャプチャします。
Mobile390 × 844 iPhoneビューポート
iOS Safariのユーザーエージェントでモバイルレイアウトをそのままキャプチャします。
ポートフォリオ風合成
MacBook型のモニターフレームとiPhone型のフォンフレームを自動で合成し、1枚のPNGとして保存します。
ご注意
内部ネットワーク(localhost、プライベートIP)はセキュリティ上ブロックされます。
同じURLは30分間キャッシュされ、すばやく再生成されます。
ログインが必要なページやボットをブロックするサイトはキャプチャできない場合があります。
よくある質問
サーバー側でChromeヘッドレスによりPCとモバイル画面をキャプチャしたあと、ブラウザCanvasでデバイスフレームと合成します。
スクリーンショットはビューポートサイズまでしかキャプチャされないため、上部(ヘッダー〜ファーストビュー)が表示されます。上のコンテンツがいちばん見栄えするよう設計されたサイトに適しています。
合成された画像にはキャプチャされたサイトの画面が含まれるため、該当サイトの著作権ポリシーに従ってご利用ください。ポートフォリオ・提案書など、合理的な引用の範囲でご利用ください。