Magic Eraser + Squarespace: One Image Workflow for Sites, Stores, Blogs, and Member Areas

No native plugin — Magic Eraser is a web/iOS/Android image editor that runs outside the Squarespace editor. The workflow is: prep images in Magic Eraser, export at full resolution (PNG or JPEG), then upload to Squarespace through the standard image-upload flow in the editor. Squarespace's image pipeline handles the WebP conversion, responsive srcset, and CDN distribution from there. For most users the lack of a direct plugin isn't a friction — image prep happens in batches at a different point in the workflow than site editing, and the separation actually helps with consistency (one editing session per image set, then one upload session per page).

Squarespace recommends 2500×1700 as the source for banner images, which gives the responsive crop logic enough resolution for retina displays and enough composition margin for the full-bleed → mobile-portrait reflow. The most common failure mode isn't undersized banners (Squarespace will upscale gracefully); it's tight composition where mobile's narrower crop lops off the subject. Magic Eraser's AI Fill outpaint solves this by extending the source with additional matching background on all four sides — start with whatever phone photo you have, AI Fill out to 2500×1700+ with margin to spare, and the focal-point cropping at every breakpoint stays clean.

No. Upload the highest-quality source — Squarespace's image pipeline serves automatic WebP, builds responsive srcset for every breakpoint, and applies its own CDN-level compression based on viewport and connection. Pre-compressing images before upload (saving as 80% JPEG, for instance) just compounds with Squarespace's own compression and produces visibly worse output at every render size. Magic Eraser exports at full quality by default — keep that quality through the upload step and let Squarespace handle downstream optimization.

Define the catalog's visual standard upfront — background color (white for most, off-white #F5F5F5 for warmer brands, brand-color for lifestyle-positioned shops), product positioning in frame (centered, slight angle, top-down), and color-grade preset (the AI Filter setting that all products share). Then apply the same Magic Eraser workflow to every product photo: Background Eraser to the chosen background color, AI Enhance for sharpening, Magic Eraser brush for cleanup, AI Filter for the consistent grade. For shops with 50-500 SKUs, batch processing through Magic Eraser Premium runs the same operations across multiple photos in a single session. The discipline of one-workflow-for-all is what makes the product grid read as a professional catalog vs a camera-roll dump.

Yes. Squarespace member areas use the same image-block types as public pages (banners, Gallery blocks, content images, video thumbnails), so the same Magic Eraser workflow applies. The one operational note: member-area content is often gated educational or premium material (online courses, paid newsletters, paid community), so the image quality bar is typically higher than for public marketing pages — members paying $20-200/month for access notice when the visual production is amateur. Plan on the same level of image polish for member-area imagery as for the marketing site that sold the membership.

Squarespace's built-in image editor handles cropping, focal-point setting, basic filter application, and simple resizing — useful for in-the-moment adjustments inside the editor. Magic Eraser handles the operations Squarespace's editor doesn't: object removal (distractions, unintended people, watermarks), background swap (cluttered home backgrounds to clean studio colors), AI Fill outpainting (extending source photos to breakpoint-safe dimensions), and AI Enhance (upscaling and sharpening low-light phone photos). The right shape is sequential: prep in Magic Eraser first for the major transforms, then use Squarespace's editor for the final crop and focal point.

Squarespace blog cover images render at the full-bleed 1500×750 on the post page, 2:1 thumbnail at 600×300 in the blog index, and 1:1 square at 250×250 in Summary Block grids — and the platform crops down from the source. The cleanest workflow: prep the cover at 1500×750 with the subject centered enough that the 1:1 crop still reads, AI Fill outpaints if the source isn't natively 2:1, Magic Eraser brush removes distractions before final export. For sites that use Summary Blocks heavily (homepage feature row, related-posts module), this discipline pays off because the same cover image reads cleanly in every context.