Magic Eraser + Squarespace : un flux de travail d'image pour les sites, les magasins, les blogs et les espaces membres

Pas de plugin natif — Magic Eraser est un éditeur d'images web/iOS/Android qui s'exécute en dehors de l'éditeur Squarespace. Le flux de travail est le suivant : préparer les images dans Magic Eraser, exporter en pleine résolution (PNG ou JPEG), puis télécharger sur Squarespace via le flux de téléchargement d'images standard dans l'éditeur. Le pipeline d'images de Squarespace gère la conversion WebP, le srcset réactif et la distribution CDN à partir de là. Pour la plupart des utilisateurs, l'absence d'un plugin direct n'est pas un problème : la préparation des images s'effectue par lots à un moment différent du flux de travail que l'édition du site, et la séparation contribue en fait à la cohérence (une session d'édition par ensemble d'images, puis une session de téléchargement par page).

Squarespace recommande 2 500 × 1 700 comme source pour les images de bannière, ce qui donne à la logique de recadrage réactive une résolution suffisante pour les écrans Retina et une marge de composition suffisante pour la redistribution pleine page → portrait mobile. Le mode d'échec le plus courant n'est pas celui des bannières sous-dimensionnées (Squarespace évoluera gracieusement) ; c'est une composition serrée où le recadrage plus étroit du mobile coupe le sujet. La peinture AI Fill de Magic Eraser résout ce problème en étendant la source avec un arrière-plan correspondant supplémentaire sur les quatre côtés - commencez par la photo de votre téléphone que vous avez, AI Fill out à 2500 × 1700+ avec une marge disponible, et le recadrage du point focal à chaque point d'arrêt reste propre.

Téléchargez la source de la plus haute qualité : le pipeline d'images de Squarespace sert WebP automatique, crée un srcset réactif pour chaque point d'arrêt et applique sa propre compression de niveau CDN en fonction de la fenêtre d'affichage et de la connexion. La pré-compression des images avant le téléchargement (enregistrement au format JPEG à 80 %, par exemple) ne fait que s'ajouter à la propre compression de Squarespace et produit un résultat visiblement pire à chaque taille de rendu. Magic Eraser exporte par défaut en pleine qualité : conservez cette qualité tout au long de l'étape de téléchargement et laissez Squarespace gérer l'optimisation en aval.

Définissez dès le départ la norme visuelle du catalogue : couleur d'arrière-plan (blanc pour la plupart, blanc cassé # F5F5F5 pour les marques plus chaleureuses, couleur de la marque pour les magasins positionnés sur le style de vie), positionnement du produit dans le cadre (centré, léger angle, de haut en bas) et préréglage de qualité de couleur (le paramètre de filtre AI que tous les produits partagent). Appliquez ensuite le même flux de travail Magic Eraser à chaque photo de produit : Background Eraser à la couleur d'arrière-plan choisie, AI Enhance pour la netteté, Magic Eraser pinceau pour le nettoyage, AI Filter pour une note cohérente. Pour les magasins disposant de 50 à 500 SKU, le traitement par lots via Magic Eraser Premium exécute les mêmes opérations sur plusieurs photos en une seule session. La discipline du flux de travail unique pour tous est ce qui fait que la grille de produits se lit comme un catalogue professionnel plutôt que comme un vidage de pellicule.

Oui. Les zones membres Squarespace utilisent les mêmes types de blocs d’images que les pages publiques (bannières, blocs Galerie, images de contenu, vignettes vidéo), donc le même flux de travail Magic Eraser s’applique. La seule remarque opérationnelle : le contenu de la zone membre est souvent du matériel éducatif ou premium (cours en ligne, newsletters payantes, communauté payante), de sorte que la barre de qualité d'image est généralement plus élevée que pour les pages de marketing publiques - les membres paient 20 à 200 $/mois pour un avis d'accès lorsque la production visuelle est amateur. Prévoyez le même niveau de finition d’image pour les images de la zone membre que pour le site marketing qui a vendu l’adhésion.

L'éditeur d'images intégré de Squarespace gère le recadrage, le réglage du point focal, l'application de filtre de base et le redimensionnement simple, ce qui est utile pour les ajustements instantanés dans l'éditeur. Magic Eraser gère les opérations que l'éditeur de Squarespace ne fait pas : suppression d'objets (distractions, personnes involontaires, filigranes), échange d'arrière-plan (arrière-plans d'accueil encombrés pour nettoyer les couleurs du studio), peinture de remplissage AI (extension des photos source à des dimensions sans danger pour les points d'arrêt) et AI Enhance (mise à l'échelle et netteté des photos de téléphone en basse lumière). La bonne forme est séquentielle : préparez d'abord dans Magic Eraser pour les transformations majeures, puis utilisez l'éditeur de Squarespace pour le recadrage final et le point focal.

Les images de couverture du blog Squarespace s'affichent à fond perdu 1 500 × 750 sur la page de publication, une vignette 2: 1 à 600 × 300 dans l'index du blog et un carré 1: 1 à 250 × 250 dans les grilles de blocs de résumé - et la plate-forme s'éloigne de la source. Le flux de travail le plus propre : préparez la couverture à 1500 × 750 avec le sujet suffisamment centré pour que le recadrage 1: 1 soit toujours lu, AI Fill peint si la source n'est pas nativement 2: 1, le pinceau Magic Eraser supprime les distractions avant l'exportation finale. Pour les sites qui utilisent beaucoup les blocs de résumé (ligne de fonctionnalités de la page d'accueil, module de publications associées), cette discipline est payante car la même image de couverture se lit proprement dans tous les contextes.