E-posta Boyutları: Şablonlarınız İçin İdeal Boyutlar [222]

Bülten şablonlarınız için ideal e-posta boyutlarının ne olduğunu hiç merak ettiniz mi? Onlar için belirli bir genişlik ve yükseklik seçmeniz gerekiyor mu?

Eh, kısa cevap evet. Uzun cevap biraz daha karmaşık. Endişelenmeyin, çünkü ideal boyutlar ve bunların doğru bir şekilde oluşturulabilmesi için kaç piksel (px) olması gerektiği hakkında bilmeniz gereken her şeyi keşfedeceğiz.

Size bir fikir vermek için bugün, aşağıdakiler de dahil olmak üzere temel boyutlara bakacağız:

• Şablon genişliği ve yüksekliği
• Kampanya dosya boyutu
• E-posta başlığı
• İçerik blokları ve altbilgi

Lafı fazla uzatmadan onları görelim!

E-posta Şablonu Boyutları: Genel Bakış

Bültenleriniz için en iyi boyutları bulmak için aceleniz varsa, aşağıdaki tabloyu kontrol edebilirsiniz:

Şimdi onlara daha ayrıntılı bir göz atalım!

E-posta Boyutu – Element Anatomisi

İşte bir e-posta bülteni örneği ve inceleyeceğimiz unsurlar:

Bu kampanya 664 piksel genişliğe ve 2549 piksel yüksekliğe sahiptir. E-posta tasarımı, hem Gmail hem de Outlook gelen kutularında iyi görüntülenir ve mobil cihazlarda doğru şekilde oluşturulur. Dosya boyutu söz konusu olduğunda 57,8 KB olup ideal boyut sınırları içindedir.

Devam etmeden önce, abonelerinizin ekran çözünürlüğüne ve boyutuna bağlı olarak tasarımınızın farklı görünebileceğini unutmayın. Şimdi neyi inceleyeceğimizi öğrendiğimize göre, bu “ideal” bedenleri tek tek keşfetmeye başlayalım!

En İyi E-posta Boyutları: Genişlik, Yükseklik ve Ağırlık

Önemli HTML e-posta şablonu boyutlarından başlayarak, Gmail, Outlook.com, Yahoo Mail ve daha fazlası gibi popüler e-posta istemcileriyle ilgili sorunları önlemek için gereken en iyi genişlik, yükseklik ve "ağırlığı" bulalım.

E-posta Genişliği

Çoğu pazarlama ipucu, ideal genişliğin 600 piksel olması gerektiğini vurgular. Peki bu ne anlama geliyor? Tüm şablonlarınızın verimli olması için bundan daha fazla olması gerekmiyor mu?

Hayır. 600 piksel standart e-posta şablonu genişliği olsa da daha geniş şablonlara sahip olabilirsiniz. Bunun nedeni, bugünün e-posta istemcilerinin geçmişe göre çok daha gelişmiş olmasıdır. Bu nedenle, daha geniş şablonlar görüntülemek artık o kadar da sorun değil.

Bununla birlikte, genişlikle denemeler yapabilirsiniz, ancak Gmail'in 640 pikselden büyük tasarımlar için arka plan renklerini göstermeyebileceğini bilmelisiniz. Bu, kampanyalarınız için can sıkıcı olabilir, bu nedenle bundan kaçınmanın en kolay yolu, maksimum 640 piksel genişliğe sahip düzenler kullanmaktır.

Aşağıda, Apple tarafından 736 piksel genişliğinde bir e-posta iletisi görebilirsiniz:

Daha geniş şablonlar kullanmak istiyorsanız, seçtiğiniz genişliğin herhangi bir soruna neden olmayacağından emin olmak için çeşitli e-posta önizleme araçlarından yararlandığınızdan emin olun.

Ayrıca, Moosend ve Mailchimp gibi çoğu e-posta şablonu oluşturucusunun varsayılan olarak 600 piksel genişliğinde tasarımlar sunduğunu bilmek güzel, bu nedenle e-posta şablonu boyutları hakkında endişelenmenize gerek yok.

E-posta Yüksekliği

Şimdi e-posta şablonu yüksekliği hakkında konuşalım. Burada, sunmak istediğiniz içeriğe bağlı olarak 1500 piksele kadar veya daha fazlasına gidebilirsiniz.

Bu e-posta boyutuyla “çılgın” olabilirsiniz, ancak abonenizin mesajı sonsuza kadar kaydırmadan özümsemesi gerektiğini unutmayın!

İdeal olarak, şablonunuz 1500 ile 3000 piksel arasında olmalıdır. 3000 pikselin çok az olduğunu düşünüyorsanız, The Citizenry'den gerçek hayattan bir örnek görelim:

Yukarıdaki örnek, abonelerin birkaç kaydırmada kontrol edebileceği 2230 piksel yüksekliğe sahiptir.

