Skip to content
Entegrasyon

Magic Eraser + Squarespace: Siteler, Mağazalar, Bloglar ve Üye Alanları için Tek Görüntü İş Akışı

Squarespace siteleri, küçük bir işletmenin tüm dijital varlığını (pazarlama sitesi, çevrimiçi mağaza, blog, üye alanı, planlama) tek bir platformda birleştirir; bu, her görselin, kadroda bir tasarımcı olmadan birden fazla şablon kesme noktasında, birden fazla sayfa türünde ve birden fazla cihaz boyutunda çalışması gerektiği anlamına gelir. Magic Eraser tam Squarespace görüntü yığınını hazırlar: Dizin sayfası kahraman uygulamasına hazır 2500×1700 boyutunda banner fotoğrafları, 2000×2000 boyutunda düz arka planlar üzerinde Commerce için ürün görselleri, tutarlı renk derecelendirmeli Galeri blok görsel setleri, 1500×750 boyutunda blog kapak görselleri ve kapılı deneyim için hazırlanan üye alanı içeriği. Dakikalar içinde yayınlanacak telefon.

Magic Eraser'ü ücretsiz deneyin

Hakkında Squarespace

Squarespace, küçük işletmeler, yaratıcılar, restoranlar, hizmetler ve çevrimiçi mağazalarda yaklaşık 4,4 milyon aboneye hizmet veren hepsi bir arada bir web sitesi platformudur. Platformun görsel yüzeyleri banner'ları (masaüstü/tablet/mobil kesme noktalarında değişken boyutlarda görüntülenen 2500x1700 önerilir), Galeri bloklarını (slayt gösterisi, ızgara, atlıkarınca, yığın düzenleri), Commerce ürün resimlerini (tutarlılık için 2000x2000 kare önerilir), blog kapak resimlerini (2:1 liste küçük resmi kırpma için 1500x750), üye alanı içeriğini ve Squarespace'i kapsar. 7.1 Görüntüleri bölümler arasında duyarlı bir şekilde akıtan Otomatik Düzenler. Squarespace'in görüntü performansı iyi tasarlanmış (otomatik WebP sunumu, duyarlı srcset, yavaş yükleme), ancak kaynak görüntülerin yine de temiz, doğru boyutta ve site genelinde görsel olarak tutarlı olması gerekiyor.

Faydalar

1

Squarespace'in duyarlı kırpma mantığından sağ çıkan banner fotoğrafları

Squarespace 7.1 banner'ları odak noktası kırpmayı kullanır; platform, kaynak görüntüyü her kesme noktasında bölümün yüksekliğine uyacak şekilde kırpar (masaüstünde tam çerçeve, mobilde daha kısa, bazen tablet manzarasında ultra geniş), editörün belirlediği odak noktasına merkezlenir. Başarısızlık modu, mobil cihazdaki otomatik kırpmanın önemli konu alanını kestiği, sıkı bir kompozisyona sahip bir banner fotoğrafıdır. Magic Eraser bu sorunu AI Fill outpaint ile çözüyor: Kaynak fotoğrafı aynı anda dört tarafta ek eşleşen arka planla genişletin, böylece her kesme noktası kırpması hala yedek kenar boşluğuna sahip konuyu içeriyor. Background Eraser (marka renginde bir arka planda temiz izole edilmiş konu) ve AI Filtresi (tüm banner'larda tutarlı renk derecelendirmesi) ile birleştirildiğinde sonuç, her cihazda temiz bir şekilde okunan banner görüntüleridir.

2

2000×2000 kare Squarespace'te ticari ürün görselleri bekleniyor

