Le vecteur, c'est du texte

Un fichier .svg — le format vectoriel du web — est un fichier de texte brut, exactement comme un .txt. Tu peux l'ouvrir avec le Bloc-notes et lire les instructions.

Et ça change qui peut le modifier.

<svg viewBox="0 0 100 100">
  <circle cx="50" cy="50" r="42"
          fill="#1A6B51"/>
  <text x="50" y="63"
        text-anchor="middle"
        font-size="42"
        fill="white">OK</text>
</svg>

C'est ce que tu viens de faire avec les boutons : changer la couleur, c'était un mot ; agrandir le cercle, c'était un nombre ; changer le texte, c'était deux lettres.

Rien n'a été refait à la main, rien ne s'est dégradé, et dans le code on voit exactement ce qui a été touché.

Le même logo en .png est un mur de pixels. Pour lui changer la couleur, il faut générer l'image à nouveau, en entier, et espérer qu'elle sorte proche de la précédente.

C'est la même règle de « texte ou binaire », appliquée aux images : le texte se modifie, le binaire se remplace.