Transformer un logo en code html (balise svg)

Futura-Techno : les forums de l'informatique et de Programmation et langages, Algorithmique
1

Bonjour,

Après quelques heures de recherche sur internet, je me tourne vers les forums pour trouver une réponse.

J'ai actuellement un logo transparent en PNG.

Pour éviter de refaire le logo sous format svg, j'aimerais convertir mon logo PNG en code html sous balise svg path.

Est-ce qu'il existe un logiciel permettant de réaliser cette transformation ?

Voici un exemple de ce que je souhaite obtenir (logo airbnb) :

S'il existe une meilleur solution tout en optimisant, je suis à votre écoute.

Je vous remercie d'avance pour votre aide.

2

Il y a des convertisseurs en ligne, comme par exemple celui-la : https://image.online-convert.com/fr/convertir-en-svg , je ne l'ai pas essayé, regarde si il est sérieux.

3

Je souhaite remplacer le code du logo de airbnb par mon propre logo et je n'arrive pas à l'afficher.
Voici ce que j'obtiens pour mon logo (après conversion) :

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
width="2128.000000pt" height="921.000000pt" viewBox="0 0 2128.000000 921.000000"
preserveAspectRatio="xMidYMid meet">

Created by potrace 1.15, written by Peter Selinger 2001-2017

fill="#000000" stroke="none">


















4

j'aimerais mette le logo dans la balise header de mon site internet. Et quand je remplace l'ensemble du contenu des balises , rien ne s'affiche.

5

Ouvre la console web et regarde les messages d'erreur.

6

bizarre, j'ai fait un copier coller de ce que tu as mis dans un bloc-notes, enregistrer en html; et j'ai bien ton logo mais en énorme.
il faut changer les valeurs de width et height (divisé par 10 exemple).

7

@umfred: normal, tu n'as pas le "squelette" d'un document html complet qui "encadre" ce svg.

Pourquoi il y a un doctype, par exemple ?
Compares les deux "déclarations" des svg !

8

remplace le début par :



<svg version="1.0"
width="400px" height="200px"
viewBox="0 0 200 100"
>
<g transform="translate(0.000000, 96.000000) scale(.01,-.01)"

tu peux changer la taille :


width="200px" height="100px"
9

je l'ai copié en éditant le code source du site avec les outils de développement web de chrome(donc une modification en local), en divisant par 10 et voila le résultat.
ça vient peut-être du navigateur aussi
[ATTACH=CONFIG]406726[/ATTACH]