E-posta Görselleri: Boyut, Ağırlık ve Karanlık Mod Tuzağı

Konu satırın açılmayı kazandırır. Ürün görselin tıklamayı — tabii görüntülenebilirse. E-posta, pazarlamanın en düşmanca tasarım ortamıdır: onlarca istemci, her birinin kendi işleme motoru, kendi görsel engelleme varsayılanları ve giderek kendi güçlü karanlık mod fikirleri var.

Tasarım aracında kusursuz görünen ürün fotoğrafları karşı tarafa düzenli olarak hırpalanmış varır: yerleşimi taşacak kadar gerilmiş, cılız bir bağlantı için fazla ağır, boş gri bir kutuyla değiştirilmiş ya da modern klasik — şeffaf bir PNG'nin karanlık mod arka planında sessizce eriyip gitmesi.

İşte e-posta pazarlama görsellerini doğru yapmanın yolu: genişlik standardı, dosya boyutu disiplini, hakkını veren alt metin ve karanlık mod tuzağına gerçek bir çözüm.

E-postadaki Ürün Görselleri Ne Kadar Geniş Olmalı?

Pazarlama e-postalarında standart içerik genişliği 600 pikseldir; bazı modern şablonlar 640'a kadar uzanır. Bu sayı, önizleme panelleri ve duyarlı tasarım notunu hiç almamış eski masaüstü istemciler sayesinde ayakta kaldı. Ona göre tasarla.

• Tam genişlik ürün kareleri — 1200 piksel dışa aktar, 600'de göster. 2x dışa aktarma, yerleşimi değiştirmeden yüksek yoğunluklu ekranlarda kenarları net tutar.
• Çok sütunlu ızgaralar — 600 pikselik içerik alanını böl, sonra her görseli gösterileceği genişliğin iki katında dışa aktar.
• Açık genişlik değerleri gir — bazı masaüstü istemciler CSS boyutlandırmasını yok sayar ve görselleri doğal ölçülerinde gösterir; unutulmuş tek bir 2400 pikselik dosya bütün yerleşimi böyle havaya uçurur.

Burada geniş olan iyi değildir. Her yerde görüntülenen 600 pikselik bir görsel, hiçbir yerde görüntülenmeyen 1400 pikselik bir şaheseri yener.

Görsel Dosya Boyutlarını Hafif Tut

Her kilobayt, abonenin mobil bağlantısında ödediği bir vergidir; yavaş yüklenen kahraman görseller daha belirmeden kaydırılıp geçilir.

• Görsel başına 200 KB'ın altını hedefle ve ekranın üst kısmındakilerde daha da cimri ol. Düz arka planlardaki temiz ürün kesitleri harika sıkışır.
• Fotoğraflar için JPEG, düz renk ve kesitler için PNG. WebP ikisinden de iyi sıkıştırır — remover.bg WebP dışa aktarıyor — ama e-posta istemci desteği hâlâ tutarsız, bu yüzden kampanyalar için JPEG ve PNG asıllarını sakla.
• Gmail kırpmasını bil. Gmail, HTML'i kabaca 102 KB'ı aşan e-postaları kırpar. Barındırılan görseller bu sınıra dâhil değildir, ama kırpılan bir e-posta kesim çizgisinin altındaki her şeyi gizler — kodu da hafif tut.

Engellenen Görseller İçin Alt Metin Yaz

Kurumsal Outlook kurulumları ve gizliliğine düşkün aboneler görselleri hâlâ varsayılan olarak engelliyor. Bu olduğunda görsel katmanının tamamı alt metindir.

• Ürünü ve mesajı anlat — “Adaçayı yeşili Terra seramik filtre kahve seti”, “image1.png”i aşağı yukarı bir satışla bir silme tuşu arasındaki mesafe kadar geçer.
• Biçimlendir — birçok istemci alt metni, satır içi stil verebileceğin canlı metin olarak gösterir: yazı tipi, boyut ve renk ayarla ki engellenen bir görsel bilinçli bir şeye dönüşsün.
• Kritik bilgiyi asla piksellere hapsetme — fiyat, son tarih ve harekete geçirici mesaj gerçek metinde olmalı. Görsel engellense bile teklif çalışmaya devam etmeli.

