Ukuran Email: Dimensi Ideal Untuk Template Anda [2022]

Pernah bertanya-tanya berapa ukuran email ideal untuk templat buletin Anda? Apakah Anda perlu memilih lebar dan tinggi tertentu untuk mereka?

Nah, jawaban singkatnya adalah ya. Jawaban panjangnya sedikit lebih kompleks. Namun, jangan khawatir, karena kami akan menjelajahi semua yang perlu Anda ketahui tentang dimensi ideal dan berapa banyak piksel (px) yang harus dirender dengan benar.

Untuk memberi Anda gambaran, hari ini kita akan melihat ukuran penting, termasuk:

• Lebar dan tinggi templat
• Ukuran file kampanye
• Judul email
• Blok konten dan footer

Tanpa basa-basi lagi, mari kita lihat mereka!

Dimensi Template Email: Ikhtisar

Jika Anda sedang terburu-buru untuk mengetahui ukuran terbaik untuk buletin Anda , Anda dapat memeriksa tabel di bawah ini:

Sekarang, mari kita lihat mereka lebih teliti!

Ukuran Email – Anatomi Elemen

Berikut adalah contoh buletin email dan elemen yang akan kita periksa:

Kampanye ini memiliki lebar 664 px dan tinggi 2549 px. Desain email ditampilkan dengan baik di kotak masuk Gmail dan Outlook dan ditampilkan dengan benar di perangkat seluler. Ketika datang ke ukuran file, itu adalah 57,8 KB, yang berada dalam batas ukuran ideal.

Sebelum kita melanjutkan, perlu diingat bahwa desain Anda mungkin ditampilkan secara berbeda bergantung pada resolusi dan ukuran layar pelanggan Anda . Jadi sekarang kita tahu apa yang akan kita periksa, mari kita mulai menjelajahi ukuran "ideal" ini satu per satu!

Ukuran Email Terbaik: Lebar, Tinggi & Berat

Dimulai dengan dimensi template email HTML yang penting , mari cari tahu lebar, tinggi, dan "berat" terbaik yang diperlukan untuk menghindari masalah dengan klien email populer seperti Gmail, Outlook.com, Yahoo Mail, dan banyak lagi.

Lebar Email

Sebagian besar kiat pemasaran menyoroti bahwa lebar ideal harus 600 px . Jadi apa artinya ini? Apakah semua template Anda perlu tidak lebih dari itu agar efisien?

Yah, tidak. Meskipun 600 px adalah lebar template email standar, Anda dapat memiliki template yang lebih lebar. Alasan untuk ini adalah bahwa klien email saat ini jauh lebih maju daripada di masa lalu. Jadi menampilkan template yang lebih luas tidak menjadi masalah lagi.

Namun demikian, meskipun Anda dapat bereksperimen dengan lebar, Anda harus tahu bahwa Gmail mungkin tidak menampilkan warna latar belakang untuk desain yang berukuran lebih dari 640 piksel. Ini bisa mengecewakan kampanye Anda, jadi cara termudah untuk menghindarinya adalah dengan menggunakan tata letak dengan lebar maksimum 640 px .

Di bawah ini, Anda dapat melihat pesan email dari Apple dengan lebar 736 px:

Jika Anda ingin menggunakan template yang lebih lebar, pastikan untuk memanfaatkan berbagai alat pratinjau email untuk memastikan bahwa lebar yang Anda pilih tidak akan menimbulkan masalah.

Selain itu, ada baiknya untuk mengetahui bahwa sebagian besar pembuat template email seperti Moosend dan Mailchimp menawarkan desain yang secara default lebar 600 px, jadi Anda tidak perlu khawatir tentang ukuran template email.

Tinggi Email

Sekarang mari kita bicara tentang tinggi template email . Di sini, Anda dapat memilih hingga 1500 px atau lebih tergantung pada konten yang ingin Anda sajikan.

Anda dapat menjadi "liar" dengan ukuran email ini tetapi ingat bahwa pelanggan Anda harus dapat mencerna pesan tanpa menggulir hingga tak terhingga untuk langsung ke intinya!

Idealnya, template Anda harus berukuran antara 1500 dan 3000 px . Jika menurut Anda 3000 px tidak banyak, mari kita lihat contoh nyata dari The Citizenry:

