Saiz Imej Buletin E-mel dan Had Fail

Pastikan setiap imej buletin di bawah 100 KB, saizkan imej kepada dua kali ganda lebar paparan, dan gunakan JPG atau PNG berbanding WebP. Gmail memotong mana-mana mesej yang Hypertext Markup Language (HTML) miliknya melebihi kira-kira 102 KB, menggantikan selebihnya dengan pautan Lihat keseluruhan mesej.

Kebanyakan pengirim menyedari had pemotongan ini dengan cara yang sukar, biasanya apabila pautan nyahlanggan dan piksel penjejakan berada di bawah bahagian yang dipotong. Imej sering kali menjadi punca, sama ada kerana ia dimasukkan secara terus dalam mesej atau kerana markup di sekelilingnya telah berkembang dalam beberapa kempen.

Perkara yang sebenarnya diukur oleh had pemotongan Gmail

Gmail mengukur sumber HTML mesej tersebut, bukannya imej yang dipautkan. Buletin yang memautkan kepada 10 foto besar kekal berada di bawah had, manakala mesej dengan gaya inline yang berat dan imej terbenam tidak.

Perbezaan ini penting kerana penyelesaiannya berbeza. Imej yang dipautkan tidak dikira dalam angka 102 KB tersebut, jadi pemotongan biasanya disebabkan oleh gaya inline yang berulang, parameter penjejakan yang panjang pada setiap pautan, atau imej yang dimasukkan sebagai data base64. Mengeluarkan imej terbenam dan mengurangkan markup menyelesaikan masalah pemotongan, manakala memampatkan foto yang dipautkan menyelesaikan masa memuatkan.

Saiz imej yang disyorkan untuk e-mel

Reka bentuk badan e-mel pada lebar 600 piksel dan eksport imej pada 1200 piksel untuk skrin berketumpatan tinggi. Standard 600 piksel telah bertahan selama bertahun-tahun kerana ia sesuai dengan setiap anak tetingkap pratonton klien desktop tanpa perlu menatal secara mendatar.

Menggandakan lebar eksport sudah memadai untuk paparan berketumpatan tinggi dan berhenti di situ. Mengeksport pada 3 kali ganda lebar paparan menambah saiz fail yang tidak akan dipaparkan dengan lebih baik oleh mana-mana klien e-mel, dan e-mel ialah satu-satunya saluran di mana setiap kilobait dimuat turun pada telefon.

Mengapa WebP masih merupakan pilihan yang salah dalam e-mel

Sokongan klien e-mel untuk WebP masih tidak sekata, dan Outlook khususnya kekal sukar diramal. E-mel ialah salah satu daripada beberapa tempat yang tinggal di mana format lama yang selamat adalah pilihan yang tepat.

Semua pelayar web menyokong WebP, yang menyebabkan orang ramai menganggap klien e-mel juga menyokongnya. Outlook desktop memaparkan mesej dengan enjin yang berbeza sama sekali, dan beberapa sistem mel korporat membuang atau gagal memaparkan format yang tidak dikenali. Imej yang rosak dalam buletin adalah jauh lebih merugikan berbanding penjimatan fail 30 peratus yang ditawarkan oleh WebP, jadi JPG dan PNG kekal betul di sini.

Pilihan format di dalam e-mel

Gunakan JPG untuk foto dan PNG untuk logo, butang dan apa-apa sahaja yang mengandungi teks. Peraturannya adalah sama seperti di web, dan kesannya lebih ketara kerana imej e-mel selalunya kecil.

• JPG untuk foto produk, imej pengepala dan sebarang gambar pemandangan sebenar.
• PNG untuk logo, ikon dan grafik dengan warna rata atau tepi teks yang tajam.
• GIF Beranimasi hanya apabila animasi tersebut membawa maksud, dan pastikan ia di bawah 1 MB.
• Elakkan WebP dan AVIF, kerana kedua-duanya tidak dipaparkan secara konsisten di semua klien mel.
• Elakkan SVG sepenuhnya, kerana kebanyakan klien e-mel menyekatnya atas sebab keselamatan.

Imej disekat secara lalai dalam banyak klien

Ramai penerima melihat e-mel anda dengan imej dimatikan, jadi mesej tersebut mesti masih boleh difahami sebagai teks. Sistem mel korporat dan pengguna yang mementingkan privasi menyekat imej luaran sehingga pembaca memilih untuk memuatkannya.

Tulis teks alt pada setiap imej, kerana imej yang disekat akan memaparkan teks tersebut sebagai ganti. Jangan sekali-kali meletakkan maklumat penting, termasuk tawaran, tarikh akhir atau seruan tindakan, di dalam imej sahaja. Buletin yang dibina sepenuhnya daripada satu grafik besar akan menjadi kotak kosong bagi sebahagian besar senarai penerima, dan ia juga tidak mesra pembaca skrin.

Cara menyediakan imej buletin

Untuk memastikan buletin pantas dan mudah dibaca, ikuti 7 langkah ini.

