Loading…
Transcript

Iconos Responsive

En la actualidad todas las webs están migrando al formato responsive, así que nos encontramos multitud de iconos que se redimensionan en función del ancho de la pantalla.

SVG (Scalable Vector Graphics)

Tipografías

Interactivo

Dani y Alejandro Silva Martínez

El formato SVG nos permite utilizar las tipografías con trazados e incluirlas dentro del propio archivo en formato TrueType y Tipo 1. Hay que tener en cuenta que para el texto puro colocado como tipografía tiene que ser o bien de las fuentes instaladas en el sistema o bien incluidas como estilo CSS.

Los archivos SVG pesan poco, igual que lo haría un archivo vectorial. Soportan estilos CSS, con lo que si cambiamos el estilo en nuestra web también cambiará dentro del archivo. Puede incluir scripts que permiten caminos dinámicos.

Vectorial

SVG qué es?

Standard abierto y compatible

SVG es un formato vectorial poco conocido pero muy útil para su uso online por su flexibilidad y por la capacidad de ofrecer gráficos con calidad.

SVG es vectorial, lo que supone tener todas las ventajas de cualquier formato vectorial. Es escalable, pesa poco y permite una definición mayor a tamaños reducidos, mucho mayor que los archivos bitmap.

El formato SVG es un formato abierto, estándar y basado en XML. Las primeras versiones no se podían ver en los diferentes navegadores, hoy ya es un estándar que funciona sin problemas en todos los navegadores.