Tworzenie pliku SVG spełniającego wymagania BIMI (szczegółowe instrukcje)

Na tej stronie znajdziesz informacje o tym, jak utworzyć plik SVG spełniający wymagania BIMI, aby dodać logo do e-maili za pomocą wymagań BIMI.

Obecnie nie ma aplikacji do tworzenia plików SVG spełniających wszystkie wymagania BIMI. Aby zapewnić zgodność z tymi wymaganiami, plik SVG zwykle trzeba zmodyfikować ręcznie w edytorze tekstu lub za pomocą specjalnego skryptu. Poznaj zalecane narzędzia do tworzenia pliku SVG spełniającego wymagania BIMI.

Plik SVG możesz utworzyć w programie Adobe Illustrator, a następnie wprowadzić w pliku drobne zmiany za pomocą edytora tekstu. Tworząc plik SVG, pamiętaj o stosowaniu się do wymagań i zaleceń dotyczących plików SVG.

  1. Otwórz źródłowy obraz wektorowy w programie Illustrator. Sprawdź, czy obraz w pliku spełnia te wymagania i zalecenia dotyczące obrazów BIMI w Gmailu (które stanowią uzupełnienie standardowych wymagań BIMI):
    1. Minimalna wysokość i szerokość to 96 pikseli.
    2. Rozmiar obrazu musi być podany w pikselach jako jednostkach bezwzględnych. Przykład: szerokość="96" wysokość="96"
    3. Nie używaj wymiarów względnych do podania rozmiaru obrazu. Przykład: width="100%" height="100%"
    4. obraz logo powinien być wyśrodkowany w kwadracie,
    5. logo powinno być umieszczone na jednolitym tle, (tła przezroczyste mogą nie wyświetlać się poprawnie),
    6. rozmiar pliku SVG nie powinien przekraczać 32 KB,
    7. plik SVG powinien zawierać element <desc> (opis) na potrzeby ułatwień dostępu.
    8. Plik SVG nie może zawierać: bitmap, linków do innych plików, tekstu ani zgrupowanych obiektów. Aby zachować w pliku tekst jako obiekt, użyj funkcji Create outlines (Utwórz kontury) programu Illustrator.
  2. Wybierz Plik > Zapisz jako…
  3. W oknie Zapisz jako:
    • Wpisz nazwę pliku w polu Zapisz jako. Zalecamy używanie tylko małych liter i łączników, na przykład mojamarka-bimi.svg. Nie używaj znaków specjalnych.
    • Jako Format wybierz SVG (svg). Nie wybieraj SVG Compressed (svgz) (Skompresowany SVG).
  4. Kliknij przycisk Zapisz.
  5. W oknie SVG Options (Opcje SVG):
    • W polu SVG Profiles (Profile SVG) wybierz SVG Tiny 1.2.
    • Obok pozycji Image Location (Lokalizacja obrazu) wybierz Preserve (Zachowaj).
  6. Kliknij przycisk OK, aby zapisać plik.

  7. Otwórz plik w edytorze tekstu. Będziesz edytować pierwszą część pliku, która wygląda podobnie do tego fragmentu:

    <?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. Zmień wiersze 3 i 4 pliku tekstowego:

    • Sprawdź, czy wartość svg version to 1.2. Jeśli nie, zmień go na 1.2.
    • Zmień wartość baseProfile na tiny-ps.
    • Usuń atrybuty x i y wraz z ich wartościami.
    • Dodaj tag <title> i jego wartość, jak przedstawiono w przykładzie w kroku 8. Tytuł musi znajdować się po <svg i przed <g>.

  9. Po zakończeniu edycji upewnij się, że pierwsza część pliku wygląda podobnie do tego fragmentu:

    <?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. Zapisz zmiany w pliku tekstowym. Plik musi mieć rozszerzenie .svg.

Dalsze kroki

Następnie uzyskaj certyfikat VMC oraz powiązane pliki PEM i certyfikaty.


Google, Google Workspace i znaki pokrewne są znakami towarowymi Google LLC. Wszystkie inne nazwy firm i produktów są znakami towarowymi odpowiednich podmiotów.