In dit bericht gaan we gedetailleerd in op hoe u zich kunt voorbereiden op Brand Indicators for Message Identification (BIMI): Een logo maken in SVG-bestandsformaat.

Het SVG-bestand maken voor uw logo

Om in aanmerking te komen voor een VMC en ter voorbereiding op BIMI, moet uw logo het SVG-bestandsformaat hebben (Scalable Vector Graphic). Het probleem is dat de SVG moet voldoen aan het SVG-ps-profiel (Portable/Secure), maar dat vectorapplicaties als Adobe Illustrator daarvoor nog geen exportsjabloon hebben. Gelukkig kunt u het zelf maken met behulp van de volgende werkwijze:

Optie 1: Doe het zelf in Adobe Illustrator

Stap 1: Zet de pixels om in vectorformaat (‘.ai’, ‘.eps’, ‘.pdf’, ‘.svg’)

Veel logo’s zijn gemaakt in Photoshop of andere ontwerpsoftware en bestaan uit pixels. Dat werkt in dit geval niet. Daarom moet u uw logo eerst converteren naar vectorformaat.

Veel merklogo’s bestaan uit letters en lijnen en kunnen eenvoudig worden geconverteerd. Maar als uw logo ingewikkelde artwork bevat, moet u het ontwerp zo aanpassen dat het naar vectorformaat kan worden geconverteerd.

Stap 2: Exporteren als SVG Tiny 1.2

Wanneer het logo naar vectorformaat is geconverteerd, moet u het eerst exporteren als een SVG Tiny 1.2-profiel. In Adobe Illustrator® kan dat met de functie ‘Opslaan als’:

1. Controleer of uw afbeelding een vectorafbeelding (‘.ai’, ‘.eps’, ‘.pdf’, ‘.svg’) is.
2. Open het bestand in Adobe Illustrator.
3. Sla het bestand op met ‘Opslaan als’.
4. Geef het bestand in het dialoogvenster een naam en kies ‘.svg’ als bestandsformaat.
5. Klik op ‘Opslaan’ en wacht tot een nieuw dialoogvenster wordt geopend.
6. Selecteer ‘Tiny 1.2’ in het keuzemenu ‘SVG-profielen’ en klik op ‘OK’.

Stap 3: Tekst bewerken

Open uw SVG-bestand in een teksteditor, zoals Notepad of Notepad++ of een code-editor, zoals Vim of Nano. Omdat SVG-bestanden tekstbestanden zijn, kunt u ze openen, bewerken en opnieuw opslaan als tekstbestanden, maar dan met de extensie ‘.svg’.

Nadat u het bestand hebt geopend, moet u een aantal bewerkingen uitvoeren:

1. Controleer of in de header van het SVG-bestand de volgende instelling staat:
   xmlns=http://www.w3.org/2000/svg, version=”1.2, baseProfile=”tiny-ps“
   
   Wellicht staat er andere informatie boven in uw bestand, zoals in het onderstaande voorbeeld, maar het bovenstaande MOET aanwezig zijn. Er kan bijvoorbeeld het volgende staan:
   
   Als u het bestand uit Illustrator hebt geëxporteerd, moet u de waarde bij baseProfile veranderen in ‘tiny-ps’, en de x=, y= en overflow-items verwijderen.
   
2. Vervolgens voegt u het titelelement toe. We adviseren om na xml:space=”preserve” de enter-toets in te drukken en het titelelement daar te plaatsen. Vul in dit veld de naam van uw bedrijf in.
3. Zorg dat u het titelitem niet binnen de grafische code zelf plaatst. Onmiddellijk na het gedeelte met “=preserve” op een nieuwe regel is prima, zoals in het voorbeeld hieronder. Maar als u het plaatst na de regel die met begint, is het mogelijk dat de validatie mislukt.
   
4. Sla uw bestand opnieuw op als tekstbestand met de extensie svg.
   • Afbeeldingen kunnen het beste als vierkant worden opgeslagen, dus met de beeldverhouding 1:1.
   • Centreer het logo, zodat het optimaal wordt weergegeven in een vierkant, een afgerond vierkant of een cirkel.
   • Een niet-transparante achtergrond verdient de voorkeur, omdat de weergave van transparantie onvoorspelbaar is.
   • Dit zijn: Adobe Illustrator Export Script: Een script dat aan Adobe Illustrator kan worden toegevoegd (zowel Windows als MacOS) en waarmee u een open SVG Tiny 1.2-bestand kunt converteren naar SVG-ps. Adobe Illustrator Export Script, una secuencia de comandos que se puede agregar a Adobe Illustrator (ya sea con Windows o macOS) y que permite convertir un archivo abierto SVG Tiny 1.2 al formato SVG-P/S.

Klaar.

Optie 2: Maak gebruik van de grafische conversietools van de BIMI-werkgroep

 

De BIMI-werkgroep heeft grafische conversietools ontwikkeld die u kunt gebruiken om uw logo te formatteren als SVG-ps.

Tips om uw logo er beter uit te laten zien

[Dit zijn enkele voorbeelden van hoe uw logo eruit zou kunnen zien.]