Magic Eraser + Squarespace: единый рабочий процесс с изображениями для сайтов, магазинов, блогов и личных кабинетов
Сайты Squarespace консолидируют все цифровое присутствие малого бизнеса — маркетинговый сайт, интернет-магазин, блог, личный кабинет, расписание — на одной платформе, а это означает, что каждое изображение должно работать с несколькими точками останова шаблона, несколькими типами страниц и разными размерами устройств без участия дизайнера в штате. Magic Eraser подготавливает полный набор изображений Squarespace: фотографии баннеров размером 2500×1700, готовые для обработки главной страницы индекса, изображения продуктов для коммерции на сплошном фоне в разрешении 2000×2000, наборы изображений блоков галереи с согласованной цветокоррекцией, изображения обложек блогов в разрешении 1500×750 и контент пользовательской зоны, подготовленный для закрытого использования. Телефон для публикации за считанные минуты.
Попробуйте Magic Eraser бесплатноО компании Squarespace
Squarespace — это универсальная веб-платформа, обслуживающая около 4,4 миллиона подписчиков в сфере малого бизнеса, креативных компаний, ресторанов, сферы услуг и интернет-магазинов. Визуальные поверхности платформы включают баннеры (рекомендуется 2500×1700, отображаются в разных размерах на настольных компьютерах, планшетах и мобильных устройствах), блоки галереи (слайд-шоу, сетка, карусель, макеты стопки), изображения коммерческих продуктов (рекомендуется квадрат 2000×2000 для единообразия), изображения обложек блогов (1500×750 для обрезки списка и эскизов 2:1), контент пользовательской зоны и Squarespace. 7.1 Автоматические макеты, которые позволяют изображениям плавно перемещаться по разделам. Производительность изображений Squarespace хорошо спроектирована (автоматическая подача WebP, адаптивный набор источников, отложенная загрузка), но исходные изображения по-прежнему должны быть чистыми, иметь правильный размер и визуально единообразными на всем сайте.
Преимущества
Фотографии баннеров, которые соответствуют адаптивной логике кадрирования Squarespace.
Баннеры Squarespace 7.1 используют обрезку по фокусной точке — платформа обрезает исходное изображение так, чтобы оно соответствовало высоте раздела в каждой точке останова (полный выход за обрез на рабочем столе, короче на мобильных устройствах, иногда сверхширокий на альбомной ориентации планшета), по центру точки фокуса, установленной редактором. Режим неудачи — это баннерная фотография с плотной композицией, где автоматическая обрезка на мобильном устройстве отсекает важную предметную область. Magic Eraser решает эту проблему с помощью AI Fill Outpaint: расширяет исходную фотографию дополнительным совпадающим фоном со всех четырех сторон одновременно, поэтому каждая обрезка точки останова по-прежнему включает объект с запасом. В сочетании с Background Eraser (чистый изолированный объект на фоне фирменного цвета) и AI-фильтром (одинаковая цветовая гамма для всех баннеров) в результате получаются изображения баннеров, которые четко читаются на любом устройстве.
Изображения коммерческих продуктов на площади 2000×2000, как ожидает Squarespace
Изображения продуктов Squarespace Commerce лучше всего работают в формате квадратных JPEG размером 2000×2000 с продуктом по центру на чистом фоне — это согласованный формат, который предполагают шаблоны сетки продуктов, быстрого просмотра и подробной информации о продуктах Squarespace. Magic Eraser подготавливает фотографии коммерческих товаров за один рабочий процесс: Background Eraser удаляет исходный фон (диван, кухонная стойка, подставка для рук) и заменяет его белым или сплошным цветом фирменного цвета, AI Enhance одновременно повышает масштаб и резкость для разрешения дисплея Retina, а кисть Magic Eraser удаляет любые отражения, пыль или дефекты линий шва, оставшиеся от выреза. Для магазинов с 50–500 наименованиями товаров, которым требуется одинаковое визуальное оформление, последовательный рабочий процесс сохраняет сетку товаров в виде единого связного каталога, а не несовпадающего набора фотографий с камеры.
Наборы изображений блоков галереи с единообразной цветокоррекцией
Блоки галереи (слайд-шоу, сетка, карусель, стопка) последовательно отображают от 4 до 30 фотографий и особенно наказывают за визуальную несогласованность — галерея с одной фотографией в теплых тонах рядом с одной фотографией в холодных тонах и одной перенасыщенной фотографией воспринимается как любительская, даже если каждая отдельная фотография технически хороша. AI-фильтр Magic Eraser пакетно применяет одну и ту же настройку цветопередачи ко всему набору галереи, обеспечивая визуальное единство 4–30 изображений, полученных с разных снимков, разных камер и разных условий освещения. Для сайтов-портфолио (фотографов, дизайнеров, художников, архитекторов) и сайтов ресторанов (галерея еды, галерея атмосферы, галерея локаций) этот единый рабочий процесс является разницей между профессионально выглядящим сайтом и сайтом с домашней камерой.
Изображения обложек блога в формате миниатюр списка 1500×750.
Изображения обложек блога Squarespace отображаются в различных размерах — без полей при размере 1500×750 на странице публикации, миниатюре 2:1 при размере 600×300 в списке блогов и квадратной миниатюре 1:1 при размере 250×250 в сетках сводных блоков. Каждый рендер требует, чтобы объект читался четко. Magic Eraser подготавливает обложки блога с помощью AI. Заполняет исходные фотографии с соотношением 2:1 (чтобы выход за обрез и миниатюра 2:1 были чистыми), Magic Eraser кисть удаляет отвлекающие факторы и проверяет окончательную композицию, чтобы объект по-прежнему работал при обрезке по центру до 1:1 для отображения сводного блока. Для сайтов, публикующих еженедельный контент в блогах, рабочий процесс искусственного интеллекта сокращает время подготовки обложки с 30–45 минут на публикацию до 5–10 минут на публикацию.
Как использовать Magic Eraser с Squarespace
Определите роль изображения на сайте Squarespace.
Прежде чем открывать любой редактор, решите, что делает изображение в Squarespace: баннер (рекомендуемый источник 2500×1700, отображается без полей с адаптивной обрезкой фокуса), изображение коммерческого продукта (квадрат 2000×2000 на чистом фоне), набор блоков галереи (4–30 фотографий с одинаковым цветом), обложка блога (1500×750 с объектом в центре кадра), герой зоны участника (варьируется в зависимости от шаблона) или изображение содержимого страницы (варьируется в зависимости от автоматического макета). Каждая роль имеет разные приоритеты кадрирования и редактирования. Squarespace обслуживает автоматический WebP и адаптивный набор исходных файлов, поэтому загрузка исходного кода должна быть версией самого высокого качества — без предварительного сжатия.
Подготовьте баннеры с помощью AI Fill Outpaint для создания композиции, безопасной для точек останова.
Откройте исходное фото баннера в Magic Eraser. AI Fill закрашивает дополнительный соответствующий фон со всех четырех сторон (сверху, снизу, слева и справа), поэтому автоматическая обрезка Squarespace на контрольных точках мобильного телефона/планшета/настольного компьютера никогда не обрезает объект. Для объектов на загроможденном фоне Background Eraser сначала заменяется на сплошной цвет фирменного цвета. Для фотографий, сделанных при слабом освещении или с камеры телефона, AI Enhance восстанавливает детали и повышает резкость. AI Filter применяет фирменную предустановку цветовой гаммы, соответствующую остальной части сайта. Установите фокус в редакторе Squarespace после загрузки — поле, закрашенное искусственным интеллектом, дает логическую возможность кадрирования фокуса без потери объекта.
Подготовьте фотографии продуктов для торговли к единому стандарту 2000×2000.
Для каждой фотографии продукта: Background Eraser удаляет исходный фон и применяет чистый белый (большинство продуктов) или цвет бренда (продукты, позиционируемые на основе образа жизни) сплошной фон, AI Enhance масштабирует и повышает резкость до стандарта разрешения Retina 2000×2000, а кисть Magic Eraser удаляет любые отражения, пыль или артефакты по краям выреза. Для магазинов с несколькими ракурсами на продукт (спереди, сбоку, сзади, подробно) примените один и тот же рабочий процесс для каждого ракурса, чтобы карусель изображений на странице с подробными сведениями о продукте читалась как единый связный набор. Экспорт в полном разрешении 2000×2000 — автоматическое преобразование WebP в Squarespace обеспечивает оптимизацию размера файла в дальнейшем.
Пакетные наборы изображений галереи с последовательным AI-фильтром
Для блоков «Галерея» (сайты-портфолио, галереи ресторанной атмосферы, фотографии мероприятий, галереи недвижимости) выберите набор настроек AI-фильтра, соответствующий тону бренда (более теплый для гостеприимства, более холодный для архитектуры, более насыщенный для ресторана, более приглушенный для редакционных статей) и примените один и тот же набор настроек к каждой фотографии в наборе «Галерея». Кисть Magic Eraser выполняет любую очистку каждой фотографии (удаление отвлекающих факторов, удаление водяных знаков на резервных источниках). В результате получается блок «Галерея», который читается как единая визуальная история, а не как разрозненная фотография. Загрузите все фотографии с одинаковыми настройками экспорта (качество JPEG, цветовой профиль sRGB), чтобы конвейер адаптивных изображений Squarespace обеспечивал единообразный результат.
Подготовьте изображения обложки блога для обрезки без полей и сводного блока.
Для каждого сообщения в блоге: AI Fill перерисовывает исходную фотографию с чистым соотношением сторон 2:1 с объектом примерно по центру (поэтому кадрирование сводного блока 1:1 по-прежнему включает объект), кисть Magic Eraser удаляет отвлекающие факторы, AI-фильтр применяет предустановку цветовой шкалы блога, а окончательная проверка композиции подтверждает, что объект читается при наименьшем рендеринге сводного блока (250×250). Сохраните обложку с разрешением 1500×750 — Squarespace уменьшит разрешение для миниатюр. Для вечнозеленого контента блога, который со временем накапливается, эта небольшая инвестиция в каждую публикацию окупается за весь срок службы публикации.
Часто задаваемые вопросы
Есть ли у Magic Eraser прямой плагин или расширение Squarespace?
+
Нет собственного плагина — Magic Eraser — это редактор изображений для Интернета, iOS и Android, работающий вне редактора Squarespace. Рабочий процесс таков: подготовка изображений в Magic Eraser, экспорт в полном разрешении (PNG или JPEG), затем загрузка в Squarespace с помощью стандартного процесса загрузки изображений в редакторе. Конвейер изображений Squarespace обрабатывает преобразование WebP, адаптивный набор исходных кодов и распространение CDN. Для большинства пользователей отсутствие прямого плагина не является проблемой — подготовка изображений происходит пакетно на другом этапе рабочего процесса, чем редактирование сайта, и разделение действительно помогает обеспечить согласованность (один сеанс редактирования для каждого набора изображений, затем один сеанс загрузки для каждой страницы).
Каков оптимальный размер исходного изображения баннера для Squarespace 7.1?
+
Squarespace рекомендует в качестве источника изображений баннеров размер 2500×1700, что обеспечивает адаптивную логику обрезки, достаточное разрешение для дисплеев Retina и достаточный запас композиции для перекомпоновки без полей → мобильного портрета. Самая распространенная причина отказа — это не баннеры недостаточного размера (Squarespace корректно масштабирует их); это плотная композиция, в которой более узкий кадр мобильного устройства отрывается от объекта. AI Fill outpaint в Magic Eraser решает эту проблему, расширяя источник дополнительным совпадающим фоном со всех четырех сторон — начните с любой имеющейся фотографии на телефоне, AI Fill до 2500×1700+ с запасом, а обрезка фокусной точки в каждой точке останова остается чистой.
Должен ли я загружать предварительно сжатые изображения в Squarespace?
+
Нет. Загрузите исходный код самого высокого качества — конвейер изображений Squarespace автоматически обслуживает WebP, создает адаптивный набор источников для каждой точки останова и применяет собственное сжатие на уровне CDN в зависимости от области просмотра и соединения. Предварительное сжатие изображений перед загрузкой (например, сохранение 80% JPEG) просто сочетается с собственным сжатием Squarespace и дает заметно худший результат при каждом размере рендеринга. Magic Eraser по умолчанию экспортирует в полном качестве — сохраняйте это качество на этапе загрузки и позвольте Squarespace выполнять дальнейшую оптимизацию.
Как сохранить визуальное единообразие на сотнях фотографий продуктов Commerce?
+
Заранее определите визуальный стандарт каталога — цвет фона (белый для большинства, кремово-белый #F5F5F5 для более теплых брендов, фирменный цвет для магазинов, ориентированных на образ жизни), расположение продукта в рамке (по центру, под небольшим углом, сверху вниз) и предустановку цветовой гаммы (настройка AI-фильтра, общая для всех продуктов). Затем примените один и тот же рабочий процесс Magic Eraser к каждой фотографии продукта: Background Eraser к выбранному цвету фона, AI Enhance для повышения резкости, Magic Eraser кисть для очистки, AI-фильтр для однородного качества. Для магазинов с 50–500 артикулами пакетная обработка с помощью Magic Eraser Premium выполняет одни и те же операции с несколькими фотографиями за один сеанс. Дисциплина «один рабочий процесс для всех» — это то, что заставляет сетку продуктов восприниматься как профессиональный каталог, а не как куча фотопленок.
Могу ли я подготовить контент для участников с помощью Magic Eraser?
+
Да. В членских зонах Squarespace используются те же типы блоков изображений, что и на общедоступных страницах (баннеры, блоки галереи, изображения контента, миниатюры видео), поэтому применяется тот же рабочий процесс Magic Eraser. Единственное оперативное замечание: контент в личном кабинете часто представляет собой закрытые образовательные или премиальные материалы (онлайн-курсы, платные информационные бюллетени, платное сообщество), поэтому планка качества изображения обычно выше, чем для общедоступных маркетинговых страниц — участники платят 20–200 долларов в месяц за уведомление о доступе, когда визуальная продукция любительская. Запланируйте тот же уровень доработки изображения для зоны участника, что и для маркетингового сайта, на котором продается членство.
Как это соотносится с использованием встроенного редактора изображений Squarespace?
+
Встроенный редактор изображений Squarespace позволяет выполнять обрезку, настройку фокуса, применение базовых фильтров и простое изменение размера, что полезно для мгновенной корректировки внутри редактора. Magic Eraser выполняет операции, которые не выполняет редактор Squarespace: удаление объектов (отвлекающие факторы, нежелательные люди, водяные знаки), замена фона (загроможденный домашний фон для очистки студийных цветов), перерисовка AI Fill (расширение исходных фотографий до размеров, безопасных для точки останова) и AI Enhance (масштабирование и повышение резкости фотографий с телефона при слабом освещении). Правильная форма является последовательной: сначала подготовьтесь в Magic Eraser для основных преобразований, затем используйте редактор Squarespace для окончательной обрезки и фокусной точки.
А как насчет изображений обложек блога Squarespace, которые необходимо обрабатывать при многократном кадрировании миниатюр?
+
Изображения обложек блога Squarespace отображаются с размером 1500×750 без полей на странице публикации, миниатюрами 2:1 с размером 600×300 в индексе блога и квадратом 1:1 с размером 250×250 в сетках сводных блоков — и платформа обрезается от источника. Самый чистый рабочий процесс: подготовьте обложку размером 1500×750, расположив объект достаточно по центру, чтобы кадрирование 1:1 все еще читалось, AI Fill перекрашивает, если исходный формат не 2:1, кисть Magic Eraser удаляет отвлекающие факторы перед окончательным экспортом. Для сайтов, которые активно используют сводные блоки (строка функций домашней страницы, модуль связанных сообщений), эта дисциплина окупается, потому что одно и то же изображение обложки читается четко в любом контексте.
Один рабочий процесс для всего сайта Squarespace
Magic Eraser подготавливает баннеры, фотографии продуктов Commerce, наборы блоков галереи, обложки блогов и контент для участников, используя единый последовательный подход к редактированию — публикация каждого изображения по телефону за считанные минуты. Уровень бесплатного пользования в Интернете, iOS и Android.
Попробуйте Magic Eraser бесплатноСвязанные сценарии использования
Узнайте, как профессионалы используют эти инструменты в реальных рабочих процессах.
Фотографии объявлений, заваленные личными вещами, припаркованными машинами или стройматериалами, отпугивают покупателей. Magic Eraser использует ИИ для мгновенной очистки ваших фото — навыки Photoshop не нужны.
Грязный фон и неопрятные фотографии товаров каждый день стоят вам продаж. Magic Eraser помогает создавать чистые, профессиональные изображения за секунды — без навыков Photoshop. Загрузите фото, удалите всё лишнее и размещайте с уверенностью.
Случайные прохожие портят ваши фото из путешествий? Беспорядок на фоне убивает ваши селфи? Хватит тратить часы в Фотошопе. Magic Eraser удаляет всё лишнее, очищает фон и адаптирует фото под любой формат — в одно касание.
Связанные сравнения
Посмотрите, как Magic Eraser сравнивается с похожими инструментами.
TouchRetouch — популярное платное мобильное приложение для удаления объектов и дефектов. Magic Eraser предлагает бесплатное AI-редактирование на любом устройстве без установки. Сравните функции, цены и удобство использования.
Cleanup.pictures — бесплатный веб-инструмент для быстрого удаления объектов. Magic Eraser предлагает 8 инструментов ИИ-редактирования, мобильные приложения и продвинутую обработку. Сравните оба решения.
remove.bg — лидер рынка удаления фона с мощным API и плагинами для Photoshop и Figma. Magic Eraser предлагает восемь ИИ-инструментов — от удаления объектов и генеративной заливки до ИИ-улучшения и дизайна — всё в одном редакторе.
Два мощных AI-фоторедактора с разными сильными сторонами. Magic Eraser предлагает более широкий набор генеративных AI-инструментов, а Photoroom отлично подходит для фотографии товаров и пакетной обработки. Узнайте, что лучше подойдёт для вашего рабочего процесса.
Связанные статьи
Советы, руководства и туториалы по этой теме.
Узнайте, как использовать Magic Eraser, чтобы быстрее и естественнее убирать нежелательные объекты с фото.
Узнайте, как убрать людей с фото с помощью ИИ за секунды. Руководство для тревел-фото, недвижимости и товаров.
Пошаговое руководство по удалению водяных знаков с собственных фото с помощью ИИ. Когда это уместно, техники и советы.
Другие интеграции
Откройте другие платформы, которые работают с Magic Eraser.