Squarespace Commerce ürün görselleri, ürünün temiz bir arka plan üzerinde ortalandığı 2000x2000 kare JPEG'ler olarak en iyi performansı gösterir; bu, Squarespace'in ürün ızgarası, hızlı görünüm ve ürün detayı şablonlarının varsaydığı tutarlı formattır. Magic Eraser Commerce ürün fotoğraflarını tek bir iş akışında hazırlar: Background Eraser orijinal arka planı (kanepe, mutfak tezgahı, el tutma) kaldırır ve onu beyaz veya marka renginde düz bir renkle değiştirir, AI Enhance retina ekran çözünürlüğü için aynı anda yükseltir ve keskinleştirir ve Magic Eraser fırçası kesimden kalan her türlü yansımayı, tozu veya dikiş çizgisi eserini ortadan kaldırır. Hepsi aynı görsel işleme ihtiyaç duyan 50-500 SKU'lu mağazalar için tutarlı iş akışı, ürün tablosu okumasının, uyumsuz bir dizi kamera rulosu fotoğrafı yerine tek bir tutarlı katalog olarak kalmasını sağlar.

3

Tutarlı renk derecelendirmesine sahip galeri blok görsel setleri

Galeri blokları (slayt gösterisi, ızgara, atlıkarınca, yığın) sırayla 4 ila 30 fotoğraf görüntüler ve özellikle görsel tutarsızlığı cezalandırır - her bir fotoğraf teknik olarak iyi olsa bile, aşırı doygun bir fotoğrafın yanında bir sıcak tonlu fotoğrafın yanında bir soğuk tonlu fotoğrafın bulunduğu bir Galeri amatör olarak okunur. Magic Eraser'ün Yapay Zeka Filtresi, aynı renk derecesi ön ayarını Galeri setinin tamamına toplu olarak uygulayarak farklı çekimlerden, farklı kameralardan ve farklı aydınlatma koşullarından gelen 4-30 görüntü arasında görsel uyum sağlar. Portföy siteleri (fotoğrafçılar, tasarımcılar, sanatçılar, mimarlar) ve restoran siteleri (yemek galerisi, ambiyans galerisi, konum galerisi) için bu tek iş akışı, profesyonel görünümlü bir site ile ev kamerasının oynatıldığı bir site arasındaki farkı oluşturur.

4

1500×750 liste-küçük resim kırpmasında blog kapağı görselleri

Squarespace blog kapağı görselleri değişken boyutlarda oluşturulur - gönderi sayfasında 1500×750 boyutunda tam çerçeve, blog listesinde 600×300 boyutunda 2:1 küçük resim ve Özet Blok ızgaralarında 250×250 boyutunda 1:1 kare küçük resim. Her render, konunun net bir şekilde okunmasını gerektirir. Magic Eraser blog kapaklarını AI tarafından hazırlıyor Kaynak fotoğrafların dış boyamasını 2:1 oranında doldurun (böylece tam çerçeve ve 2:1 küçük resim temiz olur), Magic Eraser fırçası dikkat dağıtıcı unsurları ortadan kaldırır ve son kompozisyon kontrolü, Özet Bloğu ekranları için 1:1 oranında ortadan kırpıldığında konunun hala çalışıp çalışmadığını kontrol eder. Haftalık blog içeriği yayınlayan siteler için AI iş akışı, kapak görseli hazırlama işlemini gönderi başına 30-45 dakikadan gönderi başına 5-10 dakikaya sıkıştırır.

Magic Eraser Squarespace ile Nasıl Kullanılır?

1

Resmin Squarespace sitesindeki rolünü tanımlayın

Herhangi bir düzenleyiciyi açmadan önce görselin Squarespace'te ne yaptığına karar verin: banner (2500×1700 önerilen kaynak, duyarlı odak noktası kırpmasıyla tam çerçeve olarak görüntülenir), Commerce ürün görseli (temiz arka planda 2000×2000 kare), Galeri blok seti (tutarlı renkte 4-30 fotoğraf), blog kapağı (konu çerçevenin merkeziyle 1500×750), üye alanı kahramanı (şablon başına değişken) veya sayfa içeriği görüntüsü (Otomatik Düzen'e göre değişken). Her rolün farklı çerçeveleme ve düzenleme öncelikleri vardır. Squarespace, otomatik WebP ve yanıt veren srcset'i temel olarak sunar, bu nedenle kaynak yüklemesi en yüksek kalitede olmalıdır; önceden sıkıştırma yapmayın.

