Soporte » Diseño – Temas y plantillas » Duda resolución foto / Inspeccionar plantilla F12

  • Resuelto javibcn

    (@javibcn)


    Muy buenos días amigos,

    Estoy intentando subir una imagen, pero se re escala y me la pone borrosa.

    En el asistente, pone que la imagen ha de medir 1200×280 píxeles, la he hecho de esa medida pero se vuelve borrosa. He probado con resoluciones de 75/150/300 DPI por si acaso, pero ya vi que como pensaba, no era eso.

    He visto un tutorial que explica cómo medir los espacios. Cuando inspecciono con google chrome, me dice que la esa sección de la plantilla mide 856,6×331 px. Primero, photoshop no permite decimales en píxeles. Y segundo, cuando la he subido, la proporción no pegaba nada, y estaba más cercana al 1200×280 que al 856,5 x 331.

    Algún consejo? Gracias

    WEB: http://www.simiopoly.com

    • Este debate fue modificado hace 3 años por javibcn.
    • Este debate fue modificado hace 3 años por javibcn.
    • Este debate fue modificado hace 3 años por javibcn.
Viendo 7 respuestas - 1 de 7 (de 7 total)
  • Moderador LGrusin

    (@lgrusin)

    Yo las veo bien, no sé a qué te refieres exactamente.

    Un saludo

    javibcn

    (@javibcn)

    Hola LGrusin

    Veo la cara del mono super desenfocada. Quizás es porque hice el diseño en una resolución mucho mayor, y al reducirlo, casi no se le ven las cejas, he tenido que hacer una máscara de enfoque, y ha quedado con más ruido pero menos desenfocado.

    Si pongo una resolución mayor, me obliga a recortarla, y aún es peor.

    Existe alguna forma de saltarse la restricción de la plantilla?

    Gracias

    oldlastman

    (@oldlastman)

    Buenas,

    Cuando trabajas el diseño de un sitio responsive lo que describes es uno de los problemas que te encontrarás siempre. No existe medidas absolutas, cada pantalla y cada dispositivo mostrará la proporción que mas se acerque a su caso de uso.
    En algunos themes lo solucionan proporcionando varias imágenes una para cada tamaño relativo.. pero no es una solución correcta y tampoco muy común.

    el único consejo que se podría dar para evitar desenfoque sería sobre dimensionar la imagen manteniendo la proporción, es decir crearla a 1400px de ancho o incluso a 1600px ..
    Claro que eso tiene un costo en tiempo de carga y que en dispositivos de pantalla pequeña tendrá el efecto contrario

    En resumen: lo que te sucede no es un problema WordPress sino de una mala aplicación de diseño responsive

    Un saludo

    Moderador LGrusin

    (@lgrusin)

    Sube una imagen mayor, cuando la recorte te la deja a la medida. Fijate que la que viene de ejemplo tiene el doble de esa medida aconsejada. Sube una JPG que te ocupará menos.

    Además tienes un background que hace que la imagen salga algo oscura. Lo tienes en el archivo style.css de la carpeta asset/css.

    
    .page-header-module:before {
     content: " ";
     position: absolute;
     background: rgba(34,34,34, .3);
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
    }
    

    Si quieres puede eliminar el background.

    Por cierto aqui tienes la misma respuesta

    Slider Theme SHOP ISLE – Tamaño de imagen

    Un saludo

    • Esta respuesta fue modificada hace 3 años por LGrusin.
    • Esta respuesta fue modificada hace 3 años por LGrusin.
    javibcn

    (@javibcn)

    Buenas,

    He hecho:
    – Exportado formato web en jpg máxima calidad
    – Cambiado la resolución a 4600×1120
    – Subido unas 15 veces por prueba y error hasta que el recorte fuera más o menos el real (se come un poco del brillo), pero si la hago más pequeña se ve más desenfocada.

    En png24 eran 899k y en jpg son 400, en el móvil se me carga rápido. En el ordenador tampoco está mal.

    Y en cuanto al background, la plantilla tenía un filtro, intenté borrarlo, y como no me dejaba, bajé la opacidad a 0, dentro de paréntesis el .3 lo puse a .0.
    Has visto otra vez el .3? Es que lo acabo de mirar y me salía a .0

    Gracias a todos!

    oldlastman

    (@oldlastman)

    por favor recuerda marcar el tema como resuelto
    puedes hacerlo usando el selector de la izquierda donde pone «estado»

    un saludo

    • Esta respuesta fue modificada hace 3 años por oldlastman.
    javibcn

    (@javibcn)

    Gracias oldlastman,

    Muy buen foro.

    Un saludo y buenos días

Viendo 7 respuestas - 1 de 7 (de 7 total)
  • El debate ‘Duda resolución foto / Inspeccionar plantilla F12’ está cerrado a nuevas respuestas.