Mailing Tasarımı Nasıl Yapılır? Ölçüler, Boyutlar ve Rehber

Mobil cihazlar email açılmalarının %41.6'sını oluşturuyor (Litmus, 2025). Yani gönderdiğiniz her iki emailden biri bir telefon ekranında açılıyor. Mailing tasarımı bu gerçeği göz ardı ederek yapılamaz. Doğru ölçüler, optimize görseller ve mobil uyumlu yapı olmadan kampanyanız alıcının gelen kutusunda değer üretmek yerine okunmadan silinir.

Mailing tasarımı, bir email kampanyasının görsel yapısını, içerik hiyerarşisini ve teknik formatını oluşturma sürecidir. Mailing tasarımı nasıl yapılır sorusunun cevabı tek bir adım değil, birbiriyle bağlantılı kararlar zinciridir: email genişliği, görsel boyutları, font seçimi, CTA (harekete geçirici mesaj) butonu konumu, mobil uyum, dark mode uyumu ve erişilebilirlik. Bu kararların her biri alıcının emaili açıp açmayacağını, okuyup okumayacağını ve tıklayıp tıklamayacağını doğrudan etkiler.

Bu rehberde bulacaklarınız:

Mailing ölçüleri ve görsel boyutları tablosu
Email tasarımının temel ilkeleri ve görsel hiyerarşi
Mobil uyumlu tasarım kuralları
Dark mode sorunları ve pratik çözümleri
Erişilebilirlik standartları
Tasarım araçları karşılaştırması
Gönderim öncesi kontrol listesi

Mailing ölçüleri ve görsel boyutları

Mailing ölçüleri, email kampanyasının Gmail, Outlook, Apple Mail ve Yahoo gibi farklı email istemcilerinde doğru görüntülenmesi için uyulması gereken genişlik, yükseklik ve dosya boyutu standartlarıdır. Bu standartlara uyulmadığında email kırpılır, yatay kaydırma çubuğu çıkar veya görseller bozuk görünür. Daha kötüsü, aşırı büyük dosya boyutları spam filtrelerini tetikleyebilir.

Aşağıdaki tablo, mailing tasarımında en sık sorulan ölçü ve boyut sorularını tek bir yerde toplar:

Ölçü	Önerilen değer	Neden önemli
Email genişliği	600-700 px	720 px üzeri Outlook masaüstünde kırpılır. Gmail web'de 640 px ideal.
Hero görsel genişliği	600 px	Retina ekranlar için kaynağı 1200 px hazırlayıp CSS (Cascading Style Sheets, sayfa biçimlendirme dili) ile 600 px gösterin. Böylece hem standart hem yüksek çözünürlüklü ekranlarda net görünür.
İçerik görseli	200-560 px arası	İçerik yapısına göre değişir. Tam genişlik gerekmiyorsa daha dar görseller email boyutunu düşürür.
Tek görsel dosya boyutu	Maks. 100 KB (kilobayt)	50 KB altı ideal. Büyük görseller özellikle kurumsal email sunucularının filtrelerine takılır.
Toplam email boyutu	Maks. 500 KB	Metin + görseller + HTML kodu dahil. Gmail 102 KB üzerindeki emailleri kırpar ("Mesajın tamamını görüntüle" linki gösterir).
Görsel format	WebP veya JPEG	PNG (Portable Network Graphics) sadece şeffaf arka plan gerektiğinde kullanın. WebP hem kalite hem boyut açısından en verimli formattır.
CTA buton yüksekliği	Min. 44 px (piksel)	Apple'ın Human Interface Guidelines standardı. Daha küçük butonlara parmakla dokunmak zor.
CTA buton genişliği	Min. 120 px	Kısa ve net metin, geniş tıklama alanı. "Detaylar" yerine "Teklifi incele" gibi aksiyon ifadesi kullanın.
Gövde font boyutu	Min. 16 px	14 px altı mobilde okunmaz. Kullanıcı zoom yapmak zorunda kalır ve çoğu zaman emaili kapatır.
Başlık font boyutu	22-28 px	Gövde metninden belirgin şekilde büyük olmalı ki görsel hiyerarşi oluşsun.

