Magic Eraser + Squarespace: サイト、ストア、ブログ、メンバー エリア向けの 1 つの画像ワークフロー

ネイティブ プラグインなし — Magic Eraser は、Squarespace エディターの外部で実行される Web/iOS/Android 画像エディターです。ワークフローは次のとおりです。Magic Eraser で画像を準備し、フル解像度 (PNG または JPEG) でエクスポートし、エディターの標準の画像アップロード フローを通じて Squarespace にアップロードします。 Squarespace のイメージ パイプラインは、WebP 変換、応答性の高い srcset、そこからの CDN 配布を処理します。ほとんどのユーザーにとって、直接プラグインがないことは問題ではありません。画像の準備は、ワークフローのサイト編集とは異なるポイントでバッチで行われ、この分離は実際に一貫性を保つのに役立ちます (画像セットごとに 1 つの編集セッション、次にページごとに 1 つのアップロード セッション)。

Squarespace では、バナー画像のソースとして 2500×1700 を推奨しています。これにより、レスポンシブ クロップ ロジックに Retina ディスプレイに十分な解像度と、フルブリード→モバイル ポートレート リフローに十分な合成マージンが与えられます。最も一般的な失敗モードは、バナーのサイズが小さいことではありません (Squarespace は正常に拡大します)。モバイルの狭いクロップが被写体からはみ出すタイトな構図です。 Magic Eraser の AI Fill アウトペイントは、4 面すべてに一致する背景を追加してソースを拡張することでこの問題を解決します。手持ちの携帯電話の写真から始めて、AI Fill は余裕を持って 2500 × 1700+ まで拡張され、すべてのブレークポイントでの焦点のトリミングはきれいな状態を保ちます。

いいえ。最高品質のソースをアップロードします。Squarespace の画像パイプラインは自動 WebP を提供し、すべてのブレークポイントに対して応答性の高い srcset を構築し、ビューポートと接続に基づいて独自の CDN レベルの圧縮を適用します。アップロード前に画像を事前圧縮すると (たとえば、80% JPEG として保存)、Squarespace 独自の圧縮がさらに重なり、レンダリング サイズごとに明らかに悪い出力が生成されます。 Magic Eraser はデフォルトで完全な品質でエクスポートします。アップロード手順を通じてその品質を維持し、下流の最適化を Squarespace に任せます。

カタログのビジュアル標準を事前に定義します。背景色 (ほとんどの場合は白、温かみのあるブランドの場合はオフホワイト #F5F5F5、ライフスタイルを重視したショップのブランドカラー)、フレーム内での製品の配置 (中央、わずかな角度、上から下)、およびカラー グレードのプリセット (すべての製品が共有する AI フィルター設定) を定義します。次に、すべての製品写真に同じ Magic Eraser ワークフローを適用します。選択した背景色には Background Eraser、シャープには AI Enhance、クリーンアップには Magic Eraser ブラシ、一貫したグレードには AI フィルターを使用します。 50 ～ 500 SKU のショップの場合、Magic Eraser Premium によるバッチ処理により、単一セッションで複数の写真に対して同じ操作が実行されます。すべてに 1 つのワークフローを適用するという規律により、製品グリッドはカメラロールのダンプではなく、プロのカタログとして解釈されます。

はい。 Squarespace メンバーエリアは、パブリック ページと同じ画像ブロック タイプ (バナー、ギャラリー ブロック、コンテンツ画像、ビデオ サムネイル) を使用するため、同じ Magic Eraser ワークフローが適用されます。運営上の注意点: メンバーエリアのコンテンツは、ゲート付きの教育素材やプレミアム素材 (オンライン コース、有料ニュースレター、有料コミュニティ) であることが多いため、一般に公開マーケティング ページよりも画質の基準が高くなります。ビジュアル制作がアマチュアの場合、アクセス通知に月額 20 ～ 200 ドルを支払うメンバーになります。会員エリアの画像についても、会員を販売したマーケティング サイトと同じレベルの画像磨きを計画します。

Squarespace の組み込み画像エディターは、トリミング、焦点設定、基本的なフィルターの適用、および単純なサイズ変更を処理します。これは、エディター内でその場で調整するのに役立ちます。 Magic Eraser は、Squarespace のエディターでは処理できない操作を処理します。オブジェクトの削除 (気を散らすもの、意図しない人物、透かし)、背景の交換 (乱雑な家の背景からきれいなスタジオの色へ)、AI 塗りつぶしのアウトペイント (ソース写真をブレークポイントセーフな寸法に拡張)、AI Enhance (低照度の携帯電話の写真のアップスケールとシャープ化) です。正しい形状は連続的です。最初に主要な変換のために Magic Eraser で準備し、次に最終的なトリミングと焦点に Squarespace のエディターを使用します。

Squarespace のブログのカバー画像は、投稿ページでは 1500 × 750 のフルブリードでレンダリングされ、ブログ インデックスでは 600 × 300 で 2:1 のサムネイルが、サマリー ブロック グリッドでは 250 × 250 で 1:1 の正方形でレンダリングされ、プラットフォームはソースから切り取られます。最もクリーンなワークフロー: 1:1 クロップでも読み取れる程度に被写体を中央に置き、表紙を 1500 × 750 で準備します。ソースがネイティブ 2:1 でない場合は AI 塗りつぶしが上塗りし、最終エクスポート前に Magic Eraser ブラシが邪魔なものを取り除きます。サマリー ブロックを頻繁に使用するサイト (ホームページの機能行、関連投稿モジュール) では、同じカバー画像がどのコンテキストでもきれいに読み取れるため、この規律は効果があります。