E posta içeriklerinde resim kullanırken dikkat edilmesi gerekenler hakkında detaylı sunuma buradan bakabilir, bizi @Emarsys_Turkey Twitter adresimizden takip edebilirsiniz.

1. Burada yayınlanan notların tüm hakları Emarsys’e aittir. İzin almadan ve kaynak gösterilmeden kullanılamaz, çoğaltılamaz ve kopyalanamaz.
E-Posta İçeriklerinde Resim
Kullanırken
Dikkat Edilmesi Gerekenler

2. Hakkımızda

3. Bir e-posta kampanyasında sadece yazılardan oluşan içerikler sönük olacak ve pek
etkili olmayacaktır. Kampanya içeriği resimler kullanılarak daha güzel gösterilebilir
ve okuyucularınızı etkileyebilir.
Ancak yanlış formatta ve yanlış uygulamalarla resimler kullanmak, hem içeriğinizi
bozacak, hem de iletilebilirlik sorunlar yaşamanıza sebep olacaktır.
Kampanyalarınızda Resim Kullanmak

4. • Yüksek boyuttaki resimler, içeriğin açılma süresini arttıracağı için
okuyucularınız rahatsız olabilir. Dolayısı ile resimleri olabildiğince küçük
boyutta kullanmaya özen gösterin.
• Resimlerin çabuk görüntülenebilir olması için resim dosya boyutunun
50KB’dan fazla olmamasına dikkat edin.
• Kampanyalarınızın tüm e-posta istemcileri tarafından düzgün görüntülenmesi
için 650px’den geniş resimler kullanmayın.
Resim Boyutu

5. Alternatif metinler bir resmin üzerine geldiğinizde gözüken metinlerdir.
Bir çok e-posta istemcisi varsayılan olarak resimleri göstermediği için alternatif
metin özelliğini kullanarak en azından okuyuculara resmi yüklemeden önce bir
metin gösterme imkanı sunar.
Alternatif Metin (Alt Text)

6. Outlook 2007 gibi bazı e-posta istemcileri arka plan resimlerini temizler.
Dolayısıyla özenerek yaptığınız güzel tasarımınız çok kötü bir hale dönüşebilir.
Her şeye rağmen arka plan resimleri kullanmak istiyorsanız, arka plan resmine ek
olarak arka plan rengi belirtin. Arka plan resminin görüntülenmediği durumda bu
renk gözükecektir.
Arka Plan Resimleri Kullanmayın

7. HTML içeriğinize koyduğunuz resim bir sunucuda barındırılmalı ve kaynak yolları
her zaman tam yol olarak gösterilmelidir.
<img src=‘C:/resim.jpg’> yerine,
<img src=‘http://www.domain.com/resim.jpg’> olarak kullanılmalıdır.
Resimlere Her Zaman Tam Yol Verin

8. Bir çok e-posta istemcisinde resimler
varsayılan olarak kapalı gelir ve
okuyuculara gösterilmez.
Okuyucu resimleri göster veya
resimlere izin ver seçeneğini
tıkladığında resimler gösterilir. Bunu
göz önüne alarak e-posta kampanya
içeriklerinizde, genel içeriğin %25'den
fazlasını resimlerden oluşturmamaya
özen gösterin. Sadece tek bir
resimden oluşan içeriklerde,
okuyucunun e-postayı ilk açtığında
boş bir sayfa ile karşılaşmasına sebep
olacaktır.
Resimlerin İlk Anda Yüklenmeyeceğini
Göz Önüne Alın

9. HTML’de Yaratıcı Olun

10. • E-posta kampanya içeriğinizin tasarımını hazırlarken, sabit ve net genişlikler
kullanmaya özen gösterin.
• Photoshop gibi tasarım uygulamalarından yaratılan içeriklerde tasarımınızın
doğru kesilmemesi ya da boyutlarının doğru hizalanmaması durumunda
photoshop tasarımı belli bir kalıba oturtmak için otomatik boşluk resimleri
(spacer images) yerleştirecektir. Bu boşluk tamamlayıcı resimler tasarımınızda
bozulmalara sebep olabilir.
Boşluk Resimleri Kullanmayın

11. Kampanya içeriklerinizde kullandığınız resimlere her zaman genişlik ve uzunluk
boyutlarını verin.
Boyutların verilmediği zaman bazı e-posta islemcileri bu resimleri otomatik
boyutlandıracak olup, tasarımınızda bozulmalara sebep olacaktır.
Resimlerinize Her Zaman Boyut Verin

12. Bazı e-posta istemcileri PNG formatını desteklememektedir. Bu yüzden tüm
resimlerin gif, jpg formatlı olması konusunda dikkatli olun.
PNG Formatlı Resimler Kullanmayın

13. Windows Live Hotmail resimlerin altına bir kaç piksel boşluk atar.
Bu problemi engellemek için resimlerinize her zaman style="display:block"
özelliğini eklemeyi unutmayın.
CSS Display:Block Özelliğini Kullanın

14. Resimlerinizi pozisyonlandırmak için CSS'in float özelliğini kullanmamaya özen
gösterin. Bir çok e-posta istemcisi float özelliğini desteklememektedir. Bunun
yerine resimlerde align özelliğini kullanabilirsiniz.
CSS Float Özelliğini Kullanmayın

15. Tasarımlarınızda oluşabilecek 1 piksellik bir kayma yada hatalı boyutlandırılan bir
resim bütün tasarımınızın bozulmasına sebep olabilir. Dolayısıyla kampanyalarınızı
göndermeden önce her zaman test edin.
Test Edin

16. • E-posta kampanyalarınızın tasarımları ve içerikleri okunma oranını etkileyen
faktörlerden biridir.
• Sizden gelecek olan kötü bir tasarım yada tasarımda oluşabilecek bozukluklar
okuyucularınız tarafından pek hoş karşılanmayacak, ileriki kampanyalarınızın
okunma oranına olumsuz etki edecek ve markanızın değerini okuyucularınızın
gözünde düşürecektir. Böyle bir durumla karşılaşmamak için içeriğinizi
olabildiğince standart kurallara uyarak hazırlamanız ve her gönderim öncesi
test etmeniz gerekmektedir.
• Burada paylaşılan bilgiler Türkiye’de ve yurtdışında yapılan e-posta
gönderimleri, bazı veriler ve sektöre ilişkin tecrübemiz göz önüne alınarak
ortaya çıkartılmıştır.
• Sizlere daha fazla destek olabileceğimiz herhangi bir konu olursa lütfen bizi
arayınız.
Emarsys Türkiye Ekibi
Özetlersek

17. İletişim
Emarsys Türkiye
: Spring Giz Plaza Kat:12 Maslak/İstanbul
: 0 212 342 06 06
: Emarsys_Turkey
: turkey@emarsys.com
: www.emarsys.com