MailGraf editöründe bu ölçüler tasarım oluşturulurken varsayılan olarak uygulanır. Sürükle-bırak editör, eklediğiniz görsellerin dosya boyutunu otomatik kontrol eder ve sınırı aşan görseller için uyarı verir.

Görselleri nasıl optimize edersiniz?

Görselleri tasarıma eklemeden önce sıkıştırmanız gerekir. Bir fotoğrafçının çektiği 3 MB (megabayt) boyutundaki ürün fotoğrafı, kalite farkı neredeyse gözle görülmeyecek şekilde 80 KB'a düşürülebilir. Bunun için ücretsiz araçlar kullanabilirsiniz:

tinypng.com: PNG ve JPEG dosyalarını otomatik sıkıştırır. Sürükle-bırak, anında sonuç.
squoosh.app: Google'ın ücretsiz aracı. WebP dahil birçok formata dönüştürme yapar. Kalite kaydırıcısıyla boyut-kalite dengesini gözle görerek ayarlarsınız.

Pratik kural: her görseli 100 KB altına indirin, mümkünse 50 KB hedefleyin. Email içindeki toplam boyut (metin + görseller + HTML kodu) 500 KB'ı geçmemelidir.

Email tasarımının temel ilkeleri

Email tasarım ilkeleri, alıcının mesajı hızlıca tarayıp ana CTA'yı bulmasını sağlayan görsel ve yapısal kurallardır. Litmus'un verilerine göre ortalama email okuma süresi 9 saniyedir. Bu 9 saniyede alıcı emaili tarar, ilgileniyorsa tıklar, ilgilenmiyorsa siler. Tasarımınız bu tarama davranışına göre kurulmalıdır.

Görsel hiyerarşi

Alıcılar emaili yukarıdan aşağıya, F veya Z şeklinde tarar. Bu tarama kalıbına göre en önemli bilgiyi en üste, en önemli aksiyonu (CTA) göz hizasına koymalısınız. Tipik bir email yapısı şöyle sıralanır:

Logo ve marka kimliği: Üst sol köşede. Alıcı ilk bakışta emailin kimden geldiğini anlar. Tanınırlık güven oluşturur, spam algısını azaltır.
Hero görsel veya ana başlık: Emailin tek ana mesajını iletir. "Bu email ne söylüyor?" sorusuna bir bakışta cevap vermeli.
Destekleyici metin: 2-3 kısa cümle. Ana mesajın faydasını açıklar. Uzun paragraflar yerine madde işaretleri tercih edin.
CTA butonu: Net, kısa, aksiyon odaklı. "Detaylar" gibi belirsiz metinler yerine "Teklifi incele", "Demoyu izle", "Sepeti tamamla" gibi spesifik ifadeler kullanın.
İkincil içerik: Ek bilgi, ilgili ürünler veya sosyal medya linkleri.
Footer: Unsubscribe (abonelik iptal) linki, firma bilgisi, KVKK (Kişisel Verilerin Korunması Kanunu) bilgilendirme notu. Her ticari emailde unsubscribe linki yasal zorunluluktur.

Tek mesaj, tek CTA prensibi

Bir email içinde birden fazla farklı teklif ve CTA butonu olduğunda alıcının dikkati dağılır ve tıklama oranı düşer. MailGraf olarak müşteri kampanyalarını incelerken en sık gördüğümüz hata budur: tek emaile üç farklı teklif sıkıştırmak.

Her kampanyada tek bir ana hedefe odaklanın. Bir promosyon emailinde hem indirim hem yeni ürün hem de blog yazısı tanıtmaya çalışmayın. Eğer ikincil bir CTA eklemek zorunluysa, ana butondan görsel olarak net şekilde ayrıştırın. Ana CTA büyük ve marka renginde, ikincil CTA daha küçük ve nötr renkte olmalıdır.

Renk ve kontrast kuralları

Marka renklerinizi tüm emaillerde tutarlı kullanın. Alıcı gelen kutusunda emailinizi açtığında renk paleti sayesinde "bu X markasının emaili" diye tanımalı.

