• Resuelto Miriam

    (@myrh)


    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)
  • Moderador almendron

    (@almendron)

    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)

    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)

    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)

    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)

    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)

    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)

    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)

    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)

    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)

    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)

    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)

    Moderador almendron

    (@almendron)

    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)

    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)

    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)
  • El debate ‘El logo de mi tema Astra se ve borroso’ está cerrado a nuevas respuestas.