E-posta Bülteni Görsel Boyut Sınırları

Her bülten görselini 100 KB'ın altında tutun, görselleri görüntüleme genişliklerinin iki katı boyutlandırın ve WebP yerine JPG veya PNG kullanın. Gmail, Köprü Metni İşaretleme Dili (HTML) kabaca 102 KB'ı aşan tüm iletileri keser ve geri kalanını Tüm iletiyi görüntüle bağlantısıyla değiştirir.

Çoğu gönderici kırpma sınırını acı yoldan, genellikle abonelikten çıkma bağlantısı ve izleme pikseli kesintinin altında kaldığında keşfeder. Görseller, ya doğrudan iletiye gömüldükleri ya da etraflarındaki işaretleme birkaç kampanya boyunca büyüdüğü için sıklıkla bunun nedenidir.

Gmail kırpma sınırının gerçekte neyi ölçtüğü

Gmail, bağlandığı görselleri değil, iletinin HTML kaynağını ölçer. 10 büyük fotoğrafa bağlantı veren bir bülten sınırın oldukça içinde kalırken, yoğun satır içi stillere ve gömülü görsellere sahip bir ileti kalmaz.

Bu ayrım önemlidir çünkü çözüm farklıdır. Bağlantılı görseller 102 KB'lık rakama dahil edilmez, bu nedenle kırpılma genellikle yinelenen satır içi stillerden, her bağlantıdaki uzun izleme parametrelerinden veya base64 verisi olarak gömülen görsellerden kaynaklanır. Gömülü görselleri kaldırmak ve işaretlemeyi kırpmak kırpılmayı çözerken, bağlantılı fotoğrafları sıkıştırmak yükleme süresini çözer.

E-posta için önerilen görsel boyutları

E-posta gövdesini 600 piksel genişliğinde tasarlayın ve yüksek yoğunluklu ekranlar için görselleri 1200 piksel olarak dışa aktarın. 600 piksel standardı, yatay kaydırma olmadan her masaüstü istemci önizleme bölmesine sığdığı için yıllardır geçerliliğini korumaktadır.

Dışa aktarma genişliğini iki katına çıkarmak yüksek yoğunluklu ekranları kapsar ve orada durur. Görüntüleme genişliğinin 3 katı olarak dışa aktarmak, hiçbir e-posta istemcisinin daha iyi işleyemeyeceği bir ağırlık ekler ve e-posta, her kilobaytın telefona indirildiği tek kanaldır.

WebP'nin e-postada neden hala yanlış seçim olduğu

E-posta istemcilerinin WebP desteği hala düzensizdir ve özellikle Outlook öngörülemez kalmaktadır. E-posta, güvenli eski biçimlerin doğru tercih olduğu kalan birkaç yerden biridir.

Web tarayıcılarının tümü WebP'yi destekler, bu da insanların e-posta istemcilerinin de desteklediğini varsaymasına yol açar. Masaüstü Outlook, iletileri tamamen farklı bir motorla işler ve birkaç kurumsal posta sistemi, tanımadığı biçimleri kaldırır veya bunlarda hata verir. Bir bültendeki bozuk bir görsel, WebP'nin sağlayacağı yüzde 30'luk dosya tasarrufundan çok daha maliyetlidir, bu nedenle JPG ve PNG burada doğru kalmaya devam eder.

E-posta içindeki biçim seçimi

Fotoğraflar için JPG, logolar, düğmeler ve metin içeren her şey için PNG kullanın. Kural web'dekiyle aynıdır ve sonuçlar daha görünürdür çünkü e-posta görselleri genellikle küçüktür.

• Ürün fotoğrafları, başlık görselleri ve gerçek bir sahnenin her resmi için JPG.
• Logolar, simgeler ve düz renkli veya keskin metin kenarlı grafikler için PNG.
• Yalnızca animasyon bir anlam taşıdığında ve 1 MB'ın altında tutulduğunda Hareketli GIF.
• Hiçbiri tüm posta istemcilerinde güvenilir şekilde işlenmediğinden WebP ve AVIF'ten kaçının.
• Çoğu e-posta istemcisi güvenlik nedenleriyle engellediğinden SVG'den tamamen kaçının.

Görseller birçok istemcide varsayılan olarak engellenir

Birçok alıcı e-postanızı görseller kapalı olarak görür, bu nedenle ileti metin olarak da çalışmalıdır. Kurumsal posta sistemleri ve gizlilik bilincine sahip kullanıcılar, okuyucu yüklemeyi seçene kadar uzak görselleri engeller.

Her görsele alt bilgi (alt text) yazın, çünkü engellenen görseller bunun yerine bu metni görüntüler. Teklif, son tarih veya harekete geçirici mesaj dahil olmak üzere temel bilgileri asla yalnızca bir görselin içine yerleştirmeyin. Tamamen büyük bir grafikten oluşturulan bir bülten, listenin önemli bir kısmı için boş bir dikdörtgen haline gelir ve ekran okuyucularda da kötü performans gösterir.

Bülten görselleri nasıl hazırlanır

Bir bülteni hızlı ve okunabilir tutmak için bu 7 adımı izleyin.