Contoh di atas memiliki ketinggian 2230 px, yang dapat dilihat oleh pelanggan dalam beberapa gulungan.

Tentu saja, banyak pemasar email akan memilih ketinggian yang lebih besar untuk kampanye mereka. Sambil menunjukkan kepada audiens Anda semua yang Anda tawarkan, jangan lupa bahwa rentang perhatian kami sangat pendek, telah menurun secara signifikan dalam 15 tahun terakhir!

Jadi, ketinggian 2000-25000 px lebih baik daripada meminta penerima Anda menggulir template tanpa akhir untuk mendapatkan CTA Anda!

Berat Email

Nah, sekarang setelah Anda mengetahui tentang lebar dan tinggi kampanye Anda, mari luangkan waktu sejenak untuk membicarakan tentang ukuran file terbaik untuk template Anda .

Umumnya, Anda ingin membuat pesan yang akan masuk ke kotak masuk pelanggan Anda tanpa masalah. Baris subjek berisi spam biasanya menjadi penyebab pemicu filter spam. Tapi tahukah Anda bahwa ukuran file email Anda juga bisa menjadi penyebab pengiriman email yang buruk?

Untuk menghindari itu, Anda harus menjaga "berat" email Anda cukup ringan. Ini berarti Anda harus memiliki kampanye email dengan isi antara 20 dan 102 KB .

Berikut adalah tiga cara cepat untuk menghindari masalah rending:

• Bertujuan untuk ukuran file email maksimum 102 KB
• Gunakan elemen visual (GIF, gambar) dengan bijak
• Tinggalkan lampiran besar

Kliping kotak masuk

Tapi apa jadinya jika email Anda lebih dari 102 KB? Nah, jika Anda mengirimkannya ke alamat Gmail, maka klien email akan memotong pesan Anda .

Kliping email terjadi ketika kampanye melampaui batas ukuran file maksimum. Akibatnya, Gmail akan menyembunyikan atau "menjepit" kampanye Anda, dan pelanggan harus memilih opsi "Lihat seluruh pesan" untuk memeriksanya.

Meskipun Gmail pada akhirnya akan menampilkan pesan Anda kepada mereka, memotong kampanye Anda tidak ideal untuk pengalaman pengguna. Menambahkan langkah ekstra ke proses dapat membuat kontak Anda frustrasi dan menghasilkan rasio klik-tayang dan keterlibatan yang lebih rendah .

Solusinya sederhana: simpan email Anda di bawah 102 KB (75 KB sempurna)!

Dimensi Elemen Kampanye Email

Sekarang setelah kami membahas ukuran email penting yang perlu Anda ketahui, mari cari tahu dimensi yang tepat untuk komponen email Anda , dimulai dengan preheader email Anda.

Email Preheader

Pertama-tama, preheader email Anda adalah baris salinan tambahan yang mengikuti baris subjek Anda. Anda dapat dengan cepat memeriksanya dengan melihat kotak masuk Anda. Biasanya, mereka terlihat seperti ini:

Namun, teks preheader Anda juga terlihat sebagai pesan singkat di atas buletin email Anda. Baris salinan ini dapat memberikan informasi berharga kepada pembaca Anda dan bahkan membiarkan mereka melihat email Anda di browser mereka.

Berikut ini contohnya oleh Sigma Beauty:

Jadi, seberapa besar seharusnya preheader email Anda?

Dalam hal lebar, preheader Anda akan selebar sisa kampanye Anda. Namun, dari segi tinggi, itu harus berada di antara 20 px dan 60 px .

Judul Email

Pindah ke salah satu elemen terpenting kampanye Anda, header email! Seperti yang mungkin Anda perhatikan, kampanye dapat memiliki ukuran header email yang berbeda. Mari kita lihat beberapa contoh.

Ini salah satunya oleh Wendell August Forge:

(600×98 piksel)

Dan satu oleh The Blonde Abroad:

(600×255 piksel)

Kedua header memiliki lebar yang sama yaitu 600 px. Namun, dalam hal ketinggian, yang kedua adalah 255 piksel.

Meskipun header yang lebih kecil seperti Wendell August Forge ideal untuk desktop dan perangkat seluler, memiliki header yang sedikit lebih tinggi tidak akan menjadi masalah (selama Anda mengujinya terlebih dahulu!). Biasanya, tajuk kampanye email Anda harus memiliki tinggi sekitar 60-70 piksel . Namun, jika logo Anda berisi elemen atau menu tambahan, tingginya bisa mencapai 200 px .

