PSDtoLP

PSD to LP

1. PSDファイルを選択

ここにPSDファイルをドラッグ＆ドロップするか、下のボタンから選択してください。

2. 編集

最大幅（max-width）を設定する contact_support

最大幅（max-width）とは？

大画面でLPを表示した時の最大幅を制限します。
例：1200pxに設定すると、4K画面でも横幅1200pxまでに収まります。
推奨値：1200px〜1920px

lock

lock 最大幅設定はPro版限定です Pro版を見る

最大幅: px

headタグを設定する contact_support

headタグ設定

SEO対策やアクセス解析のためのHTML設定
• タイトル：検索結果に表示される
• 説明：検索結果の説明文
• オプション：Google Analytics等のタグ

lock

lock SEO/headタグ設定はPro版限定です Pro版を見る

タイトル（<title>）:

説明（<meta description>）:

オプション（Google Analytics等）:

ボタンをクリックしてリンク先を設定できます

ボタン:

WebP形式で出力（軽量・高品質） contact_support

WebP形式とは？

Googleが開発した次世代画像フォーマット。
メリット：JPGより30-50%軽量で高画質
デメリット：古いブラウザで非対応
現代的なサイトにはWebP推奨！

lock

オフの場合はJPG形式で出力されます

lock WebP形式はPro版限定です Pro版を見る

JPG品質 contact_support

画像品質の設定

推奨値：85%（デフォルト）
• 100%：最高画質（ファイルサイズ大）
• 85%：バランス型（推奨）
• 50%以下：軽量だが劣化が目立つ
※品質を変更すると再ダウンロード時に反映されます

低

高

contact_support

スライス機能とは？

画像を水平方向に分割してHTMLを生成します。
メリット：
• ファイルサイズを分散できる
• セクションごとにalt属性を設定可能
• 読み込み速度が向上
使い方：スライスを追加後、プレビュー画面で位置を調整

3. ダウンロード

info このアプリについて description ライセンス gavel 利用規約 shield プライバシー

v1.0.0

laptop_windows PC

デスクトップ (1920×1080)

MacBook Air (1440×900)

tablet_android Tab

iPad (1024×768)

iPad Pro 11" (834×1194)

iPad Pro 12.9" (1024×1366)

Galaxy Tab (800×1280)

phone_iphone SP

iPhone SE (375×667)

iPhone 14 Pro Max (428×926)

Pixel 7 (412×915)

PSD to LP

1. PSDファイルを選択

2. 編集

3. ダウンロード

Pro版限定機能