---
title: "E-posta bültenlerinde hero görseli: dosya boyutu, genişlik ve above the fold düzeni"
date: 2026-04-06
author: "xcropimage.io Team"
tags: ["e-posta pazarlama", "hero görsel", "görsel optimizasyon", "SEO", "newsletter"]
lang: "tr"
description: "Bülten hero görsellerinde dosya ağırlığı, genişlik ve üst katman düzeni; teslim edilebilirlik ve tıklama için ipuçları."
---

## Giriş

E-posta bültenlerinde **hero görseli**, açılışta markanızı ve teklifi taşır; ancak ağır dosyalar **yüklenmeyi geciktirir**, metin önce gelirse düzen bozulur. Birçok istemci görselleri varsayılan olarak kapalı açar—bu yüzden **başlık + CTA** her zaman tek başına çalışmalıdır. Bu yazıda dosya boyutu, tipik genişlikler, fold düzeni ve test önerilerini bir araya getiriyoruz.

<figure>
<img src="/blog-images/eposta-bulteni-hero-gorseli-dosya-duzen.jpg" alt="E-posta bültenlerinde hero görseli: dosya boyutu, genişlik ve above the fold düzeni." width="1200" height="630" loading="lazy" decoding="async" />
<figcaption>E-posta bültenlerinde hero görseli: dosya boyutu, genişlik ve above the fold düzeni.</figcaption>
</figure>

**Bu serinin önceki yazısı:** [WebP ve AVIF: yayın ve tarayıcı uyumluluğu](/blog/webp-avif-yayin-tarayici-uyumlulugu). Görsel sıkıştırma bağlamında [küçük dosya, büyük etki](/blog/kucuk-dosya-buyuk-etki-foto-hazirlama) rehberimiz de faydalıdır.

## Dosya boyutu ve format

* Çoğu istemci harici CSS ile sınırlıdır; **tek parça, optimize JPG/WebP/GIF** kullanın.
* 600–800 px genişlikte hero için **~150–300 KB** hedefi sık kullanılır; abonelerin çoğu mobilde açar.
* Retina için `@2x` kaynağı üretin ancak e-postada **tek URL** ile sınırlı kalın; aşırı çözünürlük gereksiz yükleme yapar.

Litmus ve benzeri kaynaklarda e-posta HTML sınırları anlatılır; [Litmus blog](https://www.litmus.com/blog/) üzerinden güncel istemci davranışlarını takip etmek iyi bir alışkanlıktır.

## Genişlik ve “above the fold”

* Tasarım genelde **600 px** civarı sabit genişlikle test edilir; hero **tam genişlik** veya merkez hizalı olabilir.
* Üstte net bir **başlık + tek CTA** ile görseli destekleyin; görsel yüklenmese bile mesaj anlaşılmalıdır.
* [CAN-SPAM ve izin](https://www.ftc.gov/business-guidance/resources/can-spam-act-compliance-guide-businesses) gibi düzenlemeler metin ve gönderici bilgisini önemser; görsel yedek metin (alt) eklemeyi unutmayın.

## Görsel kapalı senaryo

Görseller kapalıyken marka kaybolmasın diye [e-postada görsel yokluğu](/blog/eposta-gorsel-yoklugu-metin-sablonu-marka) rehberindeki metin ağırlıklı şablon ilkelerini uygulayın.

## Yayın öncesi mini kontrol listesi

1. Görsel kapalı önizleme (çoğu ESP’de “images off” modu).
2. Mobil genişlikte taşma ve küçük font kontrolü.
3. Aynı hero’yu web’de kullanacaksanız boyut ve format ayrımı ([WebP/AVIF](/blog/webp-avif-yayin-tarayici-uyumlulugu)).

## SEO ve analitik

E-postanın kendisi arama indeksinde sayfa gibi çalışmaz; ancak **kampanya tutarlılığı** ve **açılış sayfası** görselleri SEO’yu etkiler. Aynı hero’yu web’de kullanacaksanız [blog kapak görseli ipuçları](/blog/dikkat-cekici-kapak-gorseli-puf-noktalari) ile uyumlu boyut seçin.

## İngilizce paralel

[Email newsletter hero images](/blog/email-newsletter-hero-image-file-size-layout) aynı konuyu İngilizce özetler.

## Sonuç

Hero görselini **hafif**, **sabit genişliğe uygun** ve **mesajı destekleyen** tutun. [Kırpma](/crop) ve [yeniden boyutlandırma](/resizer) ile bülten ölçülerine kilitleyin; [dönüştürme](/convert) ile web varyantı üretin.