Avisos
Vaciar todo

Hosting WordPress 70% dto Dominios promo

[Resuelto] Logo Web  

 
Icompplus
 Icompplus
Usuario eminente

Buenos días,

Estoy intentando que el logo de mi web se vea correctamente sin que pierda calidad. En algunos monitores, por la resolución de pantalla, no se ven completamente bien. Lo he intentado subir también por FTP pero se sigue viendo igual y el formato svg no me lo permite subir Prestashop.

Un saludo.

 

Contenido solo visible a usuarios registrados

Respondido : 26/10/2023 8:54 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Bruno.

Puedes adjuntar una captura de como lo ves ?

Esto es lo que yo veo con un monitor de 32"

screenshot icompplus.com 2023.10.26 10 03 03

Esto con un portátil.

Captura de pantalla 2023 10 26 a las 10.05.20

No veo diferencias entre los dos y el logo se muestra bien.

 

Un saludo

 

Respondido : 26/10/2023 9:07 am

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

Icompplus
 Icompplus
Usuario eminente

Buenas, Pepe, 

Le adjunto como se ve desde mi pantalla y el contraste desde una imagen con otra tonalidad desde un correo y la pérdida de calidad del logo por el tamaño de la imagen.

Un saludo,

CapturaLogo
CapturaLogo2

 

Esta publicación ha sido modificada el hace 7 meses por Icompplus
Respondido : 26/10/2023 9:17 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Bruno.

Ok sube el logo con un tamaño superior al que tienes, por ejemplo de 1200px y lo pruebas.

 

Un Saludo

 

Respondido : 26/10/2023 9:31 am

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

Icompplus
 Icompplus
Usuario eminente

Buenas de nuevo, 

Si se amplía a esa resolución la imagen, se ve bien. Lo que necesitamos es que se siga viendo correctamente bajando el tamaño de la imagen pero que no pierda esos pixeles necesarios para que no se vea borrosa.

Un saludo.

Esta publicación ha sido modificada el hace 7 meses por Icompplus
Respondido : 26/10/2023 9:41 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Bruno.

Aunque tengas un tamaño más grande la imagen se redimensiona al tamaño de donde tiene que mostrarse.

A la imagen se le asigna un tamaño y luego se le indica que muestre la imagen en un tamaño del 100% según la resolución:

Captura de pantalla 2023 10 26 a las 11.06.15

Es decir aunque tengas una imagen con un tamaño de 1200px siempre se redimensiona al tamaño donde se muestra.

Si quieres un tamaño de imagen más pequeño puedes probar con una imagen de 800px aunque yo no lo cambiaría si con esa resolucion se ve bien.

 

Un Saludo

 

Respondido : 26/10/2023 10:12 am

Icompplus
 Icompplus
Usuario eminente

Debe salir correctamente en un tamaño más reducido. Te adjunto una imagen en 1000 px. Así no podría quedar la página porque el logo quedaría inmenso. Otra opción sería meter el logo en svg pero Prestashop no me lo permite.

Captura desde 2023 10 26 11 17 40

 

Respondido : 26/10/2023 10:19 am
Icompplus
 Icompplus
Usuario eminente

¿Alguna idea al respecto? 

Un saludo.

Respondido : 26/10/2023 12:09 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola

Puedes decirme en que URL lo ves de esa manera ya que en una resolución de 1000px lo veo de esta manera:

Captura de pantalla 2023 10 26 a las 13.31.09

Puedes modificar el tamaño utilizando los medias de CSS, por ejemplo:

@media (min-width: 780px) and (max-width: 1000px) {
img.logo.img-fluid {
max-width:60%;

}
}

Con el @media le podemos indicar las resoluciones dónde queremos un tamaño distinto

Puedes aumentar o disminuir el valor de max-width:60% para adaptarlo a lo que buscas.

 

Puedes añadir el código en el archivo custom.css que encontras en themes -> warehouse -> assets -> css " custom.css "

 

Un saludo

 

Respondido : 26/10/2023 12:45 pm
Icompplus
 Icompplus
Usuario eminente

Acabo de subir el logo en 1200px, añadiendo el código que me ha pasado y modificando el 1000 por 1200 pero no funciona.

Captura desde 2023 10 26 14 22 55

 

Respondido : 26/10/2023 1:23 pm

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

El tamaño en el que subas la imagen no importa siempre que sea el tamaño igual o mayor al que está definido en CSS

Captura de pantalla 2023 10 26 a las 16.14.45

añadiendo el código que me ha pasado y modificando el 1000 por 1200

Los media son las resoluciones del monitor no la imagen

@media (min-width: 780px) and (max-width: 1000px)

En este caso le indicamos que el codigo que esta dentro de ese media solo se active cuando las resoluciones del monitor sean entre 780px y 1000px.

Si pruebo el código que te indique antes veo que funciona sin problemas:

Captura de pantalla 2023 10 26 a las 16.21.21

 

Ten en cuenta que estas utilizando Prestashop y cuando se realiza alguna modificación siempre tienes que vaciar la cache de prestashop para ver los resultados.

 

Un saludo

Respondido : 26/10/2023 3:24 pm
Icompplus
 Icompplus
Usuario eminente

Tal y como indicas fue realizada la modificación con su correspondiente limpia de caché y no fue posible verlo correctamente. En cualquier caso, cerramos el tema al optar finalmente por otra solución.

Muchas gracias, un saludo.

Esta publicación ha sido modificada el hace 7 meses por Icompplus
Respondido : 27/10/2023 7:48 am

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