¿Cansado de las imágenes borrosas? Los gráficos vectoriales escalables (SVG) son un formato de archivo basado en XML que utiliza líneas y puntos para mostrar un gráfico. A diferencia de los formatos de imagen basados en píxeles, como PNG y JPG, el SVG no tiene una resolución definida y se mantiene nítido cuando se escala hacia arriba o hacia abajo en cualquier tamaño de pantalla. Sigue leyendo para obtener más información.

• Ventajas de los SVG
• Añadir SVG
• Formatear SVG
• Haga que los SVG sean accesibles
• preguntas frequentes

Ventajas de los SVG

Los SVG no pierden calidad al cambiar su tamaño o ampliarlos, mientras que los PNG y los JPG se ven borrosos o pixelados. Esto elimina las conjeturas sobre la calidad de la imagen en varios navegadores y dispositivos. Las imágenes SVG tienen el mismo aspecto en la salida publicada que durante la creación. ¡Lo que ves es lo que obtienes!

Otra ventaja es que los SVG son mucho más pequeños. Los archivos de gran tamaño contribuyen a que los cursos se carguen lentamente. Los archivos SVG reducen el tamaño del archivo del proyecto Storyline 360, lo que agiliza la carga del contenido, incluso con conexiones a Internet lentas.

Echa un vistazo a la siguiente imagen en tres formatos diferentes. En este ejemplo, la imagen SVG tiene la mitad del tamaño de sus homólogas PNG y JPG.

Imagen PNG: 8 KB	Imagen JPG de 8 KB	Imagen SVG de 4 KB

Añadir SVG

Puede agregar archivos SVG a diapositivas, capas y patrones de diapositivas. En la vista de diapositivas, utilice cualquiera de los métodos siguientes:

• Presiona Ctrl+J en el teclado.
• Arrastre la imagen SVG desde su computadora y suéltela en la diapositiva del curso.
• Vaya a la pestaña Insertar de la cinta, haga clic en Imagen y busque una imagen SVG.

En la vista de formulario, haga clic en Multimedia en la cinta y seleccione Imagen desde archivo.

Formatee SVG

Puede organizar, agrupar, rotar, alinear, dimensionar o colocar los SVG. Seleccione su archivo SVG y elija cualquiera de las opciones de formato disponibles en la pestaña Formato de la cinta. (Más información sobre las herramientas de formato).

Nota: En Storyline 360, los SVG se comportan como imágenes estándar, con algunas excepciones. No se pueden usar como rellenos de imágenes o fondos de diapositiva, ni se pueden insertar en etiquetas de marcadores ni se pueden añadir a interacciones de 360°.

Haga que los SVG sean accesibles

Estos son algunos consejos para hacer que sus SVG sean accesibles:

• Comprueba que el SVG cumpla con las pautas de contraste de color. Puede usar este comprobador de contraste basado en la web o descargar esta herramienta de verificación de contraste para probar la relación de contraste.
• Decide si tu SVG es decorativo o informativo. Las imágenes puramente decorativas no necesitan texto alternativo (texto alternativo), pero debes agregar texto alternativo a un SVG que brinde información a los alumnos. Consulta estas prácticas recomendadas para escribir un buen texto alternativo.
• Si tu SVG tiene otros elementos enfocables, puedes indicar a los lectores de pantalla que naveguen y anuncien el SVG como una sola imagen. Así es como: abrir el archivo XML SVG en un editor de texto, agregar el role="img" atributo dentro de la etiqueta de <svg> inicio y, a continuación, guardar y cerrar el archivo XML SVG.

preguntas frequentes

Estas son las respuestas a las preguntas más frecuentes sobre el uso de los SVG en Storyline 360:

¿Los SVG se pueden personalizar en Storyline 360?

Puede organizar, agrupar, rotar, alinear, dimensionar y colocar los SVG en Storyline 360. Usa un editor de terceros, como Photoshop, para volver a colorear un SVG antes de importarlo a Storyline 360. O bien, usa la biblioteca multimedia para abrirla en un editor de terceros y, a continuación, guarda los cambios directamente en Storyline 360. Aquí te explicamos cómo hacerlo.

¿Los SVG animados son compatibles con Storyline 360?

No, pero siempre puedes compartir tu interés en el soporte técnico de SVG animados enviando una solicitud de característica.

¿Puedo seguir importando archivos SVG de PowerPoint a Storyline 360?

Las imágenes SVG importadas de PowerPoint ahora siguen siendo SVG en los proyectos de Storyline 360. Si abres un proyecto anterior en el que los SVG de PowerPoint se convirtieron previamente en formas durante la importación, esos SVG seguirán mostrándose como formas. Para habilitar el soporte técnico de SVG, vuelve a importar las diapositivas de PowerPoint a tu proyecto.

Nota: Algunos formatos SVG, como el recorte o los cambios de color específicos, pueden tener un aspecto diferente tras la importación. Revisa las diapositivas importadas y ajústalas según sea necesario.