1. Accueil
  2. Tutoriels

Tutoriels — quinze enregistrements, aucun de plus d'une minute

Tutoriels de téléchargement SVG

Chacun d'eux est un vrai enregistrement de l'extension en train de faire le travail, avec l'étape écrite en dessous. Prenez celui qui correspond à ce que vous avez — une URL, un lien, une page pleine d'icônes, ou un logo qu'il vous faut en pleine taille.

Commencez là où vous êtes

Quinze tutoriels, un seul déroulé

Ils finissent tous pareil — le vecteur d'origine sur votre disque ou dans votre presse-papiers — mais ils commencent à des endroits différents, parce que vous aussi. Chaque page porte son enregistrement, les étapes écrites, et les réponses à ce qui tourne habituellement mal à cette étape précise.


Si vous ne lisez qu'une chose

Pourquoi le navigateur ne l'enregistre pas pour vous

Un SVG sur une page moderne n'est presque jamais un fichier posé à une adresse. C'est l'une de quatre choses, et chacune met en échec Enregistrer l'image sous… à sa façon : du balisage <svg> en ligne dessiné droit dans le HTML sans URL derrière ; un background-image CSS que le navigateur traite comme décoration ; une référence <use> de sprite pointant dans un document caché ; ou une source <img> qui peut être un URI data: que le menu d'enregistrement massacre.

Tous les tutoriels d'ici fonctionnent pareil en dessous : lire le DOM vivant, résoudre ce que chaque vecteur est réellement, réparer l'espace de noms xmlns manquant, et vous remettre un fichier autonome. C'est pourquoi la méthode se moque de laquelle des quatre vous êtes tombé.


Installez une fois, et ne vous battez plus jamais avec un menu contextuel

Gratuit, sous licence MIT, et tout tourne sur votre machine — pas d'envoi, pas de compte, pas d'analytique.