Nueva pregunta

Pregunta:

Fecha: 30-09-2015 14:45:28 (En Español)

iconos css[No resuelta]

Me surgio una duda despues de estar observando esta pagina https://icons8.com y es la siguiente

SVG o ICON FONT

en terminos de rendimiento, semantica, seo etc.
Etiquetas: CSS - CSS3 - CSS3 @media - Front-end - HTML - HTML5 - Pregunta Votos: 1 - Respuestas: 2 - Vistas: 12 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 01-10-2015 01:39:22 Hola Edwin:

    El tema es tan interesante como para abrir un debate. Así que comento mi opinión personal.

    Antes que nada, inmerso como sabéis en el mundo de mapas, geolocalización, etc., he de decir que acudo más a los iconos personalizados como imágenes en PNG (extrañamente GIP si requiero animación) generalmente al doble del tamaño del que serán vistos. Sería una tercera opción.
    ¿Por qué? Porque el diseño difícilmente lo encontraré en fonts icon y porque su peso (el de todos los que voy a utilizar) difícilmente llega a lo que supone añadir la fuente. Y el doble de su tamaño por si lo he de utilizar (mayor tamaño sobre el icono elegido, presentarlo fuera del mapa, etc.).
    La razón del uso de PNG deriva de que no son necesarios tantos tonos e intensidades de color como lo permite la web con otras extensiones de imágenes

    ¿Iconos en SVG? Por una parte no los he usado por lo que puedo ser mal consegero. Pero siempre se ha asociado como alternativa con la programación flash, de la que huyo.

    ¿Iconos como fuente (font)? Es la que está de moda y en línea con HTML5 y CSS3. La he trabajado de forma experimental y me parece muy saludable.
    Confío y espero que surjan, como en la tipografía tradicional, diversas fuentes.
    Dado que los iconos generalmente se usan en tamaños pequeños y en muy poca cantidad, ha de corresponder a cada programador evaluar si merece la pena cargar una fuente por la cantidad y el tamaño de iconos que se vayan a utilizar.
    Por supuesto que lo recomiendo pero siempre procuro tener en cuenta si ello supone un peso añadido a la página o realmente merece la pena.
    Siempre tiene (como SVG y sobre .png) el valor añadido de no perder resolución, independientemente del tamaño al que queramos presentarlo.

    Por semántica, es cuestión de adaptarse. No la veo compleja.
    En el tema SEO, no creo que afecte/interfiera, ni se pueda ponderar como elemento de trabajo.

    Reitero que es un tema de debate y cada cual puede defender su opción sin que por ello contradiga la de terceros.
      Votos: 5 - Link respuesta
     
  • Fecha: 12-11-2015 09:27:59 Hola,
    Sólo para aclarar un detalle respecto a SVG.
    El formato SVG tiene grandes ventajas frente a casi todos los demás formatos por las siguientes razones:
    1. El archivo guarda información de vectores (tamaño de archivo consistente).
    2. Se puede editar en la mayor parte de los editores de imágenes e incluso de texto :)
    3. Al escalar la imagen no pierdes detalle porque son vectores.
    4. Son de alta calidad en cualquier resolución
    5. Es un estándar abierto que merodea la red desde el 2001 si no me equivoco
    6. Puedes animarlos.

    Pero, y aquí el detalle, si la imagen no ha sido creada como SVG desde el inicio entonces es muy difícil gozar de todos esos beneficios.

    Saludos!
      Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com