Qu'est-ce qu'un fichier SVG ?
SVG (Scalable Vector Graphics) est fondamentalement différent des autres formats d'image.Alors que JPEG, PNG et WEBP stockent les images sous forme de grilles de pixels colorés (raster), SVG décrit les images comme des formes mathématiques (cercles, rectangles, chemins, courbes et texte) définies dans le code XML.
Cela signifie des images SVG :
- Échelle infinie : zoomez jusqu'à 10 000 % sans aucune pixellisation ni flou
- Avoir des fichiers de petite taille — un logo de 500 Ko au format PNG peut faire 5 Ko au format SVG
- Sont modifiables sous forme de texte — ouvrez-les dans n'importe quel éditeur de texte pour modifier les couleurs, les tailles et les formes
- Sont indépendants de la résolution : ils sont parfaits sur n'importe quelle densité d'écran (téléphone, tablette, téléviseur 4K)
SVG est le format standard pour les logos, les icônes, les illustrations, les graphiques, les cartes et tout graphique devant être net, quelle que soit sa taille.
D'où viennent les fichiers SVG
Outils de conception : Figma, Adobe Illustrator, Sketch, Inkscape et Canva exportent des conceptions au format SVG pour une utilisation sur le Web et les applications.
Bibliothèques d'icônes : Les icônes matérielles, Font Awesome, Heroicons et des milliers de packs d'icônes sont distribués sous forme de fichiers SVG.
Téléchargements Web : Les logos, illustrations et graphiques téléchargés à partir de sites Web sont souvent SVG (clic droit → Enregistrer sous).
Atouts du développeur : Les développeurs d'applications Android utilisent SVG (converti en VectorDrawable) pour les icônes d'application et les éléments d'interface utilisateur.
Visualisation des données : Exportez des tableaux, des graphiques et des infographies à partir d'outils tels que D3.js, Chart.js et Tableau au format SVG.
Cartes : Les exportations OpenStreetMap, les cartes personnalisées et les visualisations géographiques utilisent SVG.
Conception d'impression : Les logos et les actifs de la marque sont distribués au format SVG pour une reproduction évolutive.
Affichage de SVG sur Android
AnExplorer gère les fichiers SVG de deux manières :
Rendu visuel (visionneuse de photos) :
- Accédez au fichier SVG dans AnExplorer
- Appuyez pour ouvrir : le graphique vectoriel s'affiche dans la visionneuse.
- Zoom avant : l'image reste parfaitement nette quel que soit le grossissement
- Pas de pixellisation, pas de flou, peu importe jusqu'où vous zoomez
Vue Code (éditeur de texte) :
- Appuyez longuement sur le fichier SVG → Ouvrir avec → Éditeur de texte
- Afficher le code source XML
- Modifiez les couleurs (remplacez
fill="#FF0000"par n'importe quelle couleur hexadécimale) - Modifier les tailles, les positions ou ajouter/supprimer des éléments
- Enregistrer : les modifications sont immédiatement reflétées lorsqu'elles sont visualisées à nouveau
Gestion des fichiers SVG avec AnExplorer
Parcourir et organiser :
- Les fichiers SVG s'affichent avec des icônes graphiques vectorielles dans les listes de fichiers
- Trier par nom, date ou taille
- Créer des dossiers à organiser par projet (logos, icônes, illustrations)
- Renommez les fichiers pour une meilleure organisation
Transférer et partager :
- Envoyez des fichiers SVG au PC via Device Connect (les concepteurs travaillent souvent sur un ordinateur de bureau)
- Télécharger sur Google Drive, Dropbox pour la collaboration en équipe
- Copier sur NAS pour l'archivage des actifs de conception
- Partager par e-mail ou par messagerie (les fichiers SVG sont minuscules – généralement moins de 100 Ko)
Opérations d'archivage :
- Extraire les fichiers SVG des archives du pack d'icônes (ZIP contenant des centaines de SVG)
- Compressez les collections SVG dans ZIP pour les partager
- Parcourez les archives contenant des fichiers SVG sans les extraire
Modifier en tant que code :
- Ouvrir dans l'éditeur de texte intégré de AnExplorer
- SVG est XML — lisible par l'homme et modifiable
- Changer les couleurs : rechercher les attributs
fill="..."oustroke="..." - Changer les tailles : modifier les attributs
widthetheight - Supprimer des éléments : supprimez les balises
<path>,<circle>ou<rect>
SVG vs PNG vs PDF pour les graphiques
| Aspects | SVG | PNG | |
|---|---|---|---|
| Tapez | Vecteur (mathématiques) | Trame (pixels) | Les deux (peut contenir l'un ou l'autre) |
| Évolutivité | ✅ Infini | ❌ Résolution fixe | ✅ Si contenu vectoriel |
| Taille du fichier (logo) | ~5-50 Ko | ~50-500 Ko | ~10-100 Ko |
| Transparence | ✅ | ✅ | ✅ |
| Contenu photo | ❌ Ne convient pas | ✅ | ✅ |
| Modifiable sous forme de texte | ✅(XML) | ❌ | ❌ |
| Prise en charge d'Android | ✅ | ✅ | ✅ (Visionneuse PDF) |
| Norme Web | ✅ (natif dans les navigateurs) | ✅ | ❌ (nécessite une visionneuse) |
Quand utiliser SVG : Logos, icônes, illustrations, graphiques, éléments d'interface utilisateur — tout ce qui n'est pas une photographie. Quand utiliser PNG : Captures d'écran, photos avec transparence, graphiques raster à taille fixe. Quand utiliser le format PDF : Documents, contenu multipage, fichiers prêts à imprimer.
Cas d'utilisation courants sur Android
Gestion des packs d'icônes
Les concepteurs et les développeurs travaillent avec des bibliothèques d'icônes :
- Téléchargez le pack d'icônes (généralement un ZIP contenant des centaines de SVG)
- Extraire avec le gestionnaire d'archives de AnExplorer
- Parcourez les fichiers SVG — affichez les vignettes pour trouver la bonne icône
- Copiez les icônes nécessaires dans votre dossier de projet
- Ou ouvrez-le dans l'éditeur de texte pour personnaliser les couleurs avant utilisation
Affichage des éléments de conception de l'équipe
Lorsque des collaborateurs partagent des fichiers de conception :
- Recevez des fichiers SVG par e-mail, partage cloud ou Device Connect
- Ouvrez dans AnExplorer pour prévisualiser le design
- Vérifiez les couleurs, la mise en page et le contenu
- Transférer vers le bureau pour une édition détaillée si nécessaire
Modification des couleurs SVG sur mobile
Changements de couleur rapides sans outil de conception :
- Ouvrez SVG dans l'éditeur de texte de AnExplorer
- Recherchez
fill="#pour trouver les définitions de couleurs. - Remplacez les codes de couleur hexadécimaux (par exemple,
#FF0000→#0066CC) - Enregistrer – ouvrir dans la visionneuse pour vérifier la modification
- Partagez le SVG modifié
Flux de travail du développeur
Développeurs Android travaillant avec des ressources vectorielles :
- Téléchargez les icônes SVG depuis Material Design ou d'autres bibliothèques
- Prévisualisez dans AnExplorer pour vérifier qu'ils sont corrects
- Transfert vers la machine de développement via Device Connect
- Convertir en XML VectorDrawable pour une utilisation dans les applications Android
Tailles des fichiers SVG
Les fichiers SVG sont remarquablement petits par rapport aux équivalents raster :
| Contenu | Taille SVG | Équivalent PNG (1024px) |
|---|---|---|
| Logo simple | 2-10 Ko | 50-200 Ko |
| Icône complexe | 5-30 Ko | 100-500 Ko |
| Illustration détaillée | 50-500 Ko | 1-5 Mo |
| Carte/graphique | 100 Ko - 2 Mo | 2-10 Mo |
Cela rend le SVG idéal pour stocker de grandes bibliothèques d'icônes : 1 000 icônes SVG peuvent totaliser 10 Mo, tandis que celles du PNG peuvent atteindre plus de 500 Mo.
Guides connexes
- Ouvrir des fichiers PNG sur Android — format d'image raster
- Ouvrir des fichiers PDF sur Android — format de document
- Éditeur de texte — modifiez directement le code SVG
- Gestionnaire d'archives — extraire les archives du pack d'icônes
