Cómo insertar iconos vectoriales en Word desde una biblioteca SVG personalizada
🔍 WiseChecker

Cómo insertar iconos vectoriales en Word desde una biblioteca SVG personalizada

Necesita agregar iconos vectoriales personalizados de su propia colección SVG en un documento de Word. Word admite Scalable Vector Graphics de forma nativa como imágenes, pero insertarlos incorrectamente puede causar problemas de escalado, vínculos rotos o pérdida de fidelidad de color. Este artículo explica cómo preparar archivos SVG para Word, insertarlos directamente en el documento y ajustar su apariencia después de la inserción.

Puntos clave: Insertar iconos SVG personalizados en Word

  • Insertar > Imágenes > Este dispositivo > Seleccionar archivo SVG: Inserta el icono SVG directamente en el documento sin vincularlo a un archivo externo.
  • Convertir SVG a XML compatible con Office: Use una herramienta como Inkscape para guardar el SVG con formato XML estándar y lograr la mejor compatibilidad.
  • Formato de gráficos > Cambiar relleno de forma o Contorno de forma: Ajuste el color del icono después de insertarlo sin volver a importar el archivo.

ADVERTISEMENT

Cómo maneja Word los archivos SVG y qué debe preparar

Word puede mostrar archivos SVG como gráficos vectoriales. Esto significa que el icono no perderá calidad al cambiar su tamaño, girarlo o modificar el nivel de zoom. A diferencia de las imágenes de mapa de bits como PNG o JPG, los iconos SVG se mantienen nítidos en cualquier tamaño.

Antes de insertarlos, asegúrese de que sus archivos SVG cumplan dos condiciones. Primero, el SVG debe contener código XML estándar sin imágenes de mapa de bits incrustadas ni filtros no compatibles. Segundo, el archivo debe usar una paleta de colores simple. Word puede representar rellenos sólidos, degradados y trazos, pero los efectos complejos como los filtros SVG pueden no mostrarse.

Requisitos previos para su biblioteca SVG

Su biblioteca SVG personalizada debe contener archivos guardados en formato SVG sin comprimir, no SVGZ comprimido. Cada archivo debe tener un nombre descriptivo para que pueda encontrarlo rápidamente. Si creó los iconos en Adobe Illustrator, Inkscape o Sketch, expórtelos con el perfil SVG 1.1. Word no admite características de SVG 2.0.

Si su SVG usa varias capas o grupos, Word los combinará al importarlos. La apariencia final coincidirá con lo que ve en un navegador web, pero no podrá editar capas individuales dentro de Word.

Pasos para insertar un icono vectorial desde su biblioteca SVG personalizada

  1. Abra su documento de Word
    Inicie Word y abra el documento donde desea insertar el icono. Coloque el cursor en el punto de inserción.
  2. Vaya a Insertar > Imágenes > Este dispositivo
    Haga clic en la pestaña Insertar de la cinta de opciones. En el grupo Ilustraciones, haga clic en Imágenes y elija Este dispositivo en el menú desplegable. Se abre un cuadro de diálogo del explorador de archivos.
  3. Navegue a la carpeta de su biblioteca SVG
    Vaya a la carpeta que contiene sus archivos SVG personalizados. Seleccione el icono que desea insertar. Word admite archivos SVG con la extensión .svg.
  4. Haga clic en el botón Insertar
    No use la opción Insertar y vincular. Haga clic directamente en el botón Insertar para insertar el archivo SVG en el documento. El icono aparece en la ubicación del cursor.
  5. Cambie el tamaño del icono según sea necesario
    Haga clic en el icono para seleccionarlo. Arrastre un controlador de esquina hacia adentro o hacia afuera para cambiar el tamaño. Mantenga presionada la tecla Shift para conservar la relación de aspecto original. La calidad vectorial permanece sin cambios.

