Ouvrir des fichiers SVG sur Android — Afficher les graphiques vectoriels

Ouvrir des fichiers SVG sur Android — Afficher les graphiques vectoriels

Dernière mise à jour :

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

  1. Accédez au fichier SVG dans AnExplorer
  2. Appuyez pour ouvrir : le graphique vectoriel s'affiche dans la visionneuse.
  3. Zoom avant : l'image reste parfaitement nette quel que soit le grossissement
  4. Pas de pixellisation, pas de flou, peu importe jusqu'où vous zoomez

Vue Code (éditeur de texte) :

  1. Appuyez longuement sur le fichier SVG → Ouvrir avec → Éditeur de texte
  2. Afficher le code source XML
  3. Modifiez les couleurs (remplacez fill="#FF0000" par n'importe quelle couleur hexadécimale)
  4. Modifier les tailles, les positions ou ajouter/supprimer des éléments
  5. 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="..." ou stroke="..."
  • Changer les tailles : modifier les attributs width et height
  • Supprimer des éléments : supprimez les balises <path> , <circle> ou <rect>

SVG vs PNG vs PDF pour les graphiques

AspectsSVGPNGPDF
TapezVecteur (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 :

  1. Téléchargez le pack d'icônes (généralement un ZIP contenant des centaines de SVG)
  2. Extraire avec le gestionnaire d'archives de AnExplorer
  3. Parcourez les fichiers SVG — affichez les vignettes pour trouver la bonne icône
  4. Copiez les icônes nécessaires dans votre dossier de projet
  5. 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 :

  1. Recevez des fichiers SVG par e-mail, partage cloud ou Device Connect
  2. Ouvrez dans AnExplorer pour prévisualiser le design
  3. Vérifiez les couleurs, la mise en page et le contenu
  4. 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 :

  1. Ouvrez SVG dans l'éditeur de texte de AnExplorer
  2. Recherchez fill="# pour trouver les définitions de couleurs.
  3. Remplacez les codes de couleur hexadécimaux (par exemple, #FF0000#0066CC )
  4. Enregistrer – ouvrir dans la visionneuse pour vérifier la modification
  5. Partagez le SVG modifié

Flux de travail du développeur

Développeurs Android travaillant avec des ressources vectorielles :

  1. Téléchargez les icônes SVG depuis Material Design ou d'autres bibliothèques
  2. Prévisualisez dans AnExplorer pour vérifier qu'ils sont corrects
  3. Transfert vers la machine de développement via Device Connect
  4. 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 :

ContenuTaille SVGÉquivalent PNG (1024px)
Logo simple2-10 Ko50-200 Ko
Icône complexe5-30 Ko100-500 Ko
Illustration détaillée50-500 Ko1-5 Mo
Carte/graphique100 Ko - 2 Mo2-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

Foire aux questions