Convertisseur en ligne gratuit de SVG en WEBM

Un éditeur vidéo ou un appareil de lecture peut accepter WebM, mais pas SVG. Un logo, un schéma ou une illustration peut donc devoir être converti avant de pouvoir être utilisé comme clip. La conversion transforme les illustrations vectorielles en images vidéo, qui ne peuvent plus être redimensionnées proprement à toutes les tailles.

Qu’est-ce que le format SVG ?

SVG est un format d’image vectoriel qui décrit des formes, des tracés et du texte à l’aide de XML. Il est utilisé pour les logos, les icônes, les schémas et les illustrations sur les sites Web et dans les fichiers de conception. Inkscape, Adobe Illustrator et Figma peuvent créer ou exporter des fichiers SVG.

Qu’est-ce que le format WEBM ?

WebM est un conteneur pour la vidéo et l’audio facultatif, qui utilise couramment les codecs vidéo VP8 ou VP9 et les codecs audio Opus ou Vorbis. Les navigateurs et les lecteurs vidéo l’utilisent pour la lecture sur le Web. Contrairement à SVG, WebM stocke les images à des dimensions fixes et ne conserve pas les tracés vectoriels modifiables.

Comment convertir SVG en WEBM

En ligne sur 101convert.com

1. Importez un ou plusieurs fichiers SVG dans le convertisseur.
2. Avant la conversion, réglez afficher chaque image pendant pour choisir la durée d’affichage de chaque image.
3. Lancez la conversion et téléchargez le ou les fichiers obtenus.

La page indique la limite de taille pour chaque fichier.

Hors ligne avec un logiciel de bureau

Inkscape et FFmpeg sont des outils gratuits et open source disponibles pour Windows, macOS et Linux. Inkscape effectue le rendu du fichier SVG sous forme d’image PNG ; FFmpeg transforme cette image en clip WebM de durée déterminée.

1. Ouvrez le fichier SVG dans Inkscape et définissez la taille de la page et l’arrière-plan selon vos besoins. Exportez un fichier PNG avec File → Export, en choisissant une largeur et une hauteur en pixels adaptées à la vidéo.
2. Utilisez FFmpeg pour répéter l’image fixe pendant cinq secondes à 30 images par seconde :

ffmpeg -loop 1 -framerate 30 -i frame.png -t 5 -vf "pad=ceil(iw/2)*2:ceil(ih/2)*2" -c:v libvpx-vp9 -b:v 0 -crf 30 -pix_fmt yuv420p -an output.webm

Remplacez frame.png par le nom de l’image exportée et modifiez -t 5 pour définir une autre durée. Le filtre de remplissage rend les dimensions de sortie paires, comme l’exige ce format de pixels.

Qualité et limites

L’exportation PNG détermine la résolution du clip ; une exportation trop petite peut rendre les contours flous lorsque la vidéo est agrandie. Une exportation d’une seule image ne préserve pas les animations SVG ni les fonctions interactives. La commande ci-dessus utilise yuv420p, qui supprime la transparence. Choisissez donc une couleur d’arrière-plan avant l’exportation si vous ne voulez pas que le clip ait un arrière-plan noir ou d’une autre couleur inattendue. La prise en charge de la transparence WebM varie selon les lecteurs.