Avisos
Vaciar todo

logo png como alternativa a svg

4 Respuestas
2 Usuarios
0 Reactions
1,112 Visitas
Respuestas: 4
New Member
Topic starter
 

Hola,

Quería saber cómo podría hacer para ofrecer una alternativa al logo de la cabecera en svg en png para aquellos navegadores que no soportan svg.

La ruta del logo svg es

La ruta del logo png es

Gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 26/01/2016 1:20 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Para evitar este tipo de problemas es mejor que utilices siempre una imagen en formato png para el logo, ya que así te asegurarás la compatibilidad con todos los navegadores.

Por lo que veo, la imagen de cabecera se está cargando de forma directa, en lugar de hacerlo vía CSS, por lo que tiene que haber algún sitio en la configuración del tema donde te deje elegir la imagen que quieres utilizar en el logo.


 
Respondido : 26/01/2016 2:25 pm
Respuestas: 4
New Member
Topic starter
 

Gracias por la respuesta pero es que prefería utilizar la svg ya que funciona mucho mejor el responsive del tema (en png, según la resolución de pantalla se pixela la imagen).

Efectivamente el tema (Divi) permite cambiar el logotipo a través de su panel de administración pero no da la posibilidad de subir dos alternativas (svg y png).

No sé si es posible si modificando 'header.php' podríamos forzar la carga del png en el caso de que el navegador no admita svg.

Gracias.


 
Respondido : 26/01/2016 3:08 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

En la práctica sí que se puede hacer una carga de svg o png en función de si el navegador acepta el formato svg o no, utilizando Modernizr (una librería javascript) y aplicando cambios en los css y en la parte del tema que carga el logo, aunque ya te adelanto que puede ser algo complicado.

En el siguiente artículo se explica el proceso:

http://code.medula.cl/article_SVG-with-fallback.html

O en este otro:

http://callmenick.com/post/svg-fallback-with-png

Para añadir Modernizr a WordPress existen algunos plugins como el siguiente:

https://es.wordpress.org/plugins/modernizr/


 
Respondido : 26/01/2016 3:32 pm