Ayuda en redimensionar imagen o cómo poder hacerlo (con lo comentado)

[Isma_gmr18]

Estoy haciendo una página web, el problema que tengo es que el encabezado no queda nada bien, no se me da bien toquetear ni "editar" imágenes, por eso escribo el tema.

Para los que saben de diseño y saben tratar con imágenes me redimensionaran la imagen que pondré debajo para ponerla y se adecue, o en todo caso me dijeran cómo poder redimensionar, sin perder calidad en la imagen (no se vea pixelado ni nada por el estilo), lo intenté tanto en GIMP como en editores online. Lo que tendría que ocupar es casi todo el ancho de la página por defecto (sin tener en cuenta el ancho de donde veas la imagen), de eso se encarga las órdenes del responsive.

Imagen:

En mi web no se ve como aquí... Se ve pequeño, algo de CSS más ID o Class en etiqueta HTML tendrá que ver...

Viendo esto, ¿algo que mejorar en la imagen? Sin retocar la estética o como poder redimensionar para adecuarla sin que se pixele.

 

[Artista]

@Isma_gmr18

Buenas tardes Isma. Te cuento:

El mayor problema que tienes con esa imagen es que tiene un tamaño de 649x263 píxeles, es menos de 1/4 del tamaño que debería tener para verse correctamente, al ser tan pequeña, la página en la que la pones como fondo la tiene que estirar mucho para que ocupe toda la página, con la consecuente perdida de resolución, si estiras una imagen pequeña tantísimo, se pierde calidad.

Otra cosa que tienes que tener en cuenta es la siguiente: Más o menos la resolución que se suele usar para fondos de webs es de 1250x800 píxeles, si resulta demasiado pequeño, se va aumentando PERO siempre respetando la proporción, por ejemplo, si con 1250x800 te va mal, puedes subir a 1686x1079 (Por poner un ejemplo, pueden ser varios tamaños). Además de esto, también debes tener en cuenta que una vez puesto el fondo de la web por ejemplo a 1250x800 píxeles, algún usuario que entre a la web con una resolución de pantaña mayor, como 1360x768 verá el fondo más pequeño, si entra con una resolución inferior a la del fondo, verá el fondo incompleto (Tú mismo lo puedes comprobar yendo al foro de Laps4 y cambiándote a una resolución de pantalla mayor).

En definitiva: El fondo que has creado es más ancho que alto, por lo que la resolución que yo usaría sería de 1686x682. He agrandado la imagen que has puesto a esa resolución, pero si abres dicha imagen en una nueva pestaña o si la usas para tu web verás que se pixela un poco:

Lo que yo haría si fuese tú es primero averiguar la resolución exacta que necesitas para la web, y crear otro fondo igual directamente en esa resolución.

P.D: Si sabes la resolución que quieres usar y no tienes tiempo para hacerlo tú, puedo hacer el fondo yo mismo lo más parecido posible al que has mostrado.

Espero que todo este ladrillo te ayude.

Saludos.

 

[ERICC1976]

Muy buena explicacion

 

[Isma_gmr18]

Gracias @Artista por la ayuda.
@Gaania @*TANGO* Ya podéis cerrar el tema.