┬áTips Desain Email HTML – Berurusan Dengan Gambar

Berurusan dengan Gambar di Email

Pengkodean email HTML tidak sama dengan pengkodean halaman web HTML, sayangnya, karena klien email seperti Outlook 2007 dan Gmail hanya mendukung subkumpulan kode HTML (sekitar 45% untuk spesifik.) Dengan mengingat hal ini, berikut adalah hal penting untuk diingat saat menggunakan gambar dalam email HTML.

Berurusan dengan Gambar di Email: Pemblokiran gambar = Konten X-rated

Secara default, Outlook, Yahoo, Gmail, dan klien email lainnya. Nonaktifkan tampilan gambar secara default, sehingga penerima Anda harus mengklik kanan atau secara eksplisit memilih untuk menampilkan gambar. Ada sekitar 70% kemungkinan bahwa email grafis HTML yang bagus, buatan tangan akan terlihat seperti penjajaran acak merah & # 39; Xs & # 39; ketika sudah diterima. Jadi, ketika mendesain email Anda, mulailah dengan mengasumsikan bahwa penerima Anda akan memiliki tampilan gambar yang dimatikan. Selanjutnya, anggap bahwa 105% dari penerima Anda akan terlalu malas untuk mengaktifkan tampilan gambar. Kemudian pastikan bahwa email Anda menyampaikan informasi penting melalui teks email. Kami menyarankan aturan 80/20: 80% teks hingga 20% gambar di email Anda.

File gambar sebenarnya tidak dikirim sebagai bagian dari email HTML (Catatan – Anda dapat mengirim gambar bersama sebagai bagian dari lampiran MIME tetapi ini jarang digunakan.) Gambar di-host di server Anda, (atau di server kami secara gratis jika Anda adalah pelanggan Pinpointe.) Ketika penerima Anda memutuskan untuk melihat gambar, gambar diunduh. Jadi pastikan untuk menggunakan jalur yang mutlak dan sepenuhnya memenuhi syarat untuk gambar apa pun. Sebagai contoh:

Ini berfungsi: CATATAN: Saya telah mengganti karakter dengan [and] sehingga ditampilkan dalam ezines:

  [img src = "http://www.imageserver.com/pretty-image.gif"] 
Ini tidak bekerja:
[img src = "../ images / pretty-image.gif"]

Saldo Salin dan Gambar

Buat tata letak yang memastikan teks Anda mengalir di sekitar gambar sedemikian rupa sehingga pembaca Anda dapat fokus pada pesan, bukan ruang merah & kosong. Sepanjang baris yang sama, hindari tata letak format yang dimulai dengan gambar spanduk, yang akan membuat titik mati besar di bagian atas pesan dan jendela pratinjau klien saat tampilan gambar dinonaktifkan.

Penting juga untuk menyeimbangkan jumlah teks vs grafik di email Anda untuk alasan SPAM. Banyak filter email menghasilkan skor SPAM berdasarkan grafik & # 39; ke teks & # 39; perbandingan. Teknik pemblokiran SPAM ini dikembangkan karena versi sebelumnya dari SPAM firewall yang disaring pada konten teks, tetapi kemudian spammer licik mulai membuat pesan yang benar-benar merupakan gambar yang sangat besar. Kebanyakan filter SPAM sekarang memberi peringkat teks ke rasio grafik sebagai mekanisme peringkat spam lainnya.

Gunakan ALT-text Tag

HTML memungkinkan Anda untuk melampirkan tag teks deskriptif ke gambar grafik. Teks ditampilkan ketika grafik tidak atau tidak dapat ditampilkan. Jika gambar IS ditampilkan, teks ALT akan ditampilkan ketika kursor berada di atas gambar. Either way, kamu menang. Perhatikan bahwa Outlook 2007/2010 tidak menampilkan teks ALT; namun hampir semua klien email melakukannya, dan menggunakan teks ALT tidak menyebabkan masalah apa pun dengan Outlook, jadi kami sangat menyarankan menggunakan teks ALT.

Berikut ini cara menambahkan tag ALT. Pertama, buka tag Gambar (IMG), lalu tambahkan atribut ALT-text. Kode HTML akan terlihat seperti ini: (CATATAN: Saya telah mengganti karakter dengan [and] sehingga mereka ditampilkan dalam ezines)

    [imgsrc="http://wwwimageservercom/pretty-imagegif">[imgsrc="http://wwwimageservercom/pretty-imagegif">
alt = "Pesan ini akan muncul jika gambar diblokir"]

Ukuran Gambar Benar

Yang terbaik adalah ukuran gambar yang tepat sebelum mengirim. Kami telah menerima semua email yang disematkan yang berukuran 800×600 tetapi ditampilkan di email dengan resolusi katakanlah, 200×150. Ini terjadi ketika dimensi gambar disetel ke 200×150 di email. Ini ditampilkan dengan benar di sebagian besar (tetapi tidak semua) klien email tetapi ketika email dibuka, pengguna harus mengunduh file gambar yang 16x lebih besar dari yang seharusnya.

Hindari Spacer Images

Sementara kombinasi gambar spacer dan nested tables sangat populer di web sepuluh tahun yang lalu, pemblokiran gambar di banyak klien email telah mengesampingkannya sebagai teknik yang andal saat ini. Sebagian besar klien mengganti gambar dengan placeholder kosong dalam dimensi yang sama, yang lain menghapus gambar sama sekali. Ini dapat menyebabkan kesan pertama yang buruk bagi banyak pelanggan Anda. Tetap gunakan lebar sel tetap agar pemformatan tetap pada tempatnya dengan atau tanpa gambar.

Selalu sertakan dimensi gambar Anda

Jika Anda lupa mengatur dimensi untuk setiap gambar, sejumlah klien akan menciptakan ukuran mereka sendiri ketika gambar diblokir dan merusak tata letak Anda. Beberapa klien email akan mengabaikan dimensi yang ditentukan dalam kode dan bergantung pada dimensi sebenarnya dari gambar Anda, tetapi kami menyarankan untuk mengatur ukuran gambar secara eksplisit.

Hindari Format Gambar PNG

Lotus Notes 6 dan 7 tidak mendukung gambar PNG 8-bit atau 24-bit, jadi tetap dengan format GIF atau JPG untuk semua gambar, bahkan jika itu berarti beberapa ukuran file tambahan.

Jangan Gunakan Mengapung Gambar

Outlook 2007, Outlook 2010, dan versi sebelumnya Lotus Notes tidak menawarkan dukungan untuk properti float. Sebagai gantinya, gunakan atribut align dari tag .img untuk mengapungkan gambar dalam email Anda, seperti contoh di bawah ini (CATATAN: Saya telah mengganti karakter dengan [and] sehingga mereka ditampilkan dalam ezines.)

  [img src = "http://www.site.com/image.jpg" align = "right"] 

Jika Anda melihat perilaku gambar aneh di Yahoo, tambahkan kode align = "top" ke gambar Anda sering dapat memecahkan masalah ini.

Memahami dan Menggunakan Panel Pratinjau

Lebih dari 70% pelanggan Enterprise menggunakan Outlook, yang menampilkan pratinjau 4 baris ketika penerima Anda menggunakan & # 39; Pratinjau Otomatis & # 39; pane (kebanyakan orang melakukannya.) Jika hal pertama dalam email Anda adalah grafik atau serangkaian tautan ke gambar grafis, maka pratinjau Outlook yang dihasilkan hanya akan menampilkan URL tautan di inbox penerima.

Jika artikel ini bermanfaat, silakan bagikan! Lihat artikel lain milik Pinpointe untuk kiat lainnya tentang Desain dan pengiriman Email.

Artikel ini berasal dari Situs Judi Bola yang merupakan website terpercaya di indonesia ini.