Karanlık Mod Tuzağı: Karanlık E-posta İstemcilerinde Şeffaf PNG

Tuzak şu. Temiz bir ürün kesitini şeffaf PNG olarak dışa aktarıyorsun — şeffaf PNG rehberimizin anlattığı gibi neredeyse diğer tüm kanallar için doğru karar — ve beyaz üzerine tasarlanmış bir e-postaya koyuyorsun. Sonra istemci, karanlık mod kullanıcıları için o arka planı neredeyse siyaha çeviriyor. Antrasit kulaklığın soluk bir kontura dönüşüyor. Siyah logo yazın yok oluyor. Beyaz varsayımıyla yumuşatılmış kenarlar da soluk bir haleyle parlıyor.

Daha kötüsü, istemciler karanlık modun ne demek olduğu konusunda bile anlaşamıyor: kimi renklerine dokunmuyor, kimi sadece arka planları ters çeviriyor, kimi neredeyse her şeyi yeniden boyuyor. Abonenin hangi istemciyi kullandığını kontrol edemezsin; o yüzden hepsinden sağ çıkacak kesitler üret.

• İçine uyumlu bir düz arka plan göm — şeffaflık göndermek yerine kesiti bilinçli bir marka rengine düzleştir. remover.bg editöründe düz bir rengin üzerine bırak, istemcinin ters çevirecek bir şeyi kalmasın. Ürün fotoğrafı arka plan renkleri rehberimiz her iki modda da ayakta kalan bir ton seçmene yardım ediyor.
• Kontur ve boşluk ekle — koyu kenarlı ürünlerin çevresindeki ince bir çizgi ya da yumuşak bir gölge, tuval yeniden boyansa bile okunurluğu korur. Bol boşluk, dar kırpmaların istemcinin çevrede yaptığı her neyse ona çarpmasını engeller.
• Gerçek istemcilerde test et — her kampanyadan önce karanlık mod açıkken Apple Mail, Gmail ve Outlook'a gerçek test e-postaları gönder. Bir istemcinin saygı gösterdiği şeyi diğeri neşeyle yeniden boyar.

Kampanya Boyunca Ürün Kesitlerini Tutarlı Tut

Bir kampanya nadiren tek e-postadır. Lansman, ürün öne çıkarma, son şans hatırlatması — aynı ürün dört beş kez görünür ve gönderiler arasında işlem kayarsa (burada beyaz arka plan, orada gri; gölge var, gölge yok) seri, hazır parçalardan dikilmiş gibi hissettirir.

Tek bir işlem belirle ve her yerde uygula: tek arka plan rengi, ürünün kareyi ne kadar dolduracağına dair tek ölçek kuralı, tek gölge stili — remover.bg'nin editörü gerçekçi gölgeler ekler, böylece kesitler havada süzülmek yerine karenin içine oturur. Büyük kataloglarda HTTP API her kareye birebir aynı işlemi otomatik uygular; bu da e-ticarette yapay zekânın sessizce yeniden şekillendirdiği otomasyon mantığının ta kendisi.

Özet

E-posta görselleri, gönder'e basmadan önce verilen dört karara göre yaşar ya da ölür:

1. Genişlik — 600 piksele göre tasarla, 2x dışa aktar.
2. Ağırlık — görsel başına 200 KB'ın altı; en geniş destek için JPEG ya da PNG.
3. Alt metin — açıklayıcı, biçimlendirilmiş, teklifi asla saklamayan.
4. Karanlık mod — arka planı içine göm, koyu kenarları konturla, gerçek istemcilerde test et.

Bunları doğru yap; ürünlerin her gelen kutusunda bilinçli görünsün — açık mod, karanlık mod, görseller engellenmiş ya da engellenmemiş. Bu, çoğu kampanyanın söyleyebileceğinden fazlası.