Magic Eraser + Squarespace: flujo de trabajo de una imagen para sitios, tiendas, blogs y áreas de miembros

Sin complemento nativo: Magic Eraser es un editor de imágenes web/iOS/Android que se ejecuta fuera del editor de Squarespace. El flujo de trabajo es: preparar imágenes en Magic Eraser, exportarlas en resolución completa (PNG o JPEG) y luego subirlas a Squarespace a través del flujo de carga de imágenes estándar en el editor. La canalización de imágenes de Squarespace maneja la conversión WebP, el srcset responsivo y la distribución CDN desde allí. Para la mayoría de los usuarios, la falta de un complemento directo no es una fricción: la preparación de imágenes ocurre en lotes en un punto diferente del flujo de trabajo que la edición del sitio, y la separación en realidad ayuda con la coherencia (una sesión de edición por conjunto de imágenes, luego una sesión de carga por página).

Squarespace recomienda 2500×1700 como fuente para imágenes de banner, lo que le da a la lógica de recorte responsiva suficiente resolución para pantallas retina y suficiente margen de composición para el reflujo de retrato móvil con sangrado completo. El modo de falla más común no son los banners de tamaño insuficiente (Squarespace se ampliará con elegancia); Es una composición apretada donde el recorte más estrecho del móvil elimina el tema. La pintura AI Fill de Magic Eraser resuelve esto ampliando la fuente con un fondo adicional coincidente en los cuatro lados: comience con cualquier foto de teléfono que tenga, AI Filling a 2500×1700+ con margen de sobra, y el recorte del punto focal en cada punto de interrupción se mantiene limpio.

No. Cargue la fuente de la más alta calidad: el canal de imágenes de Squarespace ofrece WebP automático, crea srcset responsivos para cada punto de interrupción y aplica su propia compresión de nivel CDN basada en la ventana gráfica y la conexión. La precompresión de imágenes antes de cargarlas (guardarlas como 80% JPEG, por ejemplo) simplemente se combina con la propia compresión de Squarespace y produce resultados visiblemente peores en cada tamaño de renderizado. Magic Eraser exporta con calidad total de forma predeterminada: mantén esa calidad durante el paso de carga y deja que Squarespace se encargue de la optimización posterior.

Defina el estándar visual del catálogo desde el principio: color de fondo (blanco para la mayoría, blanquecino #F5F5F5 para marcas más cálidas, color de marca para tiendas con posicionamiento de estilo de vida), posicionamiento del producto en el marco (centrado, ligero ángulo, de arriba hacia abajo) y preajuste de grado de color (la configuración del filtro AI que comparten todos los productos). Luego aplique el mismo flujo de trabajo Magic Eraser a cada foto del producto: Background Eraser al color de fondo elegido, AI Enhance para enfocar, Magic Eraser pincel para limpieza, filtro AI para una gradación consistente. Para tiendas con entre 50 y 500 SKU, el procesamiento por lotes a través de Magic Eraser Premium ejecuta las mismas operaciones en varias fotos en una sola sesión. La disciplina de un flujo de trabajo único para todos es lo que hace que la cuadrícula de productos se lea como un catálogo profesional en lugar de un volcado de rollos de cámara.

Sí. Las áreas de miembros de Squarespace usan los mismos tipos de bloques de imágenes que las páginas públicas (banners, bloques de galería, imágenes de contenido, miniaturas de videos), por lo que se aplica el mismo flujo de trabajo Magic Eraser. La única nota operativa: el contenido del área de miembros suele ser material educativo o premium (cursos en línea, boletines pagos, comunidad paga), por lo que la barra de calidad de la imagen suele ser más alta que la de las páginas de marketing públicas: los miembros pagan entre 20 y 200 dólares al mes por el aviso de acceso cuando la producción visual es amateur. Planifique el mismo nivel de pulido de imágenes para las imágenes del área de miembros que para el sitio de marketing que vendió la membresía.

El editor de imágenes integrado de Squarespace maneja el recorte, la configuración del punto focal, la aplicación de filtros básicos y el cambio de tamaño simple, útil para realizar ajustes en el momento dentro del editor. Magic Eraser maneja las operaciones que el editor de Squarespace no hace: eliminación de objetos (distracciones, personas no deseadas, marcas de agua), intercambio de fondos (fondos caseros desordenados para limpiar colores de estudio), pintura de relleno AI (extender las fotos de origen a dimensiones seguras para los puntos de interrupción) y AI Enhance (aumentar y enfocar fotos de teléfonos con poca luz). La forma correcta es secuencial: primero prepara Magic Eraser para las transformaciones principales, luego usa el editor de Squarespace para el recorte final y el punto focal.

Las imágenes de portada del blog de Squarespace se muestran a tamaño completo de 1500 × 750 en la página de publicación, miniatura 2:1 a 600 × 300 en el índice del blog y cuadrado 1:1 a 250 × 250 en las cuadrículas del bloque de resumen, y la plataforma se recorta desde la fuente. El flujo de trabajo más limpio: prepare la portada a 1500×750 con el sujeto lo suficientemente centrado como para que el recorte 1:1 aún se lea, AI Fill pinta si la fuente no es 2:1 nativa, el pincel Magic Eraser elimina las distracciones antes de la exportación final. Para los sitios que utilizan mucho los bloques de resumen (fila de funciones de la página de inicio, módulo de publicaciones relacionadas), esta disciplina vale la pena porque la misma imagen de portada se lee claramente en todos los contextos.