1. E-postayı, her masaüstü istemcinin kaydırma yapmadan işleyebileceği 600 piksel genişliğinde tasarlayın.
2. Her görseli, düzende kaplayacağı tam şekle göre kırpın.
3. Görüntüleme genişliğinin iki katına kadar yeniden boyutlandırın, daha fazla değil.
4. Fotoğraflar için JPG'ye veya metin içeren grafikler için PNG'ye dönüştürün.
5. Her dosyayı 100 KB'ın altındaki bir hedefe sıkıştırın.
6. Görselleri iletiye gömmek yerine gönderim platformunuzda veya kendi sunucunuzda barındırın.
7. Kampanyayı planlamadan önce Gmail, Outlook ve bir telefona test gönderin.

Toplam e-posta ağırlığı tek bir görselden daha önemlidir

Aboneler bültenleri telefonlarda, genellikle zayıf bağlantılarda açtığı için görseller dahil tüm iletiyi 600 KB'ın altında tutun. 5 MB'lık bir bülten yavaş yüklenir ve işlenmeden önce kapatılır.

Herhangi bir şeyi sıkıştırmadan önce görselleri sayın. Her biri 100 KB olan 12 fotoğraf taşıyan bir bülten zaten 1.2 MB'tadır, bu da düzenin daha küçük görsellere değil, daha az görsele ihtiyacı olduğunu gösterir. Görsel sayısını azaltmak genellikle hem performansı hem de okunabilirliği artırır, çünkü uzun ve görsel ağırlıklı bültenler nadiren sonuna kadar okunur.

Karanlık mod görsellerin görünümünü değiştirir

Birkaç istemci karanlık modda renkleri tersine çevirir veya ayarlar ve beyaz arka plan üzerindeki bir logo, karanlık bir iletide parlak bir dikdörtgen haline gelir. Göndermeden önce her kampanyayı karanlık modda test edin.

Logolar ve simgeler için şeffaf arka planlı PNG dosyaları kullanın, böylece her iki renkte de doğru şekilde dururlar. Tasarımın arkalarındaki sayfanın da beyaz olduğunu varsaydığı beyaz arka planlı görsellerden kaçının. Fotoğraflar genellikle güvenlidir, çünkü istemciler fotoğraf içeriğini nadiren değiştirir; karanlık mod sorunlarının ortaya çıktığı yerler düz grafikler ve metin görselleridir.

Retina ekranlar ve görsel netliği

Görsellerin yüksek yoğunluklu ekranlarda keskin kalması için görüntüleme genişliğinin iki katı olarak dışa aktarın, ardından fazladan pikselleri dengelemek için daha fazla sıkıştırın. 70 kalitesindeki 1200 piksellik bir görsel genellikle 95 kalitesindeki 600 piksellik bir görselden daha iyi görünür ve daha az yer kaplar.

İşaretlemedeki genişlik özniteliğini dosya boyutu yerine görüntüleme boyutuna ayarlayın, böylece istemci ekstra ayrıntıyı kullanırken görseli 600 pikselde işler. Genişlik özniteliğinin atlanması, bazı istemcilerin görseli tam piksel boyutunda görüntülemesine neden olur ve bu da masaüstündeki düzeni bozar.

Gönderilmeden önce bir kampanyayı kontrol etme

• Gmail, Outlook, Apple Mail ve en az bir telefona test gönderin.
• Testi görseller engellenmiş olarak görüntüleyin ve iletinin hala anlamlı olduğunu onaylayın.
• İletinin, kesintide Tüm iletiyi görüntüle bağlantısı gösteren Gmail'de kırpılmadığını kontrol edin.
• Her görselin neyi gösterdiğini açıklayan bir alt bilgiye sahip olduğunu onaylayın.
• Özellikle logolar ve düz grafikler için karanlık modda işlemeyi kontrol edin.
• Tüm görsellerin toplam ağırlığını ekleyin ve 600 KB'ın altında kaldığını onaylayın.

Bir kampanyayı tek bir grupta hazırlama

Bültendeki her görseli birlikte işleyin, böylece tüm kampanya tek bir özelliği paylaşır. Bir bülten genellikle 5 ila 15 görsel taşır ve haftalık bir gönderici bir yılda yüzlercesini hazırlar.

Genişliği ve KB hedefini bir kez ayarlayın, görselleri bırakın ve her dosya eşleşmiş olarak geri gelsin. Her şey kendi işlemcinizde tarayıcınızın içinde çalışır, bu nedenle duyurulmamış teklifler, görsel olarak işlenmiş abone listeleri ve istemci kampanya çalışmaları asla bir sunucuya ulaşmaz. Lansman hazırlayan bir ajans için bu dosyaları yerelde tutmak, hiçbir sıkıştırma tasarrufunun haklı çıkaramayacağı bir ifşayı önler.

Başlık, 2 sütunlu ürün satırı ve alt bilgi logosu gibi yinelenen her düzen bloğu için doğru boyutta yer tutuculardan oluşan bir şablon klasörü tutun. Haftalık göndericiler aynı 4 veya 5 şekli süresiz olarak yeniden kullanır ve yeni çalışmaları mevcut bir özelliğe uydurmak, her kampanya için boyutlara yeniden karar vermekten daha az zaman alır.