Foros del Web » Creando para Internet » Diseño Gráfico »

Imagen cabecera borrosa con medidas / Inspeccionar F12

Estas en el tema de Imagen cabecera borrosa con medidas / Inspeccionar F12 en el foro de Diseño Gráfico en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/11/2016, 07:33
 
Fecha de Ingreso: julio-2010
Mensajes: 53
Antigüedad: 14 años, 4 meses
Puntos: 0
Imagen cabecera borrosa con medidas / Inspeccionar F12

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 280.

Algún consejo? Gracias

WEB: http://www.simiopoly.com
  #2 (permalink)  
Antiguo 30/11/2016, 08:33
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Imagen cabecera borrosa con medidas / Inspeccionar F12

Tu imágen no está "borrosa": http://simiopoly.com/wp-content/uplo...3%ADtulo-3.jpg

Simplemente la imagen se agranda o reduce dependiendo del tamaño del monitor.

Haz una imagen más grande. Yo la exportaría de plano a full HD. 1920 de base.

Los 75/150/300 no tienen nada, nada que ver.

P.D. 1 Usa PNG para este tipo de imagenes.
P.D. 2 No dejes espacios en el NombreDeTuArchivo.jpg
  #3 (permalink)  
Antiguo 30/11/2016, 19:46
 
Fecha de Ingreso: julio-2010
Mensajes: 53
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Imagen cabecera borrosa con medidas / Inspeccionar F12

Buenas Rafael!!

Muchas gracias por la respuesta.

He probado las cosas que me has dicho:

1- Si pongo 1920x280 o 1920 por el tamaño proporcional, al subir la imagen, me dice que la tengo que recortar y me la destroza.
2- He probado a poner PNG-24 y la verdad que la imagen se ve mucho más nítida y pesa poquísimo. 94k
3- El nombre del archivo era sólo para hacer pruebas, no he puesto ni los "metadatos" o la información extra.

Me has dejado muerto cuando he visto el link de mi imagen enlazada
  #4 (permalink)  
Antiguo 01/12/2016, 04:12
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Imagen cabecera borrosa con medidas / Inspeccionar F12

La cosa es que el template ha de estar resampleando la imagen con algún JavaScript. No creo que solo sea con CSS.
  #5 (permalink)  
Antiguo 01/12/2016, 20:11
 
Fecha de Ingreso: julio-2010
Mensajes: 53
Antigüedad: 14 años, 4 meses
Puntos: 0
Respuesta: Imagen cabecera borrosa con medidas / Inspeccionar F12

Hola Rafael

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

Etiquetas: plantilla, resolución, tamaño, wordpress
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:12.