Sekali lagi, jangan lupa untuk memeriksa panel pratinjau Gmail atau Outlook atau mode pratinjau alat perangkat lunak pemasaran email Anda! Moosend, misalnya, memiliki fitur desktop dan seluler yang memungkinkan Anda memeriksa tampilan kampanye Anda sebelum mengirimkannya ke daftar email Anda. Anda dapat dengan mudah mendaftar untuk sebuah akun dan mencobanya secara gratis!

Blok Konten Email

Sekarang mari kita lihat ukuran email dari blok konten Anda. Blok ini mungkin memiliki apa saja, mulai dari salinan email dan gambar hingga GIF, video, dan CTA!

Mengenai lebar, blok konten Anda harus mengikuti ukuran template email yang Anda pilih . Namun, dari segi tinggi badan, ada beberapa hal yang perlu Anda perhatikan.

Pertama-tama, untuk memberi audiens Anda pengalaman terbaik, Anda perlu membuat blok konten Anda berharga dan singkat. Blok konten yang panjang akan mengakibatkan pengabaian email, dan waktu baca email yang rendah! Dan Anda tidak membutuhkan semua itu.

Di bawah ini, Anda akan menemukan kampanye pemasaran email oleh Julie Blanner dengan tiga blok konten:

Setiap blok tingginya 344 px dan menyertakan gambar, salinan, dan ajakan bertindak langsung. Secara visual, setiap blok benua mudah dibaca dan digunakan. Desain email minimalis juga membantu tujuan blogger.

Secara total, konten email Julie Blanner tingginya 1032 px, tidak termasuk blok tanda tangan blogger. Jika kami mempertimbangkan semua hal di atas, aman untuk mengatakan bahwa blok konten Anda harus cukup pendek agar pelanggan Anda dapat memeriksanya dalam beberapa gulungan.

Jadi, sekarang kita dapat menyimpulkan bahwa:

• Setiap blok konten harus memiliki tinggi sekitar 200-300 px .
• Tinggi total blok konten Anda harus 800-1200 px .

Ukuran Footer Email

Last but not least, kami memiliki footer kampanye email Anda , di mana Anda dapat menemukan media sosial dan tombol berhenti berlangganan, tautan situs web, dan banyak lagi.

Seperti header Anda, footer dapat bervariasi panjangnya tergantung pada tujuan Anda. Misalnya, ukuran footer Modcloth adalah lebar 600 px dan tinggi 361 px:

Footer di atas bekerja dengan baik dengan desain email karena menyediakan semua informasi penting yang perlu mereka lihat kepada pelanggan sebelum mereka menutup email. Dalam hal ketinggian, ini mungkin panjang, mengingat footer email harus menjadi pilihan terakhir yang cerdas untuk menarik perhatian pelanggan Anda tanpa mengganggu mereka.

Dengan mengingat hal ini, ukuran email ideal untuk footer Anda harus sekitar 100 px . Jika Anda perlu menyertakan lebih banyak elemen seperti tautan situs web, pastikan panjang totalnya tidak lebih dari 300 piksel .

Ukuran Komponen Email Tambahan

Terlepas dari preheader, header, blok konten, dan footer Anda, Anda harus mempertimbangkan spanduk, tombol CTA, dan ukuran gambar Anda. Ayo lihat!

Spanduk Email

Mari kita bicara tentang spanduk sebentar. Pertama, spanduk email biasanya berupa gambar yang disalin yang ditemukan di atas kampanye pemasaran email Anda. Desain spanduk email yang bagus dapat menggairahkan audiens Anda dan memberi mereka lebih banyak alasan untuk terlibat dengan pesan Anda.

Misalnya, inilah contoh spanduk oleh Velasca:

Spanduk merek mencakup semua informasi yang diperlukan untuk menarik perhatian pelanggan . Ini memiliki logo, salinan yang jelas, grafik, dan tombol CTA. Juga, dalam hal ukuran, contoh di atas adalah lebar 600 px dan tinggi 612 px, yang cukup ideal berdasarkan data berikut.

Lebih khusus lagi, menurut Swift Digital, ukuran spanduk yang disarankan harus:

• Lebar 600-700 px (320-385 px untuk perangkat seluler)
• tinggi 1730 piksel