Método alternativo: arrastrar y soltar el archivo SVG

  1. Abra su carpeta SVG en el Explorador de archivos
    Abra una ventana separada del Explorador de archivos y navegue a su biblioteca SVG.
  2. Arrastre el archivo SVG a Word
    Seleccione el archivo SVG en el Explorador de archivos, arrástrelo al documento de Word abierto y suelte el botón del mouse. Word inserta el icono en la ubicación donde lo soltó.

ADVERTISEMENT

Cómo cambiar el color de un icono SVG insertado

  1. Seleccione el icono SVG
    Haga clic en el icono del documento. Aparece la pestaña Formato de gráficos en la cinta de opciones.
  2. Haga clic en Formato de gráficos para abrir la pestaña contextual
    Esta pestaña contiene herramientas para modificar gráficos vectoriales.
  3. Haga clic en Relleno de forma para cambiar el color del icono
    En el grupo Estilos de gráficos, haga clic en Relleno de forma. Elija un color de la paleta del tema o seleccione un color personalizado. El icono se rellena con el color seleccionado.
  4. Haga clic en Contorno de forma para cambiar el color del trazo
    Si el icono tiene contornos, haga clic en Contorno de forma y seleccione un color. Ajuste el grosor del contorno con el submenú Contorno de forma > Grosor.

Word aplica estos cambios de color a todo el icono. No puede recolorear partes individuales del SVG por separado a menos que el archivo original use varias rutas distintas que Word interprete como formas separadas.

Problemas comunes al insertar SVG personalizados y cómo evitarlos

Word muestra una X roja o un cuadro en blanco en lugar del icono

Esto generalmente significa que el archivo SVG contiene elementos no compatibles. Abra el archivo SVG en un editor de texto. Busque etiquetas como <filter>, <feGaussianBlur> o <image xmlns:xlink> que hagan referencia a archivos externos. Elimine estos elementos en su editor de vectores y vuelva a exportar el archivo.

El icono se ve pixelado o borroso en el documento

Esto ocurre cuando Word representa el SVG como una vista previa de mapa de bits en lugar de un vector verdadero. Verifique que la extensión del archivo sea .svg y no .svgz. También compruebe que el SVG no contenga imágenes de mapa de bits incrustadas. Si el problema persiste, abra el SVG en su editor de vectores, seleccione todos los objetos y convierta los mapas de bits en rutas si es posible.

Word cambia los colores del icono al importarlo

Word puede reasignar ciertos colores con nombre a su paleta de tema. Para evitarlo, defina los colores en su SVG usando valores hexadecimales (por ejemplo, fill="#FF0000") en lugar de colores con nombre como red. Los valores hexadecimales se conservan exactamente.

ADVERTISEMENT

Comparación de métodos de inserción de SVG: Insertar vs. arrastrar y soltar vs. Insertar y vincular

Elemento Insertar mediante Imágenes Arrastrar y soltar Insertar y vincular
Tamaño del archivo en el documento Contenido SVG completo insertado Contenido SVG completo insertado Solo se almacena una referencia
Funciona sin conexión después de insertarlo Sí Sí No — requiere el archivo SVG
Edición de color en Word Compatibilidad total Compatibilidad total Limitada — el archivo vinculado sobrescribe los cambios
Portabilidad del documento Alta — el SVG viaja con el documento Alta Baja — se rompe si se mueve el SVG

Use el método Insertar mediante Imágenes o arrastrar y soltar para todos los documentos que se compartirán con otras personas. Evite Insertar y vincular a menos que controle las rutas de archivo y nunca mueva los archivos SVG.

Ahora puede insertar cualquier icono vectorial de su biblioteca SVG personalizada directamente en un documento de Word. El icono permanece nítido en cualquier tamaño y puede cambiar sus colores de relleno y contorno con la pestaña Formato de gráficos. Para iconos complejos de varios colores, prepare el SVG con códigos de color hexadecimales para evitar que Word altere la paleta. Pruebe agrupar varios iconos en un solo archivo SVG e insertarlo como un único gráfico para reducir el desorden en el documento.

ADVERTISEMENT