logo png como alternativa a svg  

 
Nacho
 Nacho
Nuevo usuario

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

Citar
Respondido : 26/01/2016 1:20 pm
Pablo Velasco
 Pablo Velasco
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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 26/01/2016 2:25 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Nacho
 Nacho
Nuevo usuario

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.

ResponderCitar
Respondido : 26/01/2016 3:08 pm
Pablo Velasco
 Pablo Velasco
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/

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 26/01/2016 3:32 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro