El logo de mi tema Astra se ve borroso

Resuelto Miriam
(@myrh)

hace 5 meses, 2 semanas

Hola, he intentado buscar soluciones, pero no he encontrado nada que sirva. El logo de mi tema Astra se ve borroso, lo he subido al menos 3 veces más grande que el tamaño habitual del logo, no estoy usando Elementor en mi plantilla, sino el que viene por defecto con WordPress, y estoy usando un tema hijo.

He visto otro tema donde había varios CSS, los he probado y no he visto resultados, lo he hecho borrando el caché de mi página y el navegador y nada, por eso posteo esta duda, ya que no sé que más hacer para solucionarlo. ¡Muchas gracias!

La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 15 respuestas - de la 1 a la 15 (de un total de 27)

1 2 →

Moderador almendron
(@almendron)

hace 5 meses, 2 semanas

Sin ver el sitio, es imposible intentar ayudarte.

Te dejo la documentación de Astra para el logo: https://wpastra.com/docs/manage-site-identity/

Iniciador del debate Miriam
(@myrh)

hace 5 meses, 2 semanas

Buenas, mi sitio es este: https://websy-agency.com/

A ver si se puede solucionar de algún modo, te lo agradezco.

Moderador almendron
(@almendron)

hace 5 meses, 2 semanas

Si te refieres al logo que aparece en la esquina superior izquierda, yo lo veo perfectamente. No se ve borroso.

Iniciador del debate Miriam
(@myrh)

hace 5 meses, 2 semanas

El logo en la parte de la web se ve borroso, en cambio, cuando le das a «personalizar» se ve perfectamente. Adjunto pantallazo y dicho esto me gustaría saber si realmente tiene solución, creo que no soy la primera que tiene este problema con el logo en Astra: https://i.imgur.com/GlvPUVv.png

Moderador almendron
(@almendron)

hace 5 meses, 2 semanas

He hecho una captura de pantalla del logo en tu sitio y se ve perfectamente:

https://www.almendron.com/compartir/foro-wordpress/asi_lo-veo-yo.png

La de la derecha es la captura que acabo de hacer.

Iniciador del debate Miriam
(@myrh)

hace 5 meses, 2 semanas

Vale pues nada, yo he borrado el caché del navegador y la web y lo sigo viendo borroso, desde una ventana de incógnito se ve borroso. Lo he probado desde otro ordenador y se ve borroso. No he abierto este hilo para debatir si se ve borroso o no, sino para buscar una solución que veo que no voy a obtener.

Moderador almendron
(@almendron)

hace 5 meses, 2 semanas

Ya te he demostrado que el logo se ve perfectamente. La captura de pantalla no engaña.

Desactiva LiteSpeed Cache y borra la cache de tu navegador.

Nota: en las propiedades CSS no he encontrado nada que pudiera afectar al logo.

Iniciador del debate Miriam
(@myrh)

hace 5 meses, 2 semanas

No he editado nada del css, he probado tus pasos pero me sigue saliendo borroso, no entiendo que ocurra aun borrando el caché del navegador.
Moderador almendron
(@almendron)

hace 5 meses, 2 semanas
Puede que sea mi monitor….. estoy con resolución 4Ky puede que eso afecte.

De hecho:

Si le doy a clic con el botón derecho y «abrir imagen en una pestaña nueva», compruebo es que la imagen es: https://websy-agency.com/wp-content/uploads/2023/04/cropped-logo-sin-frase.png

Sin embargo, si me voy a inspeccionar, me sale que la URL es https://websy-agency.com/wp-content/uploads/2023/04/cropped-logo-sin-frase-140×63.png
Y esta, si la abres en el navegador SÍ sale borrosa.

Haz una prueba:
1. Reduce el tamaño de la primera imagen a 140 x 63
2. Ponle el mismo nombre que a la segunda, es decir, «cropped-logo-sin-frase-140×63.png»
3. Sube por FTP esta imagen y sobrescribe la existente.
Iniciador del debate Miriam
(@myrh)

hace 5 meses, 2 semanas

He seguido tus pasos y sigue sin funcionar. Otras veces que he visto este problema comentaban que era un error de Astra que difumina el logo, daban unos css, pero también los probé y nada.

Moderador almendron
(@almendron)

hace 5 meses, 2 semanas

Si el problema fuera que Astra difumina el logo, al subirlo por FTP y sobrescribir el archivo debería desaparecer dicho problema.

Desactiva LiteSpeed Cache y no lo actives mientras estés haciendo pruebas.

Moderador almendron
(@almendron)

hace 5 meses, 2 semanas

No has hecho lo que te he indicado. Ahora aparece https://websy-agency.com/wp-content/uploads/2023/04/logo-websy-grande-140×63.png

Moderador almendron
(@almendron)

hace 5 meses, 2 semanas

Inserta https://websy-agency.com/wp-content/uploads/2023/04/cropped-logo-sin-frase.png como logo

Astra creará las correspondientes miniaturas, entre ellas, «cropped-logo-sin-frase-140×63.png»

Coge la primera imagen, «ropped-logo-sin-frase.png», cambia su tamaño a 140×63 y la subes por FTP para sobrescribir la original.

Todo ello con LiteSpeed Cache desactivado.

Moderador almendron
(@almendron)

hace 5 meses, 2 semanas

Corrijo:

Coge la primera imagen, «cropped-logo-sin-frase.png», cambia su tamaño a 140×63, le cambias el nombre a «cropped-logo-sin-frase-140×63.png» y la subes por FTP para sobrescribir la original.

Iniciador del debate Miriam
(@myrh)

hace 5 meses, 2 semanas

Lo hice, pero no vi cambios, pero lo haré de nuevo a ver si no hice bien algún paso. Antes de eso, tengo algunas dudillas;
– En el panel personalizar tengo activado el logotipo y el logotipo para dispositivos de retina, tengo entendido que esta es la forma correcta para que se vea bien en todos los dispositivos, ¿es correcto?
– Cuando subo el logo de 140×63 desde el panel personalizar, precisamente en esa vista previa el logo se me ve bien, pero al subirlo más pequeño me pierde calidad la imagen, ¿lo tengo que subir tan pequeño o mejor subir una versión más grande?
– Y en el FTP, en la carpeta de la ruta «https://websy-agency.com/wp-content/uploads/2023/04», no me aparece ningún archivo para reemplazar, ¿subo igualmente el logo ahí para «reemplazarlo»?

Viendo 15 respuestas - de la 1 a la 15 (de un total de 27)

1 2 →

Debes estar registrado para responder a este debate.

Vistas