Avisos
Vaciar todo

[Resuelto] Los elementos de imagen no tienen ningún atributo width ni height explícito  

 
José Sergio
 José Sergio
Usuario activo

Hola, equipo de Web empresa.

Les escribo para solicitar ayuda sobre como colocar atributo swidth y height a mi logotipo del sitio, esto porque como saben, es una recomendación que hace el pagespeed. La imagen es una imagen tipo vector (sin fondo), lo que creo que me genera el problema.

Por favor, si alguien puede indicarme de forma muy explícita como solucionar este punto, se los agradeceré.
Saludos!

Contenido solo visible a usuarios registrados

Respondido : 19/06/2023 6:26 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sergio, 

En este caso prueba aplicar algunas de las recomendaciones que se indica en el siguiente enlace → https://www.webempresa.com/foro/administracion-wordpress/poner-width-y-height-explicitos-en-el-logo

Pruébalo en tu sitio web y nos comentas como ha ido todo

Un Saludo 

Respondido : 19/06/2023 6:36 pm

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

José Sergio
 José Sergio
Usuario activo

Hola.

He hecho de todo, seguí el foro que comentas, pero no he podido resolverlo. 

Será que haya otra forma de resolver el problema. 

Quedo pendiente. Muchas gracias.

Respondido : 26/06/2023 8:21 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola José, 

Veo que utilizas WP Rocket, para añadir esto probemos lo siguiente, acceder a WP Rocket → Ajustes → Medios dente de la sección Imagen dimensions activa la opción Add missing image dimensions 

image

Guarda los cambios, limpia la caché y revisa luego si el mensaje desaparece 

Un Saludo 

Respondido : 26/06/2023 9:20 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

José Sergio
 José Sergio
Usuario activo

Hola, @karen.

 

Gracias por tu amable respuesta. En el pasado he intentado hacer lo que me recomiendas. Sin embargo, cuando activo tal casilla, distorsiona el tamaño de mi logo, tanto en escritorio como en mobile.

Respondido : 26/06/2023 9:35 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola José Sergio, 

Actívalo nuevamente y prueba añadir el siguiente código CSS en el apartado de Apariencia → Personalizar → CSS Adicional

.wgl-logotype-container.logo-mobile_enable {
width: 256px;
max-width: 100% !important;
}

Verifícalo y nos comentas como ha ido todo

Un Saludo 

Respondido : 26/06/2023 9:54 pm

Cursos Gratuitos WordPress

José Sergio
 José Sergio
Usuario activo

Hola, @karen. Parece que el código es funcional, sin embargo aún no queda completamente bien en el mobile, aparentemente hay que modificar los valores de width: 246px y
max-width: 100%. Jugaré con algunos valores a ver si puedo corregirlo.

Respondido : 26/06/2023 11:11 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola José Sergio, 

De acuerdo, puedes probar por ejemplo con 

@media only screen and (max-width: 600px) {
.wgl-logotype-container.logo-mobile_enable {
width: 100%;
max-width: 100% !important;
}
}

Un Saludo 

Respondido : 26/06/2023 11:19 pm

José Sergio
 José Sergio
Usuario activo

Gracias. Te comento que esté último no fincionó.

Respondido : 26/06/2023 11:26 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola José Sergio,

Puedes probar con

@media only screen and (max-width: 600px) {

.wgl-logotype-container img {
max-height: 100%;
width: 100% !important;
height: auto !important;
}

}

Un Saludo 

Respondido : 26/06/2023 11:32 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

José Sergio
 José Sergio
Usuario activo

Resuelto, gracias @karen

Respondido : 26/06/2023 11:43 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola José sergio, 

Enhorabuena ha funcionado, es un placer siempre poder ayudarte. 

No dudes en escribirnos si tienes cualquier otra consulta. 

Un Saludo 😊 

Respondido : 27/06/2023 12:02 am

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