Tabii ki, birçok e-posta pazarlamacısı kampanyaları için daha büyük yükseklikleri seçecektir. İzleyicilerinize sunmanız gereken her şeyi gösterirken, son 15 yılda önemli ölçüde azalmış olan dikkat süremizin çok kısa olduğunu unutmayın!

Bu nedenle, 2000-25000 piksellik bir yükseklik, alıcınızın CTA'nıza ulaşmak için sonsuz bir şablonda gezinmesinden daha iyidir!

E-posta Ağırlığı

Artık kampanyanızın genişliğini ve yüksekliğini bildiğinize göre , şablonunuz için en iyi dosya boyutu hakkında biraz konuşalım.

Genel olarak, abonelerinizin gelen kutusuna sorunsuz bir şekilde gelecek mesajlar oluşturmak istersiniz. Spam filtrelerinin tetiklenmesinin nedeni genellikle spam içerikli bir konu satırıdır. Ancak, e-posta dosyanızın boyutunun, e-posta teslim edilebilirliğinin zayıf olmasının da nedeni olabileceğini biliyor muydunuz?

Bunu önlemek için, e-postanızın “ağırlığını” oldukça hafif tutmalısınız. Bu, 20 ile 102 KB arasında olacak bir gövdeye sahip e-posta kampanyalarınız olması gerektiği anlamına gelir.

İşleme sorunlarından kaçınmanın üç hızlı yolu:

• Maksimum 102 KB e-posta dosyası boyutunu hedefleyin
• Görsel öğeleri (GIF'ler, resimler) akıllıca kullanın
• Büyük ekleri dışarıda bırakın

Gelen kutusu kırpma

Ancak e-postanız 102 KB'den fazla olduğunda ne olur? Bir Gmail adresine gönderirseniz, e-posta istemcisi mesajınızı keser .

E-posta kırpma, kampanyalar maksimum dosya boyutu sınırını aştığında gerçekleşir. Sonuç olarak, Gmail kampanyanızı gizleyecek veya "kırpacak" ve abonelerin kontrol etmek için "Mesajın tamamını görüntüle" seçeneğini seçmesi gerekecek.

Gmail sonunda onlara mesajınızı gösterecek olsa da, kampanyalarınızın kırpılması kullanıcı deneyimi için ideal değildir. Sürece fazladan bir adım eklemek, kişilerinizi hayal kırıklığına uğratabilir ve daha düşük tıklama ve etkileşim oranlarıyla sonuçlanabilir.

Çözüm basit: e-postalarınızı 102 KB'nin altında tutun (75 KB tek kelimeyle mükemmel)!

E-posta Kampanya Öğesi Boyutları

Artık bilmeniz gereken önemli e-posta boyutlarını ele aldığımıza göre, e-posta ön başlığınızdan başlayarak e-posta bileşenleriniz için doğru boyutları bulalım.

E-posta Ön Başlığı

Her şeyden önce, e-posta ön başlığınız, konu satırlarınızı izleyen fazladan metin satırıdır. Gelen kutunuza bakarak hızlıca kontrol edebilirsiniz. Genellikle şöyle görünürler:

Ancak ön başlık metniniz, e-posta bülteninizin üstünde kısa bir mesaj olarak da görünür. Bu kopya satırları, okuyucularınıza değerli bilgiler sağlayabilir ve hatta e-postalarınızı tarayıcılarında görüntülemelerine izin verebilir.

İşte Sigma Beauty'den bir örnek:

Peki, e-posta ön başlığınız ne kadar büyük olmalı?

Genişlik söz konusu olduğunda, ön başlığınız kampanyanızın geri kalanı kadar geniş olacaktır. Ancak yükseklik açısından, 20 piksel ile 60 piksel arasında bir yerde olmalıdır.

E-posta Başlığı

Kampanyalarınızın en önemli unsurlarından biri olan e-posta başlığına geçiyoruz! Fark etmiş olabileceğiniz gibi, kampanyaların farklı e-posta başlık boyutları olabilir. Birkaç örnek görelim.

İşte Wendell August Forge'dan bir tane:

(600×98 piksel)

Ve bir tanesi The Blonde Abroad'dan:

(600×255 piksel)

Her iki başlık da 600 piksel ile aynı genişliğe sahiptir. Ancak, yükseklik söz konusu olduğunda, ikincisi 255 piksel yüksekliğindedir.

Wendell August Forge'ınki gibi daha küçük bir başlık hem masaüstü hem de mobil cihazlar için ideal olsa da, biraz daha yüksek bir başlığa sahip olmak sorun olmayacaktır (önce test ettiğiniz sürece!). Kural olarak, e-posta kampanya başlığınız yaklaşık 60-70 piksel yüksekliğinde olmalıdır. Ancak logonuz ek öğeler veya bir menü içeriyorsa 200 piksele kadar çıkabilir.

Yine, e-posta pazarlama yazılım aracınızın Gmail veya Outlook önizleme bölmesini veya önizleme modunu kontrol etmeyi unutmayın! Örneğin Moosend, kampanyanızı e-posta listenize göndermeden önce nasıl göründüğünü kontrol etmenizi sağlayan bir masaüstü ve mobil özelliğe sahiptir. Kolayca bir hesaba kaydolabilir ve ücretsiz olarak deneyebilirsiniz!

E-posta İçeriği Blokları

Şimdi içerik bloklarınızın e-posta boyutlarına bir göz atalım. Bu bloklar, e-posta kopyası ve resimlerden GIF'lere, videolara ve CTA'lara kadar her şeye sahip olabilir!

Genişliğe ilişkin olarak, içerik bloklarınız seçtiğiniz e-posta şablonu boyutunu izlemelidir . Ancak, yükseklik açısından, aklınızda bulundurmanız gereken birkaç şey var.

Her şeyden önce, kitlenize en iyi deneyimi yaşatmak için içerik bloklarınızı değerli ve kısa hale getirmeniz gerekir. Uzun içerik blokları, e-postanın terk edilmesine ve düşük e-posta okuma sürelerine neden olur! Ve bunların hiçbirine ihtiyacın yok.

Aşağıda, Julie Blanner tarafından hazırlanan ve üç içerik bloklu bir e-posta pazarlama kampanyası bulacaksınız:

Her blok 344 piksel yüksekliğindedir ve bir resim, kopya ve basit bir harekete geçirici mesaj içerir. Görsel olarak, her kıta bloğunun okunması ve etkileşime geçmesi kolaydır. Minimalist e-posta tasarımı , blog yazarının amacına da yardımcı olur.

Toplamda, Julie Blanner'ın e-posta içeriği, blog yazarının imza bloğu hariç 1032 piksel yüksekliğindedir. Yukarıdakilerin hepsini göz önünde bulundurursak, içerik bloklarınızın abonelerinizin birkaç kaydırmada kontrol edebilmesi için yeterince kısa olması gerektiğini söyleyebiliriz.

Yani, şimdi şu sonuca varabiliriz:

• Her içerik bloğu yaklaşık 200-300 piksel yüksekliğinde olmalıdır.
• İçerik bloklarınızın toplam yüksekliği 800-1200 piksel olmalıdır.

E-posta Altbilgi Boyutu

Son olarak, sosyal medyayı ve abonelikten çıkma düğmelerini, web sitesi bağlantılarını ve daha fazlasını bulabileceğiniz e-posta kampanyanızın altbilgilerine sahibiz.

Başlıklarınızda olduğu gibi, altbilgilerin uzunlukları da hedeflerinize bağlı olarak değişebilir . Örneğin, Modcloth'un alt bilgi boyutu 600 piksel genişliğinde ve 361 piksel yüksekliğindedir:

Yukarıdaki alt bilgi, abonelere e-postayı kapatmadan önce görmeleri gereken tüm gerekli bilgileri sağladığı için e-posta tasarımıyla iyi çalışır. Yükseklik açısından, abonenizin dikkatini onları rahatsız etmeden çekmek için e-posta alt bilgilerinin akıllı bir son çare olması gerektiği düşünüldüğünde, uzun olabilir.

Bunu akılda tutarak, alt bilginiz için ideal e-posta boyutu 100 piksel civarında olmalıdır. Web sitesi bağlantıları gibi daha fazla öğe eklemeniz gerekiyorsa, toplam uzunluğun 300 pikselden fazla olmadığından emin olun.

Ek E-posta Bileşen Boyutları

Ön başlığınız, başlığınız, içerik bloklarınız ve alt bilginiz dışında, banner'larınızı, CTA düğmelerinizi ve görüntü boyutlarınızı da göz önünde bulundurmalısınız. Bakalım!

E-posta Banner

Bir dakikalığına pankartlardan bahsedelim. İlk olarak, bir e-posta başlığı, genellikle e-posta pazarlama kampanyanızın üstünde bulunan, kopyalanmış bir resimdir . Harika bir e-posta banner tasarımı, hedef kitlenizi heyecanlandırabilir ve onlara mesajınızla ilgilenmeleri için daha fazla neden verebilir.

Örneğin, Velasca'dan bir banner örneği:

Markanın afişi , abonenin dikkatini çekmek için gerekli tüm bilgileri içerir. Logosu, net kopyası, grafikleri ve bir CTA düğmesi vardır. Ayrıca, boyut açısından, yukarıdaki örnek 600 piksel genişliğinde ve 612 piksel yüksekliğindedir ve aşağıdaki verilere göre oldukça idealdir.

Daha spesifik olarak, Swift Digital'e göre önerilen afiş boyutu şu şekilde olmalıdır:

• 600-700 piksel genişlik (mobil cihazlar için 320-385 piksel)
• 1730 piksel yüksek

CTA Düğmeleri

E-ticaret e-posta pazarlamacıları, potansiyel müşterileri harekete geçmeye teşvik etmek için genellikle renkli CTA düğmeleri ekler. B2B pazarlamacılar ise abonelerini web sitelerine veya açılış sayfalarına yönlendirmek için bir köprü ekleyebilir.

Düğmelerinizin e-posta tasarımınızla aynı hizada olduğundan emin olmak için, bazı ilginç CTA düğmesi e-posta boyutu verilerine bir göz atalım:

• Ortalama CTA yüksekliği 47,9 pikseldir
• Apple 44 piksel yükseklik önerir
• Ortalama CTA 14 karakterden oluşur

Gördüğünüz gibi, verimli bir CTA oluşturmak için e-posta düğmesinin yüksekliği önemlidir. Ama genişlik ne olacak? E-posta pazarlamacıları, hedeflerine göre farklı e-posta düğmesi boyutları seçerler. Aşağıdaki örnekleri göz önünde bulundurun.

Kings Theater'ın 122,4 x 41,51 piksel boyutunda çok basit bir düğmesi vardır:

Öte yandan, Büyücü Dünyası 300 piksel genişliğinde ve 60 piksel yüksekliğinde daha belirgin bir CTA'yı tercih ediyor:

İdeal olarak, aşırı olmadan öne çıkmalarını sağlamak için CTA'larınız görselleriniz ve e-posta tasarımınızla uyumlu olmalıdır.

Ve onlar için standart bir genişlik ve yükseklik olmasa da , yukarıdaki CTA düğmesi bulgularını, kendinizinkini daha etkili bir şekilde oluşturmak için bir kılavuz olarak kullanabilirsiniz!

E-posta Resmi Boyutu

Her şeyden önce, e-posta tarayıcıları tarafından okunan en popüler resim dosyası formatı, eski güzel JPG (veya JPEG), PNG ve GIF'inizi içerir. Peki ya boyutlar? Genişlik açısından, resimleriniz ayarladığınız şablon boyutunu izleyecektir. Dolayısıyla, 640 piksellik bir genişliğiniz varsa, görseliniz buna uyacaktır.

Uzunluk açısından, yine de, önce görüntünüzün amacını düşünmelisiniz. Banner olarak kullanılıyorsa 800-1730 piksel arasında olmalıdır. Benzer şekilde, bunları haber bülteni görselleri olarak kullanırsanız, 1200 piksele kadar çıkmalısınız. Yine de, izlemeniz gereken standart bir e-posta resmi boyutu yoktur .

Kalite söz konusu olduğunda, görsellerinizin genel performansını artırmak için 72 dpi çözünürlük kullanmalısınız! Ve resimlerinizi retina ekranlar (iPhone'lar, iPad'ler vb.) için optimize etmeyi unutmayın!

Moosend's gibi e-posta editörleri, Apple kullanıcılarınızın görüntü kalitesi açısından en iyi deneyimi yaşamalarını sağlamak için size uygun seçenekler sunacaktır.

Doğru boyutların yanı sıra, resimlerinizin çok büyük olmadığından emin olun. Sıkıştırmak için TinyJPG veya Imagesmaller gibi araçları kullanarak kırpmayı önleyebilirsiniz. Mümkünse, e-posta kampanyaları için ideal olan PNG formatına bağlı kalmaya çalışın.

Son olarak, çoğu e-posta istemcisinin tam genişlik seçeneğini kullanmayacağını unutmayın. Bu nedenle, önizlemeniz olarak mesajlarınızın masaüstü sürümlerini oluştururken dikkatli olun ve abonelerinizin gördükleri farklı olabilir!

Şablonlarınızı Çivilemek İçin En İyi E-posta Boyutları

Artık en iyi e-posta şablonu boyutlarını bildiğinize göre, her seferinde doğru şekilde görüntülenecek kampanyalar oluşturabilirsiniz.

Yukarıdaki boyutları referans olarak kullanabilseniz de, bir dizi test aracı kullanarak bunlarla deneme yapmaktan çekinmeyin. Ayrıca, mobil öncelikli kullanıcılarınıza ve daha duyarlı e-postalara olan ihtiyacınıza dikkat edin!

Bunu akılda tutarak, işletmeniz için en iyi boyutlu e-posta pazarlama haber bültenlerini oluşturmanın zamanı geldi!

Ve size yardımcı olacak gelişmiş bir araç istiyorsanız, hedef kitlenizi şaşırtacak duyarlı e-postalar oluşturmak için Moosend'i ücretsiz denediğinizden emin olun!