1. Reka bentuk e-mel pada lebar 600 piksel, yang dipaparkan oleh setiap klien desktop tanpa perlu menatal.
2. Pangkas setiap imej mengikut bentuk tepat yang akan diisi dalam susun atur.
3. Ubah saiz kepada dua kali ganda lebar paparan, dan tidak lebih daripada itu.
4. Tukar kepada JPG untuk foto atau PNG untuk grafik yang mengandungi teks.
5. Mampatkan setiap fail kepada sasaran di bawah 100 KB.
6. Hoskan imej pada platform penghantaran anda atau pelayan anda sendiri berbanding memasukkannya secara terus dalam mesej.
7. Hantar ujian ke Gmail, Outlook dan telefon sebelum menjadualkan kempen.

Jumlah saiz e-mel lebih penting daripada mana-mana imej tunggal

Pastikan keseluruhan mesej di bawah 600 KB termasuk imej, kerana pelanggan membuka buletin pada telefon, selalunya dengan sambungan yang lemah. Buletin bersaiz 5 MB lambat dimuatkan dan akan ditutup sebelum ia sempat dipaparkan.

Kira imej sebelum memampatkan apa-apa. Buletin yang mengandungi 12 foto pada 100 KB setiap satu sudah mencecah 1.2 MB, yang menunjukkan bahawa susun atur memerlukan lebih sedikit imej berbanding imej yang lebih kecil. Mengurangkan jumlah imej biasanya meningkatkan prestasi dan kebolehbacaan, memandangkan buletin panjang yang padat dengan imej jarang dibaca sehingga tamat.

Mod gelap mengubah rupa imej

Beberapa klien menyongsangkan atau melaraskan warna dalam mod gelap, dan logo pada latar belakang putih akan menjadi kotak terang dalam mesej gelap. Uji setiap kempen dalam mod gelap sebelum menghantar.

Gunakan fail PNG dengan latar belakang lut sinar untuk logo dan ikon supaya ia kelihatan betul pada mana-mana warna. Elakkan imej dengan latar belakang putih jika reka bentuk mengandaikan halaman di belakangnya juga berwarna putih. Foto secara amnya selamat, kerana klien jarang mengubah kandungan foto, manakala grafik rata dan imej teks adalah tempat masalah mod gelap sering muncul.

Skrin Retina dan ketajaman imej

Eksport pada dua kali ganda lebar paparan supaya imej kekal tajam pada skrin berketumpatan tinggi, kemudian mampatkan dengan lebih kuat untuk mengimbangi piksel tambahan. Imej 1200 piksel pada kualiti 70 biasanya kelihatan lebih baik dan lebih ringan berbanding imej 600 piksel pada kualiti 95.

Tetapkan atribut lebar dalam markup kepada saiz paparan dan bukannya saiz fail, supaya klien memaparkan imej pada 600 piksel sambil menggunakan butiran tambahan tersebut. Meninggalkan atribut lebar menyebabkan sesetengah klien memaparkan imej pada saiz piksel penuhnya, yang merosakkan susun atur pada desktop.

Menyemak kempen sebelum ia dihantar

• Hantar ujian ke Gmail, Outlook, Apple Mail dan sekurang-kurangnya satu telefon.
• Lihat ujian dengan imej disekat, bagi memastikan mesej masih boleh difahami.
• Pastikan mesej tidak dipotong dalam Gmail, yang menunjukkan pautan Lihat keseluruhan mesej pada bahagian yang dipotong.
• Sahkan setiap imej mempunyai teks alt yang menerangkan perkara yang ditunjukkan.
• Semak paparan mod gelap, terutamanya untuk logo dan grafik rata.
• Tambah jumlah saiz semua imej dan sahkan ia kekal di bawah 600 KB.

Menyediakan kempen dalam satu kelompok

Proses setiap imej dalam buletin bersama-sama supaya keseluruhan kempen berkongsi satu spesifikasi. Sesuatu buletin biasanya mengandungi 5 hingga 15 imej, dan pengirim mingguan menyediakan beratus-ratus imej sepanjang tahun.

Tetapkan lebar dan sasaran KB sekali sahaja, masukkan imej, dan setiap fail akan disesuaikan secara automatik. Semuanya berjalan di dalam pelayar anda pada pemproses anda sendiri, jadi tawaran yang belum diumumkan, senarai pelanggan yang dipaparkan sebagai imej dan kerja kempen klien tidak pernah sampai ke pelayan. Bagi agensi yang menyediakan pelancaran, memastikan fail tersebut kekal di komputer tempatan mengelakkan pendedahan maklumat yang tidak dapat dijustifikasikan oleh sebarang penjimatan mampatan.

Simpan folder templat berisi imej ganti bersaiz betul untuk setiap blok susun atur yang berulang, seperti pengepala, baris produk 2 lajur dan logo pengaki. Pengirim mingguan menggunakan semula 4 atau 5 bentuk yang sama secara berterusan, dan menyesuaikan karya seni baharu kepada spesifikasi sedia ada mengambil masa yang lebih singkat berbanding menentukan dimensi semula untuk setiap kempen.