Magic Eraser + Squarespace: Ein Bild-Workflow für Websites, Shops, Blogs und Mitgliederbereiche

Kein natives Plugin – Magic Eraser ist ein Web-/iOS-/Android-Bildeditor, der außerhalb des Squarespace-Editors ausgeführt wird. Der Arbeitsablauf ist: Bilder in Magic Eraser vorbereiten, in voller Auflösung (PNG oder JPEG) exportieren und dann über den Standard-Bild-Upload-Ablauf im Editor auf Squarespace hochladen. Die Image-Pipeline von Squarespace übernimmt von dort aus die WebP-Konvertierung, das responsive SRCSet und die CDN-Verteilung. Für die meisten Benutzer ist das Fehlen eines direkten Plugins kein Problem – die Bildvorbereitung erfolgt stapelweise an einem anderen Punkt im Arbeitsablauf als die Website-Bearbeitung, und die Trennung trägt tatsächlich zur Konsistenz bei (eine Bearbeitungssitzung pro Bildsatz, dann eine Upload-Sitzung pro Seite).

Squarespace empfiehlt 2500×1700 als Quelle für Bannerbilder, was der responsiven Zuschneidelogik genügend Auflösung für Retina-Displays und genügend Kompositionsspielraum für den randlosen → mobilen Porträt-Reflow bietet. Der häufigste Fehlermodus sind nicht zu kleine Banner (Squarespace wird problemlos hochskaliert). Es handelt sich um eine straffe Komposition, bei der der schmalere Ausschnitt des Mobiles das Motiv abschneidet. Der AI Fill Outpaint von Magic Eraser löst dieses Problem, indem er die Quelle mit zusätzlichem passenden Hintergrund auf allen vier Seiten erweitert – beginnen Sie mit dem von Ihnen verwendeten Telefonfoto, AI Fill Out auf 2500×1700+ mit freiem Rand, und der Fokusbeschnitt an jedem Haltepunkt bleibt sauber.

Nein. Laden Sie die Quelle höchster Qualität hoch – die Image-Pipeline von Squarespace stellt automatisches WebP bereit, erstellt ein reaktionsfähiges SRC-Set für jeden Haltepunkt und wendet eine eigene Komprimierung auf CDN-Ebene basierend auf Ansichtsfenster und Verbindung an. Das Vorkomprimieren von Bildern vor dem Hochladen (z. B. Speichern als 80 % JPEG) verschmilzt nur mit der eigenen Komprimierung von Squarespace und führt bei jeder Rendergröße zu einer sichtbar schlechteren Ausgabe. Magic Eraser exportiert standardmäßig in voller Qualität – behalten Sie diese Qualität während des Upload-Schritts bei und überlassen Sie Squarespace die nachgelagerte Optimierung.

Definieren Sie im Voraus den visuellen Standard des Katalogs: Hintergrundfarbe (weiß für die meisten, cremefarbenes #F5F5F5 für wärmere Marken, Markenfarbe für Geschäfte mit Lifestyle-Position), Produktpositionierung im Rahmen (zentriert, leichter Winkel, von oben nach unten) und Voreinstellung für die Farbabstufung (die AI-Filtereinstellung, die alle Produkte gemeinsam haben). Wenden Sie dann den gleichen Magic Eraser-Workflow auf jedes Produktfoto an: Background Eraser für die ausgewählte Hintergrundfarbe, AI Enhance für die Schärfung, Magic Eraser Pinsel für die Bereinigung, AI-Filter für die einheitliche Qualität. Bei Shops mit 50–500 SKUs führt die Stapelverarbeitung über Magic Eraser Premium dieselben Vorgänge für mehrere Fotos in einer einzigen Sitzung aus. Die Disziplin "Ein Arbeitsablauf für alle“ macht das Produktraster eher zu einem professionellen Katalog als zu einem Kamerarollen-Dump.

Ja. Squarespace-Mitgliederbereiche verwenden dieselben Bildblocktypen wie öffentliche Seiten (Banner, Galerieblöcke, Inhaltsbilder, Video-Thumbnails), daher gilt der gleiche Magic Eraser-Workflow. Der einzige operative Hinweis: Bei den Inhalten des Mitgliederbereichs handelt es sich häufig um geschütztes Bildungs- oder Premiummaterial (Online-Kurse, kostenpflichtige Newsletter, kostenpflichtige Community), daher ist die Messlatte für die Bildqualität in der Regel höher als bei öffentlichen Marketingseiten – Mitglieder zahlen 20–200 US-Dollar/Monat für die Zugangsbenachrichtigung, wenn die visuelle Produktion amateurhaft ist. Planen Sie für die Bilder des Mitgliederbereichs den gleichen Grad an Imageverbesserung ein wie für die Marketingseite, die die Mitgliedschaft verkauft hat.

Der integrierte Bildeditor von Squarespace übernimmt das Zuschneiden, die Fokuspunkteinstellung, die grundlegende Filteranwendung und die einfache Größenänderung – nützlich für sofortige Anpassungen im Editor. Magic Eraser übernimmt die Vorgänge, die der Editor von Squarespace nicht ausführt: Objektentfernung (Ablenkungen, unbeabsichtigte Personen, Wasserzeichen), Hintergrundaustausch (überladene Heimhintergründe, um saubere Studiofarben zu erhalten), AI Fill Outpainting (Erweitern von Quellfotos auf haltepunktsichere Abmessungen) und AI Enhance (Hochskalieren und Schärfen von Telefonfotos bei schlechten Lichtverhältnissen). Die richtige Form ist sequenziell: Bereiten Sie in Magic Eraser zuerst die Haupttransformationen vor und verwenden Sie dann den Editor von Squarespace für den endgültigen Zuschnitt und den Fokuspunkt.

Die Titelbilder des Squarespace-Blogs werden auf der Beitragsseite im Vollrandformat von 1500×750 gerendert, im Blog-Index im Miniaturformat 2:1 bei 600×300 und im Zusammenfassungsblockraster im Quadratformat 1:1 bei 250×250 – und die Plattform wird von der Quelle abgeschnitten. Der sauberste Arbeitsablauf: Bereiten Sie das Cover bei 1500 x 750 vor, wobei das Motiv so zentriert ist, dass der 1:1-Zuschnitt immer noch angezeigt wird. AI Fill übermalt, wenn die Quelle nicht nativ 2:1 ist. Der Magic Eraser-Pinsel entfernt Ablenkungen vor dem endgültigen Export. Für Websites, die Zusammenfassungsblöcke häufig verwenden (Homepage-Funktionszeile, Modul für verwandte Beiträge), zahlt sich diese Disziplin aus, da sich das gleiche Titelbild in jedem Kontext sauber liest.