Abrir archivos SVG en Android: ver gráficos vectoriales

¿Qué es un archivo SVG?

SVG (Scalable Vector Graphics) es fundamentalmente diferente de otros formatos de imagen.Mientras que JPEG, PNG y WEBP almacenan imágenes como cuadrículas de píxeles de colores (ráster), SVG describe las imágenes como formas matemáticas (círculos, rectángulos, trazados, curvas y texto) definidas en código XML.

Esto significa imágenes SVG:

• Escala infinitamente: haz zoom al 10 000 % sin pixelación ni desenfoque
• Tiene tamaños de archivo pequeños: un logotipo de 500 KB como PNG puede tener 5 KB como SVG
• Se pueden editar como texto: se abren en cualquier editor de texto para cambiar colores, tamaños y formas.
• Son independientes de la resolución: lucen perfectos en cualquier densidad de pantalla (teléfono, tableta, televisor 4K)

SVG es el formato estándar para logotipos, íconos, ilustraciones, cuadros, mapas y cualquier gráfico que deba verse nítido en cualquier tamaño.

De dónde provienen los archivos SVG

Herramientas de diseño: Figma, Adobe Illustrator, Sketch, Inkscape y Canva exportan diseños como SVG para uso web y aplicaciones.

Bibliotecas de íconos: Material Icons, Font Awesome, Heroicons y miles de paquetes de íconos se distribuyen como archivos SVG.

Descargas web: Los logotipos, ilustraciones y gráficos descargados de sitios web suelen ser SVG (haga clic derecho → Guardar como).

Activos del desarrollador: Los desarrolladores de aplicaciones de Android usan SVG (convertido a VectorDrawable) para los íconos de las aplicaciones y los elementos de la interfaz de usuario.

Visualización de datos: Los cuadros, gráficos e infografías de herramientas como D3.js, Chart.js y Tableau se exportan como SVG.

Mapas: Las exportaciones de OpenStreetMap, los mapas personalizados y las visualizaciones geográficas utilizan SVG.

Diseño de impresión: Los logotipos y los activos de marca se distribuyen como SVG para una reproducción escalable.

Ver SVG en Android

AnExplorer maneja archivos SVG de dos maneras:

Representación visual (visor de fotos):

1. Navegue hasta el archivo SVG en AnExplorer
2. Toque para abrir: el gráfico vectorial se representa en el visor.
3. Acérquese: la imagen se mantiene perfectamente nítida con cualquier aumento
4. Sin pixelación ni desenfoque, no importa cuánto hagas zoom

Vista de código (editor de texto):

1. Mantenga presionado el archivo SVG → Abrir con → Editor de texto
2. Ver el código fuente XML
3. Edite colores (cambie fill="#FF0000" a cualquier color hexadecimal)
4. Modifique tamaños, posiciones o agregue/elimine elementos
5. Guardar: los cambios se reflejan inmediatamente cuando se vuelven a ver.

Administrar archivos SVG con AnExplorer

Navega y organiza:

• Los archivos SVG se muestran con iconos de gráficos vectoriales en los listados de archivos
• Ordenar por nombre, fecha o tamaño
• Crear carpetas para organizar por proyecto (logotipos, iconos, ilustraciones)
• Cambiar el nombre de los archivos para una mejor organización

Transferir y compartir:

• Envíe archivos SVG a la PC a través de Device Connect (los diseñadores suelen trabajar en el escritorio)
• Subir a Google Drive, Dropbox para colaboración en equipo
• Copiar a NAS para archivar activos de diseño
• Comparta por correo electrónico o mensajería (los archivos SVG son pequeños, normalmente menos de 100 KB)

Operaciones de archivo:

• Extraiga archivos SVG de archivos de paquetes de iconos (ZIP que contiene cientos de SVG)
• Comprime colecciones SVG en ZIP para compartir
• Explorar archivos que contienen archivos SVG sin extraerlos

Editar como código:

• Abrir en el editor de texto integrado de AnExplorer
• SVG es XML: legible y editable por humanos
• Cambiar colores: buscar atributos fill="..." o stroke="..."
• Cambiar tamaños: modificar atributos width y height
• Eliminar elementos: eliminar etiquetas <path> , <circle> o <rect>

SVG vs PNG vs PDF para gráficos

Cuándo usar SVG: Logotipos, íconos, ilustraciones, gráficos, elementos de la interfaz de usuario: cualquier cosa que no sea una fotografía. Cuándo usar PNG: Capturas de pantalla, fotografías con transparencia, gráficos rasterizados de tamaño fijo. Cuándo usar PDF: Documentos, contenido de varias páginas, archivos listos para imprimir.

Casos de uso comunes en Android

Administrar paquetes de iconos

Los diseñadores y desarrolladores trabajan con bibliotecas de iconos:

1. Descargue el paquete de iconos (normalmente ZIP que contiene cientos de SVG)
2. Extraer con el administrador de archivos de AnExplorer
3. Busque archivos SVG: vea miniaturas para encontrar el icono correcto
4. Copie los iconos necesarios a la carpeta de su proyecto.
5. O ábralo en un editor de texto para personalizar los colores antes de usarlo.

Visualización de recursos de diseño del equipo

Cuando los colaboradores comparten archivos de diseño:

1. Reciba archivos SVG por correo electrónico, comparta en la nube o Device Connect
2. Abra en AnExplorer para obtener una vista previa del diseño.
3. Verifique los colores, el diseño y el contenido.
4. Reenviar al escritorio para una edición detallada si es necesario

Edición de colores SVG en dispositivos móviles

Cambios de color rápidos sin una herramienta de diseño:

1. Abra SVG en el editor de texto de AnExplorer
2. Busque fill="# para encontrar definiciones de color
3. Reemplace los códigos de color hexadecimales (p. ej., #FF0000 → #0066CC )
4. Guardar: abrir en el visor para verificar el cambio.
5. Comparte el SVG modificado

Flujo de trabajo del desarrollador

Desarrolladores de Android que trabajan con recursos vectoriales:

1. Descargue íconos SVG de Material Design u otras bibliotecas
2. Vista previa en AnExplorer para verificar que sean correctos
3. Transferir a la máquina de desarrollo a través de Device Connect
4. Convierta a VectorDrawable XML para usar en aplicaciones de Android

Tamaños de archivos SVG

Los archivos SVG son notablemente pequeños en comparación con sus equivalentes rasterizados:

Esto hace que SVG sea ideal para almacenar bibliotecas de íconos grandes: 1000 íconos SVG pueden sumar 10 MB, mientras que lo mismo que PNG sería más de 500 MB.

Guías relacionadas

• Abrir archivos PNG en Android — formato de imagen rasterizada
• Abrir archivos PDF en Android — formato de documento
• Editor de texto — edita el código SVG directamente
• Administrador de archivos — extraer archivos del paquete de iconos