2

Kesme noktası açısından güvenli kompozisyon için AI Fill dış boyası ile banner'lar hazırlayın

Kaynak banner fotoğrafını Magic Eraser'de açın. AI Fill, dört tarafta da (üst, alt, sol, sağ) ekstra eşleşen arka planla dış boyalar oluşturur; böylece Squarespace'in mobil/tablet/masaüstü kesme noktalarındaki otomatik kırpma özelliği, nesneyi hiçbir zaman kırpmaz. Karmaşık arka planlardaki nesneler için, Background Eraser önce marka renginde düz bir renkle değiştirilir. Düşük ışıkta veya telefon kamerası kaynaklı fotoğraflarda, AI Enhance ayrıntıları kurtarır ve keskinleştirir. AI Filtresi, sitenin geri kalanıyla tutarlı olarak marka renk sınıfı ön ayarını uygular. Yüklemeden sonra Squarespace düzenleyicide odak noktasını ayarlayın; yapay zekayla dış boyalı kenar boşluğu, odak noktası mantığına konuyu kaybetmeden kırpma alanı sağlar.

3

Commerce ürün fotoğraflarını tutarlı bir 2000×2000 standardına göre hazırlayın

Her ürün fotoğrafı için: Background Eraser orijinal arka planı kaldırır ve temiz beyaz (çoğu ürün) veya marka renginde (yaşam tarzına konumlandırılmış ürünler) düz bir arka plan uygular, AI Enhance 2000×2000 retina çözünürlük standardına yükseltir ve keskinleştirir ve Magic Eraser fırçası her türlü yansımayı, tozu veya kesik kenar bozulmasını ortadan kaldırır. Ürün başına birden fazla açıya (ön, yan, arka, detay) sahip mağazalar için, her açıya tam olarak aynı iş akışını uygulayarak ürün detay sayfasının resim karuselinin tek bir tutarlı set olarak okunmasını sağlayın. Tam 2000×2000 boyutunda dışa aktar — Squarespace'in otomatik WebP dönüştürmesi, dosya boyutu optimizasyonunu aşağı yönde yönetir.

4

Tutarlı AI Filtresine sahip toplu dereceli Galeri blok görsel setleri

Galeri blokları için (portföy siteleri, restoran ambiyans galerileri, etkinlik fotoğrafçılığı, emlak galerileri), markanın sesiyle eşleşen bir AI Filtresi ön ayarı seçin (konukseverlik için daha sıcak, mimari için daha soğuk, restoran için daha doygun, editoryal için daha sessiz) ve aynı ön ayarı Galeri setindeki her fotoğrafa uygulayın. Magic Eraser fırçası, fotoğraf başına her türlü temizleme işlemini gerçekleştirir (dikkat dağınıklığının giderilmesi, stok kaynaklı geri dönüşlerde filigranın kaldırılması). Sonuç, uyumsuz bir fotoğraf dökümü yerine tek bir görsel hikaye olarak okunan bir Galeri bloğudur. Squarespace'in duyarlı görüntü hattının tutarlı çıktı üretmesi için tüm fotoğrafları aynı dışa aktarma ayarlarıyla (JPEG kalitesi, renk profili sRGB) yükleyin.

5

Tam çerçeve ve Özet Blok kırpmaları için blog kapak görsellerini hazırlayın

Her blog gönderisi için: AI Fill, konu kabaca ortalanmış şekilde kaynak fotoğrafı temiz bir 2:1 en boy oranına kadar boyar (böylece 1:1 Özet Bloğu kırpması hala konuyu içerir), Magic Eraser fırçası dikkat dağıtıcı unsurları ortadan kaldırır, AI Filtresi blogun renk derecesi ön ayarını uygular ve son kompozisyon kontrolü, konunun en küçük Özet Bloğu oluşturmada (250×250) okunduğunu doğrular. Kapağı 1500×750 boyutunda kaydedin — Squarespace küçük resimler için altörnekleme yapacaktır. Zamanla birleşen ve her zaman yenilenen blog içeriği için, gönderi başına yapılan bu küçük yatırım, gönderinin tüm kullanım ömrü boyunca karşılığını verir.

