Marka Logonuzu BIMI Uyumlu SVG'ye Dönüştürme: Teknik Özellikler Açıklandı
Logonuzu BIMI uyumlu bir SVG'ye dönüştürerek markanızın gelen kutularında öne çıkmasını sağlayın. İşte pazarlamacıların ve tasarımcıların süreç hakkında bilmesi gerekenler.
BIMI Neden Özel Bir SVG Formatı Gerektiriyor?
Markanızın logosunu BIMI aracılığıyla e-posta gelen kutularında görüntülemek için logonuzun oldukça spesifik bir SVG formatında olması gerekir: SVG Tiny 1.2, SVG Portable/Secure (SVG P/S) olarak daha da geliştirilmiştir. Bu format, standart SVG Tiny 1.2'den daha katıdır ve tam uyumluluk için manuel ayarlamalar gerektirir. Bu adımlar atılmazsa, logonuz tarayıcıda iyi görünse bile görüntülenmeyebilir.
Logonuzu Dönüştürmek İçin Adım Adım Kılavuz
- Vektör Dosyası ile Başlayın: Gerçek bir vektör dosyası (.ai, .eps, .pdf veya .svg) kullanın. Doğrudan vektöre dönüştürülemeyecekleri için raster formatlarından (PNG, JPEG) kaçının.
- Adobe Illustrator'da açın: Vektör logonuzu Illustrator'da açın ve en iyi uyumluluk için tek katmanlı, kare bir görüntü olduğundan emin olun.
- SVG Tiny 1.2 olarak dışa aktarın: Dosya > Farklı Kaydet > SVG (SVGZ değil) seçeneğine gidin. SVG seçeneklerinde profil olarak "SVG Tiny 1.2 "yi seçin. Dosyanızı tümüyle küçük harflerle, boşluk veya özel karakter içermeyecek şekilde adlandırın (örn. marka-logo-bimi.svg).
- SVG'yi BIMI Uyumluluğu için düzenleyin: SVG dosyasını bir kod/metin düzenleyicide açın.
<svg>etiketindekibaseProfileniteliğini "tiny" yerine "tiny-ps" olarak değiştirin.<svg>etiketinden tümx=veyay=niteliklerini kaldırın. Erişilebilirlik için bir<title>öğesi (en fazla 65 karakter) ve (isteğe bağlı) bir<desc>öğesi ekleyin. - İzin Verilmeyen Öğeleri Kontrol Edin: SVG'nin hiçbir komut dosyası, animasyon, harici bağlantı veya gömülü raster görüntü içermediğinden emin olun. Arka plan düz bir renk olmalı, şeffaf olmamalıdır.
- Dosya Boyutunu Optimize Edin: SVG dosyası 32 kilobaytı geçmemelidir. Gereksiz meta verileri veya kod şişmesini kaldırın.
- SVG'nizi Doğrulayın: Uygunluğu kontrol etmek için çevrimiçi BIMI veya SVG doğrulayıcılarını kullanın. Bitmap referansı olmadığını doğrulamak için SVG'yi bir tarayıcıda veya kod düzenleyicide açın (base64 PNG verileriyle "img/" veya "xlink:href" arayın).
- Güvenli bir şekilde barındırın: BIMI gereksinimlerini karşılamak için SVG'yi HTTPS özellikli bir sunucuya yükleyin.
Sık Karşılaşılan Tuzaklar ve Bunlardan Kaçınma Yolları
- Yanlış SVG Profili: Birçok araç standart SVG veya SVG Tiny 1.2'yi dışa aktarır, ancak SVG P/S uyumluluğu için manuel olarak düzenlemeniz gerekir.
- x/y Öznitelikleri: Illustrator varsayılan olarak x= ve y= ekler; BIMI için bunları kaldırın.
- Eksik Başlık Etiketi: Erişilebilirlik ve uyumluluk için her zaman bir <title> ekleyin.
- Gömülü Bitmapler: SVG'nizin %100 vektör olduğundan emin olun - PNG veya JPEG referansı yok.
- Büyük Boyutlu Dosyalar: Ekstra kodu kaldırarak ve yolları optimize ederek 32 KB'nin altında tutun.
BIMI Uyumlu SVG için Son Kontrol Listesi
Bimi Metin
- Vektör tabanlı, kare logo: Logonuzun gerçek bir vektör olduğundan ve kare en boy oranına sahip olduğundan emin olun.
- SVGTiny 1.2 profili, SVG P/S olarakdüzenlenmiş: SVG Tiny 1.2 olarak dışa aktarın, ardından
<svg>etiketindebaseProfile="tiny-ps"olarak düzenleyin. - <svg> içinde x= veya y= öznitelikleri yok:
<svg>etiketindeki tümx=veyay=niteliklerini kaldırın. - <title> etiketi mevcut: Erişilebilirlik ve uyumluluk için bir
<title>etiketi (en fazla 65 karakter) ekleyin. - Komut dosyası, animasyon veya harici bağlantı yok: SVG herhangi bir komut dosyası, animasyon veya harici kaynak bağlantısı içermemelidir.
- Gömülü raster görüntü yok: SVG'nin gömülü PNG veya JPEG görüntüleri olmadan %100 vektör olduğundan emin olun.
- Düz arka plan rengi: Güvenilir görüntüleme için saydamlık yerine düz bir arka plan rengi kullanın.
- Dosya boyutu ≤ 32 KB: Dosya boyutunu 32 kilobayt veya altında tutmak için SVG'nizi optimize edin.
- HTTPS'de barındırıldı: SVG'yi güvenli, HTTPS özellikli bir sunucuya yükleyin.
Logonuzu BIMI için dönüştürme konusunda yardıma mı ihtiyacınız var?
Uygulamalı SVG uyumluluk desteği ve gelen kutusu markalama başarısı için temsilcilerimizle iletişime geçin!
BIMI logo biçimlendirmesi hakkında daha fazla ayrıntı için SVG Tiny 1.2: Pazarlama Direktörlerinin Bilmesi Gerekenler hakkındaki SSS bölümümüzü inceleyin.
SVG P/S uyumluluğu: SVG Tiny 1.2 dosyanızı BIMI'nin daha katı gereksinimleri için düzenleyin.
Bitmap veya komut dosyası yok: Yalnızca saf vektör grafiklerine izin verilir.
Başlık etiketi ve HTTPS: BIMI gelen kutusu ekranı için her zaman bir başlık etiketi ekleyin ve güvenli bir şekilde barındırın.