Tombol CTA

Pemasar email e-niaga biasanya menambahkan tombol CTA berwarna-warni untuk mendorong calon pelanggan agar mengambil tindakan. Pemasar B2B, di sisi lain, mungkin menambahkan hyperlink untuk mengarahkan pelanggan mereka ke situs web atau halaman arahan mereka.

Untuk memastikan bahwa tombol Anda sejajar dengan desain email Anda, mari kita lihat beberapa data ukuran email tombol CTA yang menarik:

• Tinggi CTA rata-rata adalah 47,9 piksel
• Apple menyarankan ketinggian 44 px
• Rata-rata CTA memiliki 14 karakter

Seperti yang Anda lihat, tinggi tombol email penting untuk membuat CTA yang efisien. Tapi bagaimana dengan lebarnya? Nah, pemasar email memilih ukuran tombol email yang berbeda berdasarkan tujuan mereka. Perhatikan contoh berikut.

Kings Theater memiliki tombol yang sangat sederhana yang berukuran 122,4 x 41,51 px:

Di sisi lain, Dunia Sihir memilih CTA yang lebih menonjol dengan lebar 300 px dan tinggi 60 px:

Idealnya, CTA Anda harus selaras dengan visual dan desain email Anda untuk memastikannya menonjol tanpa berlebihan.

Dan meskipun tidak ada lebar dan tinggi standar untuk mereka, Anda dapat menggunakan temuan tombol CTA di atas sebagai panduan untuk membuat milik Anda lebih efektif!

Ukuran Gambar Email

Pertama-tama, format file gambar paling populer yang dibaca oleh browser email termasuk JPG (atau JPEG) lama Anda, PNG, dan GIF . Tapi bagaimana dengan dimensi? Nah, dari segi lebar, gambar Anda akan mengikuti ukuran template yang Anda tetapkan. Jadi, jika Anda memiliki lebar 640 px yang ditetapkan, gambar Anda akan mengikutinya.

Namun, dari segi panjang, Anda harus terlebih dahulu mempertimbangkan tujuan gambar Anda. Jika digunakan sebagai spanduk, maka ukurannya harus antara 800-1730 px. Demikian pula, jika Anda menggunakannya sebagai gambar buletin, Anda harus mencapai 1200 px. Namun demikian, tidak ada ukuran gambar email standar yang harus Anda ikuti.

Dalam hal kualitas, Anda harus menggunakan resolusi 72 dpi untuk meningkatkan kinerja visual Anda secara keseluruhan! Dan jangan lupa untuk mengoptimalkan gambar Anda untuk tampilan retina (iPhone, iPad, dll.)!

Editor email seperti Moosend's akan memberi Anda opsi yang sesuai untuk memastikan bahwa pengguna Apple Anda akan mendapatkan pengalaman terbaik, dari segi kualitas gambar.

Terlepas dari dimensi yang benar, pastikan gambar Anda tidak terlalu besar. Anda dapat menghindari kliping dengan menggunakan alat seperti TinyJPG atau Imagesmaller untuk mengompresnya. Jika memungkinkan, cobalah untuk tetap menggunakan format PNG karena lebih dari ideal untuk kampanye email.

Last but not least, perlu diingat bahwa sebagian besar klien email tidak akan menggunakan opsi lebar penuh. Jadi berhati-hatilah saat Anda membuat versi desktop dari pesan Anda sebagai pratinjau, dan apa yang dilihat pelanggan Anda mungkin berbeda!

Ukuran Email Terbaik Untuk Memaku Template Anda

Sekarang setelah Anda mengetahui ukuran template email terbaik, Anda dapat membuat kampanye yang akan ditampilkan dengan benar setiap saat.

Meskipun Anda dapat menggunakan dimensi di atas sebagai referensi, jangan ragu untuk bereksperimen dengannya menggunakan serangkaian alat pengujian. Juga, perhatikan pengguna mobile-first Anda dan kebutuhan akan email yang lebih responsif!

Dengan mengingat hal itu, inilah saatnya untuk membuat buletin pemasaran email berukuran terbaik untuk bisnis Anda!

Dan jika Anda menginginkan alat canggih untuk membantu Anda, pastikan untuk mencoba Moosend secara gratis untuk membuat email responsif yang akan mengejutkan audiens Anda!