Sıkça Sorulan Sorular

Magic Eraser'nin doğrudan Squarespace eklentisi veya uzantısı var mı?

+

Yerel eklenti yok — Magic Eraser, Squarespace düzenleyicisinin dışında çalışan bir web/iOS/Android resim düzenleyicisidir. İş akışı şu şekildedir: görselleri Magic Eraser formatında hazırlayın, tam çözünürlükte (PNG veya JPEG) dışa aktarın, ardından düzenleyicideki standart görsel yükleme akışı aracılığıyla Squarespace'e yükleyin. Squarespace'in görüntü hattı, WebP dönüşümünü, duyarlı srcset'i ve CDN dağıtımını buradan yönetir. Çoğu kullanıcı için doğrudan bir eklentinin olmaması bir sorun değildir; görsel hazırlama, iş akışında site düzenlemeden farklı bir noktada gruplar halinde gerçekleşir ve ayırma aslında tutarlılığa yardımcı olur (görüntü seti başına bir düzenleme oturumu, ardından sayfa başına bir yükleme oturumu).

Squarespace 7.1 için en uygun banner kaynak görseli boyutu nedir?

+

Squarespace, banner görüntüleri için kaynak olarak 2500×1700 çözünürlüğünü önerir; bu, duyarlı kırpma mantığına retina ekranlar için yeterli çözünürlük ve tam çerçeve → mobil portre yeniden akışı için yeterli kompozisyon marjı sağlar. En yaygın hata modu, küçük boyutlu banner'lar değildir (Squarespace, zarif bir şekilde büyütülecektir); mobil cihazın daha dar kırpmasının konuyu kestiği sıkı bir kompozisyon. Magic Eraser'nin AI Fill outpaint'i, kaynağı dört tarafta ek eşleşen arka planla genişleterek bu sorunu çözer - sahip olduğunuz telefon fotoğrafıyla başlayın, yedek kenar boşluğuyla 2500 × 1700+'ye kadar AI Fill Out ve her kesme noktasında odak noktası kırpması temiz kalır.

Önceden sıkıştırılmış görselleri Squarespace'e yüklemeli miyim?

+

Hayır. En yüksek kalitede kaynağı yükleyin — Squarespace'in görüntü hattı otomatik WebP sunar, her kesme noktası için duyarlı srcset oluşturur ve görünüm ve bağlantıya dayalı olarak kendi CDN düzeyinde sıkıştırmasını uygular. Görüntüleri yüklemeden önce önceden sıkıştırmak (örneğin %80 JPEG olarak kaydetmek), Squarespace'in kendi sıkıştırmasıyla birleşir ve her oluşturma boyutunda gözle görülür şekilde daha kötü çıktı üretir. Magic Eraser varsayılan olarak tam kalitede dışa aktarır; yükleme adımında bu kaliteyi koruyun ve Squarespace'in aşağı yönlü optimizasyonu yönetmesine izin verin.

Yüzlerce Ticari ürün fotoğrafında görsel tutarlılığı nasıl koruyabilirim?

+

