El vector és text

Un fitxer .svg —el format vectorial del web— és un fitxer de text pla, igual que un .txt. El pots obrir amb el Bloc de notes i llegir-ne les instruccions.

I això canvia qui el pot editar.

<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>

Això és el que acabes de fer amb els botons: canviar el color va ser una paraula, engrandir el cercle va ser un número, canviar el text van ser dues lletres.

No s'ha refet res a mà, no s'ha degradat res, i al codi es veu exactament què s'ha tocat.

El mateix logotip en .png és una paret de píxels. Per canviar-li el color cal generar la imatge de nou, sencera, i esperar que surti semblant a l'anterior.

És la mateixa regla de «text o binari», aplicada a les imatges: el text s'edita, el binari es reemplaça.