CTA butonu arka plandan net ayrışmalıdır. Beyaz arka plan üzerinde açık mavi buton zayıf kalır, koyu mavi veya turuncu gibi kontrast renkler daha iyi çalışır. WCAG (Web Content Accessibility Guidelines, web erişilebilirlik standartları) AA seviyesinde metin ve arka plan arasında minimum 4.5:1 kontrast oranı hedefleyin. Bu oran hem renk körü kullanıcılar hem de parlak güneş altında telefon ekranına bakanlar için okunabilirliği sağlar.

Çok fazla renk kullanmaktan kaçının. 2-3 marka rengi + nötr tonlar (beyaz, gri, siyah) yeterlidir. Renk karmaşası hem profesyonellik algısını düşürür hem de bazı email istemcilerinde spam sinyali oluşturabilir.

Yazı tipi seçimi

Email istemcileri web siteleri gibi çalışmaz. Sitenizde kullandığınız özel fontu email istemcisi desteklemeyebilir. Bu durumda email istemcisi kendi varsayılan fontuna geçer ve tasarımınız bozulur.

Güvenli yol: Arial, Helvetica, Georgia, Verdana gibi web-safe fontları ana font olarak kullanın. Bu fontlar tüm email istemcilerinde aynı şekilde görünür. Özel font kullanmak istiyorsanız fallback (yedek) font tanımlayın. Dekoratif fontları yalnızca görsel içine gömülü olarak (resim olarak) kullanın, canlı metin olarak değil.

Font boyutu konusunda kesin kural: gövde metni minimum 16 px, başlıklar 22-28 px. 14 px altı metin mobilde okunmaz. Kullanıcılar zoom yapmak yerine emaili kapatır.

Mobil uyumlu email tasarımı

Mobil uyumlu (responsive) email tasarımı, emailin açıldığı cihazın ekran genişliğine göre otomatik yeniden düzenlenmesidir. Responsive tasarımlı emailler, mobilde tek sütuna geçer, görseller ekran genişliğine göre küçülür ve butonlar parmak dokunuşuna uygun boyuta çıkar.

Tek sütunlu email yapıları, çok sütunlu tasarımlara göre mobilde %21 daha iyi performans gösteriyor (Brevo, 2025). Responsive emailler ise standart emaillere göre %15 daha yüksek tıklama oranı elde ediyor (Litmus, 2025). Bu veriler, mobil uyumun artık opsiyonel değil zorunlu olduğunu gösteriyor.

Masaüstü ve mobil tasarım farkları

Kriter	Masaüstü	Mobil
Layout	2-3 sütun kullanılabilir	Tek sütun zorunlu
Font boyutu	14-16 px gövde	Min. 16 px gövde
CTA buton	36+ px yükseklik yeterli	Min. 44x44 px (parmak dokunuş alanı)
Konu satırı görünümü	~60 karakter	35-45 karakter (kalanı kırpılır)
Önizleme metni	~90 karakter	~40 karakter
Görsel davranışı	Sabit boyut	Ekran genişliğine göre küçülme

Mobil tasarım kontrol noktaları

Baştan tek sütun tasarlayın. Masaüstünde iki sütun güzel görünse de mobilde alt alta düşer ve sıralama bozulabilir. Tek sütun hem masaüstünde hem mobilde tutarlı çalışır.
Linkleri ve butonları birbirine yakın koymayın. Mobilde parmak tıklaması fare imlecinden daha büyük alan kaplar. Tıklama alanları arasında minimum 10 px boşluk bırakın.
Önizleme metnini planlayın. Konu satırından sonra görünen 40-90 karakterlik alan. "Bu emaili tarayıcıda görüntüle" gibi varsayılan metin bırakmak fırsat kaybıdır. Ana mesajınızın devamı veya tamamlayıcısı olmalıdır.
Uzun emaillerden kaçının. Mobilde scroll yorgunluğu masaüstünden daha hızlı oluşur. Ana mesajı ve CTA'yı ilk ekranda (above the fold) gösterin.