Kataloğun görsel standardını önceden tanımlayın: arka plan rengi (çoğu için beyaz, daha sıcak markalar için kirli beyaz #F5F5F5, yaşam tarzına uygun mağazalar için marka rengi), çerçevede ürün konumlandırma (ortalanmış, hafif açılı, yukarıdan aşağıya) ve renk sınıfı ön ayarı (tüm ürünlerin paylaştığı AI Filtresi ayarı). Ardından her ürün fotoğrafına aynı Magic Eraser iş akışını uygulayın: Seçilen arka plan rengine Background Eraser, keskinleştirme için AI Enhance, temizleme için Magic Eraser fırça, tutarlı renk tonu için AI Filtresi. 50-500 SKU'ya sahip mağazalar için, Magic Eraser Premium aracılığıyla toplu işleme, aynı işlemleri tek bir oturumda birden fazla fotoğrafta gerçekleştirir. Herkes için tek iş akışı disiplini, ürün tablosunun kamera rulosu dökümü yerine profesyonel bir katalog gibi okunmasını sağlayan şeydir.

Üye alanı içeriğini Magic Eraser ile hazırlayabilir miyim?

+

Evet. Squarespace üye alanları genel sayfalarla aynı görüntü bloğu türlerini (afişler, Galeri blokları, içerik görselleri, video küçük resimleri) kullandığından aynı Magic Eraser iş akışı uygulanır. Tek operasyonel not: Üye alanı içeriği genellikle eğitimsel veya premium materyallerden oluşur (çevrimiçi kurslar, ücretli haber bültenleri, ücretli topluluk), dolayısıyla görüntü kalitesi çubuğu genellikle kamuya açık pazarlama sayfalarından daha yüksektir - görsel prodüksiyon amatör olduğunda erişim bildirimi için üyeler ayda 20-200 ABD doları öder. Üye alanı görselleri için, üyeliği satan pazarlama sitesiyle aynı düzeyde görsel cilalama planlayın.

Bu, Squarespace'in yerleşik resim düzenleyicisini kullanmakla nasıl karşılaştırılır?

+

Squarespace'in yerleşik görüntü düzenleyicisi kırpmayı, odak noktası ayarını, temel filtre uygulamasını ve basit yeniden boyutlandırmayı yönetir; düzenleyicinin içinde anlık ayarlamalar yapmak için kullanışlıdır. Magic Eraser Squarespace editörünün yapmadığı işlemleri gerçekleştirir: nesne kaldırma (dikkat dağıtma, istenmeyen kişiler, filigranlar), arka plan değiştirme (stüdyo renklerini temizlemek için darmadağın ev arka planları), AI Dolgu dış boyama (kaynak fotoğrafları kesme noktası güvenli boyutlara genişletme) ve AI Enhance (düşük ışıklı telefon fotoğraflarını yükseltme ve keskinleştirme). Doğru şekil sıralıdır: önce büyük dönüşümler için Magic Eraser'de hazırlık yapın, ardından son kırpma ve odak noktası için Squarespace'in düzenleyicisini kullanın.

Birden fazla küçük resim ürününde çalışması gereken Squarespace blog kapak görsellerine ne dersiniz?

+

Squarespace blog kapak görselleri, gönderi sayfasında tam çerçeve 1500×750 boyutunda, blog dizininde 600×300 boyutunda 2:1 küçük resimde ve Özet Blok ızgaralarında 250×250 boyutunda 1:1 kare olarak oluşturulur ve platform kaynaktan kesilir. En temiz iş akışı: Kapağı 1500×750'de, konu 1:1 kırpmanın hala okuyabileceği kadar ortalanmış şekilde hazırlayın, kaynak doğal olarak 2:1 değilse AI Fill dış boyayı yapar, Magic Eraser fırçası son dışa aktarmadan önce dikkat dağıtıcı unsurları ortadan kaldırır. Özet Bloklarını yoğun bir şekilde kullanan siteler için (ana sayfa özellik satırı, ilgili gönderiler modülü), bu disiplin işe yarar çünkü aynı kapak resmi her bağlamda temiz bir şekilde okunur.

Squarespace sitesinin tamamı için tek bir iş akışı

Magic Eraser banner'ları, Ticari ürün fotoğraflarını, Galeri blok setlerini, blog kapaklarını ve üye alanı içeriğini tek bir tutarlı düzenleme yaklaşımıyla (görüntü başına birkaç dakika içinde telefonda yayınlanacak şekilde) hazırlar. Web, iOS ve Android'de ücretsiz katman.

Magic Eraser'ü ücretsiz deneyin