Source: https://es.wordpress.org/support/topic/duda-resolucion-foto-inspeccionar-plantilla-f12/
Timestamp: 2020-01-19 18:48:51+00:00

Document:
Duda resolución foto / Inspeccionar plantilla F12 | WordPress.org Español
Soporte » Diseño – Temas y plantillas » Duda resolución foto / Inspeccionar plantilla F12
Duda resolución foto / Inspeccionar plantilla F12
Resuelto javibcn
(@javibcn)
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.
WEB: http://www.simiopoly.com
Este debate fue modificado hace 3 años, 1 mes por javibcn.
Yo las veo bien, no sé a qué te refieres exactamente.
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?
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
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 {
background: rgba(34,34,34, .3);
Si quieres puede eliminar el background.
Por cierto aqui tienes la misma respuesta
Slider Theme SHOP ISLE – Tamaño de imagen
Esta respuesta fue modificada hace 3 años, 1 mes por LGrusin.
– 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
por favor recuerda marcar el tema como resuelto
puedes hacerlo usando el selector de la izquierda donde pone «estado»
Esta respuesta fue modificada hace 3 años, 1 mes por oldlastman.
Gracias oldlastman,
El debate ‘Duda resolución foto / Inspeccionar plantilla F12’ está cerrado a nuevas respuestas.
Última respuesta de: javibcn
Última actividad: hace 3 años, 1 mes

References: resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución