Membuat file SVG BIMI (langkah-langkah mendetail)

Halaman ini menjelaskan cara membuat file SVG BIMI, sehingga Anda dapat menambahkan logo ke pesan email dengan BIMI.

Saat ini, belum ada aplikasi untuk membuat file SVG yang memenuhi semua persyaratan BIMI. File SVG untuk BIMI biasanya perlu dimodifikasi secara manual menggunakan editor teks, atau dengan skrip khusus. Pelajari alat yang direkomendasikan untuk membuat file SVG BIMI.

Anda dapat menggunakan Adobe Illustrator untuk membuat file SVG, lalu membuat beberapa perubahan kecil dengan editor teks. Saat membuat file SVG, pastikan Anda mengikuti persyaratan dan rekomendasi file SVG.

  1. Buka gambar vektor sumber Anda di Illustrator. Pastikan gambar file memenuhi persyaratan dan rekomendasi berikut untuk gambar BIMI Gmail (yang merupakan tambahan dari persyaratan standar BIMI):
    1. Tinggi dan lebar minimum adalah 96 piksel.
    2. Ukuran gambar harus ditentukan dalam piksel dengan nilai mutlak. Contoh: width="96" height="96"
    3. Jangan gunakan dimensi relatif untuk menentukan ukuran gambar. Contoh: width="100%" height="100%"
    4. Gambar logo harus berada di tengah kotak.
    5. Gambar logo akan ditampilkan sebagai latar belakang dalam warna solid. Latar belakang transparan mungkin tidak ditampilkan seperti yang diinginkan.
    6. Ukuran file SVG harus 32 KB atau lebih kecil.
    7. File SVG harus menyertakan elemen <desc> (deskripsi) untuk aksesibilitas.
    8. File SVG tidak boleh menyertakan: Bitmap, link ke file lain, teks, atau objek yang dikelompokkan. Agar teks disimpan dalam file sebagai objek, gunakan fitur Create outlines di Illustrator.
  2. Pilih File > Save as…
  3. Di jendela Simpan Sebagai:
    • Masukkan nama file di kolom Save As. Sebaiknya hanya gunakan huruf kecil dan tanda pisah, misalnya logo-bimi.svg. Jangan gunakan karakter khusus.
    • Di samping Format, pilih SVG (svg). Jangan pilih SVG Compressed (svgz).
  4. Klik tombol Simpan.
  5. Di jendela SVG Options:
    • Di samping SVG Profiles, pilih SVG Tiny 1.2.
    • Di samping Image Location, pilih Preserve.
  6. Klik tombol OK untuk menyelesaikan penyimpanan file.

  7. Buka file di editor teks. Anda akan mengedit bagian pertama file, yang akan tampil seperti ini:

    <?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="96px"
y="96px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve">
<g id="design">

  8. Ubah baris 3 dan 4 file teks:

    • Pastikan nilai svg version adalah 1.2. Jika bukan, ubah menjadi 1.2.
    • Ubah nilai baseProfile menjadi tiny-ps.
    • Hapus atribut serta nilai x dan y.
    • Tambahkan tag <title> dan nilai seperti yang ditunjukkan dalam contoh di Langkah 8. Judul harus ada setelah <svg dan sebelum <g>.

  9. Setelah mengedit, pastikan bahwa bagian pertama dari file tampak seperti ini:

    <?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
overflow="visible" xml:space="preserve">
<title>Solarmora Services</title>
<g id="design">

  10. Simpan perubahan ke file teks. Ekstensi file harus .svg.

Langkah berikutnya

Selanjutnya, dapatkan VMC serta file PEM dan sertifikat terkait.


Google, Google Workspace, serta merek dan logo terkait adalah merek dagang Google LLC. Semua nama perusahaan dan produk lainnya adalah merek dagang dari masing-masing perusahaan yang bersangkutan.