Visionneuse et Éditeur SVG
Prévisualisez, modifiez et optimisez les fichiers SVG en ligne. Aperçu en temps réel, édition de code et outils d'optimisation.
Qu'est-ce que le format SVG ?
SVG (Scalable Vector Graphics) est un format d'image vectorielle basé sur XML qui permet un agrandissement infini sans perte de qualité. Il est largement utilisé pour les logos, icônes et graphiques web.
Quelle est la différence entre SVG et PNG ?
SVG est un format vectoriel qui utilise des formules mathématiques pour décrire les graphiques et peut être agrandi à l'infini sans perdre en qualité. PNG est un format raster composé de pixels qui devient flou lorsqu'il est agrandi. SVG est idéal pour les logos, icônes et diagrammes, tandis que PNG est mieux adapté aux photos.
Quels formats puis-je visualiser ?
Cet outil visualise les fichiers SVG. Vous pouvez coller du code SVG directement ou charger un fichier .svg depuis votre appareil.
Puis-je modifier le code SVG directement ?
Oui, vous pouvez modifier le code source SVG dans le panneau de l'éditeur et voir les changements dans l'aperçu en temps réel.
Comment fonctionne l'aperçu en temps réel ?
Le panneau d'aperçu se met à jour automatiquement pendant que vous tapez dans l'éditeur de code, vous montrant exactement comment votre SVG sera rendu dans les navigateurs.
Comment optimiser mon SVG ?
Cliquez sur le bouton Optimiser pour supprimer les espaces inutiles, commentaires, métadonnées et attributs redondants, réduisant la taille du fichier.
Puis-je changer les couleurs et styles SVG ?
Oui, vous pouvez modifier les couleurs de remplissage, les couleurs de trait, l'opacité et d'autres attributs de style directement dans le code SVG.
SVG prend-il en charge l'animation ?
Oui, SVG prend en charge les animations via SMIL (Synchronized Multimedia Integration Language) et les animations CSS. Vous pouvez créer des effets comme le mouvement, les changements de couleur et les transformations de forme directement dans SVG.
Quels navigateurs sont pris en charge ?
Cet outil fonctionne dans tous les navigateurs modernes, y compris Chrome, Firefox, Safari et Edge.
Comment puis-je valider la syntaxe SVG ?
L'outil met automatiquement en surbrillance les erreurs de syntaxe dans votre code SVG, vous aidant à identifier et corriger les problèmes immédiatement.
Puis-je redimensionner SVG sans perte de qualité ?
Oui, SVG est un format vectoriel qui peut être mis à l'échelle à n'importe quelle taille sans perdre en qualité ni pixeliser.
Mes données SVG sont-elles envoyées à un serveur ?
Non, tout le traitement se fait localement dans votre navigateur. Votre contenu SVG ne quitte jamais votre appareil.
Comment utiliser Visionneuse et Éditeur SVG
SVG Viewer & Editor affiche un SVG dès que vous collez son code ou déposez le fichier, et permet de modifier le balisage avec aperçu en direct. Tout se passe localement dans votre navigateur.
- Collez votre code SVG dans l'éditeur indiquant “Paste SVG code here or drag & drop a file...”, ou déposez un fichier .svg sur la page.
- Le graphique s'affiche immédiatement dans l'aperçu en direct à côté du code.
- Modifiez directement dans le code des attributs comme viewBox, width, height, fill ou les données de tracé — l'aperçu se met à jour à la frappe.
- Corrigez sur place les problèmes courants, comme un attribut xmlns manquant ou un viewBox qui rogne le dessin.
- Copiez le code final une fois que l'aperçu convient.
Si l'aperçu reste vide, vérifiez que le code commence par <svg et inclut l'espace de noms xmlns — un xmlns manquant en est la cause la plus fréquente.
Outils associés
- Optimiseur SVG Optimisez et compressez vos fichiers SVG instantanément dans le navigateur. Supprimez les métadonnées, commentaires et données d'éditeur, réduisez la taille jusqu'à 60%.
- Convertisseur SVG en PNG Convertissez SVG en PNG, JPEG ou WebP instantanément dans votre navigateur. Échelle, taille et couleur de fond personnalisables. Gratuit, privé, sans téléchargement.
- Calculatrice Chmod Calculatrice chmod gratuite en ligne pour visualiser et calculer les permissions de fichiers Linux avec des cases à cocher. Convertissez instantanément entre notation numérique (755, 644) et symbolique (rwxr-xr-x). Supporte les permissions spéciales comme setuid, setgid, sticky bit.
- Table ASCII Référence complète de codage de caractères ASCII avec codes décimaux, hexadécimaux, octaux, binaires, entités HTML et descriptions. Recherche et filtre instantanés.
- Testeur de Requêtes HTTP Testez les APIs REST directement dans votre navigateur. Envoyez des requêtes GET, POST, PUT, DELETE avec des en-têtes, corps et paramètres personnalisés. Voyez le statut, les en-têtes et le corps JSON instantanément.
- Générateur .htaccess Générez des règles .htaccess Apache pour les redirections, réécritures, en-têtes de sécurité, cache et plus.
- Générateur de Robots.txt Générateur gratuit de robots.txt en ligne. Créez et personnalisez des fichiers robots.txt pour contrôler le crawl des moteurs de recherche, gérer l'accès des robots et optimiser le SEO de votre site.
- Générateur de Sitemap Générateur gratuit de sitemap XML en ligne. Ajoutez des URLs, définissez priorités et fréquences, créez des sitemaps SEO instantanément.