MailGraf editöründe masaüstü, tablet ve mobil önizleme arasında tek tıkla geçiş yapabilirsiniz. Tasarımınızı her üç ekranda gönderim öncesi mutlaka kontrol edin.

Dark mode email tasarımı

Dark mode (karanlık mod), email istemcisinin arka plan rengini koyuya çevirerek göz yorgunluğunu azaltan görüntüleme modudur. Apple Mail, Gmail, Outlook ve Yahoo Mail gibi büyük istemcilerin hepsi dark mode destekler. Kullanıcıların önemli bir bölümü dark mode tercih ediyor ve bu oran her yıl artıyor. Tasarımınız dark mode'da test edilmeden gönderilmemelidir.

Dark mode'un email tasarımında yarattığı sorunlar ve pratik çözümleri:

Logo kaybolması

En sık karşılaşılan sorun budur. Koyu renkli logonuz siyah arka plana karışır ve görünmez olur. Çözümler:

Logo dosyasını şeffaf PNG (Portable Network Graphics, şeffaf arka planlı görsel format) olarak hazırlayın ve logonun etrafına 4-6 px beyaz veya açık gri padding ekleyin. Bu padding light mode'da görünmez, dark mode'da logoyu çerçeveler.
Alternatif olarak: koyu arka plan için ayrı bir açık renkli logo versiyonu hazırlayın ve CSS media query ile dark mode'da otomatik değişmesini sağlayın.

Arka plan ve metin renkleri

Saf siyah (#000000) arka plan göz yorar. Koyu gri tonları (#121212 veya #1a1a1a) daha rahat okuma deneyimi sunar. Aynı şekilde saf beyaz (#FFFFFF) metin yerine yumuşak beyaz (#E0E0E0 veya #F0F0F0) tercih edin.

Marka renkleriniz dark mode'da çok parlak görünebilir. Canlı kırmızı veya neon yeşil gibi renkler koyu arka planda göz yakar. Marka renklerinizin pastel veya düşük doygunluklu versiyonlarını dark mode için hazırlayın.

Görsellerde beklenmedik davranışlar

Şeffaf arka planlı görseller dark mode'da beklenmedik sonuçlar verebilir. Örneğin beyaz arka plan varsayımıyla hazırlanmış bir grafik, dark mode'da zeminsiz kalır ve okunmaz hale gelir. Her görseli hem açık hem koyu arka plan üzerinde test edin.

Email istemcileri farklı davranır

Dark mode uygulaması email istemcisine göre değişir. Gmail farklı, Outlook farklı, Apple Mail farklı davranır:

Apple Mail: CSS media query'leri (tasarım stillerini ekran özelliklerine göre değiştiren kod parçacığı) tam destekler. En kontrol edilebilir istemci.
Gmail: Kendi renk dönüşüm algoritmasını uygular. CSS override kısmen çalışır.
Outlook (masaüstü): Dark mode desteği sınırlıdır. Bazı elementleri dönüştürür, bazılarını olduğu gibi bırakır.

MailGraf müşterilerinde en sık karşılaştığımız dark mode sorunu logo kaybolmasıdır. Bu yüzden yeni müşterilerimize kurulum aşamasında hem light hem dark mode logo versiyonu hazırlamalarını öneriyoruz.

Test rutini

Gönderim öncesi şu istemcilerde dark mode testi yapın:

Gmail (web + Android + iOS)
Apple Mail (macOS + iOS)
Outlook (masaüstü + web)
Yahoo Mail

Litmus veya Email on Acid gibi araçlarla tek seferde onlarca istemcide toplu test yapabilirsiniz. MailGraf editöründe de dark mode önizlemesi mevcuttur.

Email erişilebilirliği

Email erişilebilirliği (accessibility), görme engelli, renk körü, işitme engelli veya yardımcı teknoloji (ekran okuyucu gibi) kullanan alıcıların emailinizi sorunsuz okuyabilmesi için uygulanan standartlardır. Dünya Sağlık Örgütü verilerine göre dünya nüfusunun %16'sı bir tür engelle yaşıyor. Erişilebilir tasarım sadece etik bir tercih değil, potansiyel kitlenizin %16'sını kaybetmemenin de yoludur.

Alt text (alternatif metin)

Her görsele açıklayıcı alt text ekleyin. Ekran okuyucuları (JAWS, NVDA, VoiceOver gibi yazılımlar) görseli göremez, alt text'i yüksek sesle okur. Ayrıca bazı email istemcileri görselleri varsayılan olarak engelliyor. Alt text olduğunda alıcı görseli görmese bile ne olduğunu anlar.

Kötü alt text: "image1.jpg", "banner", "görsel" İyi alt text: "MailGraf sürükle-bırak email editöründe kampanya tasarımı", "Yaz koleksiyonu indirim duyuru görseli"

Kontrast oranı

Metin ve arka plan arasında yeterli kontrast oranı sağlayın. WCAG AA standardında minimum 4.5:1 gerekir. Düşük kontrast (açık gri metin, açık arka plan) hem renk körü kullanıcılar hem de güneş altında telefon kullananlar için okunmaz hale gelir.

Anlamlı link metni

"Tıklayın" veya "buraya tıklayın" gibi bağlamsız link metinleri kullanmayın. Ekran okuyucuları sayfadaki tüm linkleri listeler ve kullanıcıya sunar. "Tıklayın, tıklayın, tıklayın" listesi anlamsızdır. Bunun yerine "Kampanya detaylarını inceleyin" veya "Fiyat listesini indirin" gibi bağlam veren metinler kullanın.

Görselsiz okunabilirlik

Mesajınız görseller yüklenmese bile anlaşılmalıdır. Bazı email istemcileri görselleri varsayılan olarak engelliyor, bazı kullanıcılar veri tasarrufu için görselleri kapatıyor. Kritik bilgiyi (fiyat, tarih, CTA) sadece görsele değil, canlı metne de yazın.

Tasarım araçları

Email tasarımı için kullanılabilecek araçlar iki kategoriye ayrılır: email editörleri (tasarım + gönderim birlikte) ve görsel tasarım araçları (tasarım yapılır, başka platforma aktarılır).

MailGraf sürükle-bırak editör

MailGraf'ın editörü, kod yazmadan profesyonel email tasarımı oluşturmayı sağlar. Hazır şablon kütüphanesinden başlayabilir veya boş bir tuval üzerinde sıfırdan tasarım yapabilirsiniz.

Editörün güçlü yönlerinden biri modüler çalışma yapısıdır. Sık kullandığınız bileşenleri (logo bloğu, CTA butonu, footer, ürün kartı) "kaydedilen modüller" kütüphanesine ekleyebilirsiniz. Sonraki kampanyalarda bu modülleri sürükle-bırak ile yerleştirip yalnızca içeriği değiştirirsiniz. Bu yaklaşım hem tasarım süresini kısaltır hem de kampanyalar arasında marka tutarlılığını korur.

Responsive önizleme ile tasarımınızı masaüstü, tablet ve mobilde kontrol edebilirsiniz. Dark mode önizlemesi de mevcuttur. Karmaşık özel tasarımlar için HTML (Hypertext Markup Language, web sayfalarının temel kodlama dili) desteği de bulunur.

Canva

Canva, email tasarımı dahil her türlü görsel tasarım için kullanılabilen popüler bir araçtır. Hazır email şablonları mevcuttur. Tasarladığınız görseli PNG veya JPEG olarak dışa aktarıp email editörünüze eklersiniz.

Canva'nın avantajı hızlı prototipleme ve görsel oluşturma konusundaki kolaylığıdır. Dezavantajı ise çıktının HTML email değil görsel dosya olmasıdır. Yani Canva'da email tasarlarsanız, onu bir email editörüne (MailGraf gibi) aktarmanız gerekir. Büyük ölçüde ücretsiz kullanılabilir.

Figma

Figma, kullanıcı arayüzü (UI, User Interface) ve kullanıcı deneyimi (UX, User Experience) tasarımcılarının tercih ettiği profesyonel bir araçtır. Piksel düzeyinde kontrol sağlar. Email tasarımı için özellikle karmaşık layout'lar (sayfa düzenleri), çoklu kampanya varyasyonları ve marka tutarlılığı gerektiren durumlarda güçlüdür.

Figma'da tasarım çıktısını görsel olarak (PNG/JPEG) email editörüne aktarabilirsiniz. Ayrıca tasarım sistemleri oluşturarak email bileşenlerinizi (buton stilleri, renk paletleri, tipografi) merkezi bir kütüphanede tutabilirsiniz. Ücretsiz planı mevcuttur.

Adobe Express

Adobe Express, hızlı görsel tasarım için kullanılabilecek bir diğer araçtır. Hazır şablonlar, marka kiti ve kolay dışa aktarma sunar. Canva'ya benzer bir kullanıcı deneyimi vardır. Adobe ekosistemiyle entegre çalışması avantajdır. Büyük ölçüde ücretsiz kullanılabilir.

Bu araçlar tasarım aşamasında yardımcıdır, ancak email gönderimi, test ve raporlama için profesyonel bir ESP (Email Servis Sağlayıcı, toplu email gönderim platformu) gerekir. Tasarımı oluşturduktan sonra MailGraf gibi bir platforma yükleyerek gönderim, spam testi ve performans takibi süreçlerini yönetirsiniz.

Gönderim öncesi tasarım kontrol listesi

Bu kontrol listesini her kampanya gönderiminden önce uygulayın. Tek bir eksik madde bile kampanyanın performansını düşürebilir veya teslimat sorunu yaratabilir.

Ölçü ve boyut kontrolleri:

Email genişliği 600-700 px arasında mı?
Her görsel tek başına 100 KB altında mı?
Toplam email boyutu (metin + görseller + HTML) 500 KB altında mı?
CTA butonları minimum 44x44 px mi?
Gövde fontu minimum 16 px mi?

Mobil uyum kontrolleri:

Tek sütun layout kullanılıyor mu?
Tıklama alanları arasında yeterli boşluk var mı?
Konu satırı 45 karakter altında mı?
Önizleme metni planlandı mı (varsayılan metin bırakılmadı mı)?
CTA ilk ekranda (above the fold) görünür mü?

Görsel ve erişilebilirlik kontrolleri:

Tüm görsellerde açıklayıcı alt text var mı?
Logo dark mode'da görünür mü?
Metin-arka plan kontrast oranı yeterli mi?
Email görseller yüklenmese de okunabiliyor mu?
Link metinleri bağlam veriyor mu ("tıklayın" kullanılmadı mı)?

Teknik kontroller:

Tüm linkler çalışıyor mu (kırık link yok mu)?
Unsubscribe linki footer'da mevcut ve görünür mü?
Spam testi yapıldı mı (mail-tester.com'da 7/10 üzeri skor)?
Masaüstü, mobil ve dark mode'da test edildi mi?
SPF (Sender Policy Framework), DKIM (DomainKeys Identified Mail) ve DMARC (Domain-based Message Authentication, Reporting and Conformance) kayıtları doğru mu?

MailGraf'ta kampanya gönderim öncesi otomatik kontrol yapılır. Eksik alt text, kırık link veya boyut sınırını aşan görsel gibi sorunlar tespit edildiğinde gönderim öncesinde uyarı verilir.

Spam ve teslimat konusunda daha fazla bilgi için spam'e düşmeden gönderim rehberimizi inceleyebilirsiniz. Email performans metrikleri hakkında ise KPI rehberimiz faydalı olacaktır. Email pazarlamaya genel bir bakış için de e-posta pazarlama rehberimize göz atabilirsiniz.

Sonuç

Mailing tasarımı, güzel görünmekle başlar ama asıl iş doğru ölçüler, mobil uyum, dark mode kontrolü ve erişilebilirlik kurallarının birlikte çalışmasıyla tamamlanır. Bu rehberdeki kontrol listesini her kampanya öncesi uygularsanız, tasarım kaynaklı teslimat ve etkileşim sorunlarının büyük bölümünü gönderimden önce yakalarsınız.

MailGraf ile email tasarım sürecinizi sürükle-bırak editör, mobil önizleme ve dark mode kontrolüyle yönetebilirsiniz. Sorularınız için bize ulaşın.

Sıkça sorulan sorular

Mailing tasarımı nedir?

Mailing tasarımı, email kampanyasının görsel ve metinsel yapısını hedef kitleye uygun şekilde planlama sürecidir. Amaç sadece güzel görünüm değil, mesajın hızlı anlaşılması ve tıklamaya dönüşmesidir.

Mailing tasarımı nasıl yapılır?

Önce hedef belirlenir, sonra mesaj hiyerarşisi kurulur, ardından mobil uyumlu tasarım hazırlanır ve test edilir. Son adımda metrikler izlenerek tasarım bir sonraki kampanyada iyileştirilir.

Mailing ölçüleri ne olmalıdır?

Email genişliği 600-700 piksel arasında olmalıdır. 720 pikseli geçen tasarımlar Outlook masaüstü uygulamasında kırpılabilir. Görsel dosya boyutu tek başına 100 KB'ı, toplam email boyutu 500 KB'ı geçmemelidir. CTA butonları mobil dokunuş için minimum 44x44 piksel, gövde fontu minimum 16 piksel olmalıdır.

Mailing boyutu ne kadar olmalı?

Mailing boyutu hem piksel genişliğini hem dosya boyutunu kapsar. Genişlik 600-700 px, toplam dosya boyutu 500 KB altı olmalıdır. Gmail 102 KB üzerindeki email içeriğini kırpar ve "mesajın tamamını görüntüle" linki gösterir. Bu da CTA'nızın alıcı tarafından hiç görülmemesi anlamına gelebilir.

Mailing görsel boyutu ne kadar olmalı?

Tam genişlik hero görseli 600 px genişliğinde olmalıdır. Retina ekranlar için kaynağı 1200 px olarak hazırlayıp CSS ile 600 px gösterebilirsiniz. Dosya boyutu görsel başına 100 KB altında tutulmalıdır. JPEG veya WebP formatı tercih edilmeli, PNG yalnızca şeffaf arka plan gerektiğinde kullanılmalıdır.

Emailing ölçüleri ile mailing ölçüleri aynı mıdır?

Evet, "emailing" ve "mailing" terimleri email pazarlama bağlamında aynı anlama gelir. Her ikisinde de email genişliği 600-700 px, görsel boyutu 100 KB altı ve CTA buton boyutu minimum 44x44 px standartları geçerlidir. Ölçüler email istemcisine göre değil, genel sektör standartlarına göre belirlenir.

Mailing tasarımı dark mode'da nasıl test edilir?

Gmail (web, Android, iOS), Apple Mail (macOS, iOS), Outlook (masaüstü, web) ve Yahoo Mail'de hem light hem dark mode kontrolü yapın. Özellikle logo görünürlüğü, arka plan renkleri ve metin okunabilirliğini kontrol edin. Litmus veya Email on Acid gibi araçlarla tek seferde onlarca istemcide toplu test yapabilirsiniz. MailGraf editöründe de dark mode önizlemesi mevcuttur.

HTML mailing tasarımı nedir?

HTML mailing tasarımı, HTML (Hypertext Markup Language) kodu ile oluşturulan zengin içerikli email tasarımlarıdır. Düz metin emaillerden farklı olarak görseller, renkli arka planlar, butonlar, tablolar ve tipografi içerir. Profesyonel email editörleri arka planda HTML kodu oluşturur, kullanıcı sürükle-bırak arayüzüyle tasarlar. Özel ihtiyaçlar için doğrudan HTML ile de tasarım yapılabilir, ancak her email istemcisinin HTML desteği farklıdır ve uyumluluk testi şarttır.

Mailing tasarımı hangi araçlarla yapılır?

Email tasarımı için MailGraf (sürükle-bırak editör + gönderim + test), Canva (hızlı görsel tasarım), Figma (profesyonel piksel düzeyinde tasarım) ve Adobe Express (hızlı görsel oluşturma) kullanılabilir. Görsel tasarım araçları çıktıyı görsel olarak üretir, email gönderimi ve raporlama için profesyonel bir ESP (email servis sağlayıcı) gerekir.

İlk yayın tarihi: Sep 8, 2023