Foros del Web » Creando para Internet » Diseño web »

Pregunta sobre posicionamiento de imagenes

Estas en el tema de Pregunta sobre posicionamiento de imagenes en el foro de Diseño web en Foros del Web. bueno tal vez esta pregunta sea un poco tonta, peor la verdad no se me ocurrio como hacerlo. Lo que quiero, o mejor dicho me ...
  #1 (permalink)  
Antiguo 09/08/2007, 11:53
 
Fecha de Ingreso: mayo-2007
Mensajes: 88
Antigüedad: 10 años, 6 meses
Puntos: 0
Pregunta sobre posicionamiento de imagenes

bueno tal vez esta pregunta sea un poco tonta, peor la verdad no se me ocurrio como hacerlo.

Lo que quiero, o mejor dicho me pidieron hacer, es que con una imagen de fondo, la cual es de buen tamaño, la use pero que esta no aparesca como mosaico sino lago asi como en se hace en windows y sus imagenes de fonod cuando se le pide la imagen expandida, para que ocupe lo de la pantalla exactamente. la verdad no se si se pueda hacer o no. pero en caso de que esto seria imposible. ¿a que resolucion me recomiendan modificar la imagen para que en la mayoria de los monitores aparesca correctamente ??

PD.- la imagen es solo para la portada por suerte
  #2 (permalink)  
Antiguo 09/08/2007, 12:39
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Re: Pregunta sobre posicionamiento de imagenes

Una imagen si es ampliada en su tamaño original, pierde calidad (poco o mucha pero pierde), aunque a veces esto es imperceptible. por lo que desde el punto de vista de la calidad siempre es recomendable que trabajes de más a menos Por ejemplo, has una imagen de 1024 x 768 pixels y de ser necesario muestrala en 800 x 600 pixeles (ambos valores se corresponden con resoluciones de pantalla standares y son proporcionales, por lo que no habrá distorsión. Si haces lo contrario tu original de 800 x 600 perderá calidad en 1024 x 768. Sin embargo te darás cuanta que una imágen de menor tamaño pesará menos y cargará más rapidamente la página.
Es una cuestion de gustos, o le das prioridad a la estética o a la velocidad.
También sería útil saber de que "imágen" estamos hablando, a algunas la degradación no les afecta, en otros casos las hace impresentables.
Tambien tienes otra opción, quizás un poco más compleja para tu nivel, que es crear dos imágenes y presentar una u otra segun la resolución de pantalla justamente hace un rato conteste algo en

http://www.forosdelweb.com/showthread.php?t=510463
Por favor si posteas otra vez trata de ser mas claro en la formulación de tu pregunta.
Saludos
  #3 (permalink)  
Antiguo 09/08/2007, 14:54
Avatar de marcelomdsc  
Fecha de Ingreso: junio-2007
Ubicación: Windsor, California.
Mensajes: 706
Antigüedad: 10 años, 6 meses
Puntos: 8
Re: Pregunta sobre posicionamiento de imagenes

emprear tiene razon en que tu pregunta deberia de ser mas clara.
y si das pocos detalles lo mejor es que des un ejemplo.
__________________
ginkgo.com.uy
  #4 (permalink)  
Antiguo 10/08/2007, 08:28
Avatar de ZeroLino  
Fecha de Ingreso: abril-2007
Mensajes: 91
Antigüedad: 10 años, 7 meses
Puntos: 2
Re: Pregunta sobre posicionamiento de imagenes

por lo que yo entendi.. la imagen la quiere dejar "completa" en la pantalla, y lo que ocurre es que es muy pequeña es por eso que aparece como mosaico...

y con respecto a lo que dice EMPREAR es muy cierto... tienes que buscar una imagen de 1024 x 768 para que tengas una buena resolucion...

<body background="IMAGENES0/bnw_titlelrg.jpg">

ahi mi imagen la saque de una carpeta llamada "IMAGENES0"

espero que te sirvan las respuestas...
  #5 (permalink)  
Antiguo 10/08/2007, 10:32
 
Fecha de Ingreso: mayo-2007
Mensajes: 88
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: Pregunta sobre posicionamiento de imagenes

jajja, sry por explicarme levemente, tratare de ser mas explicito

tengo una imagen que me fue proporcionada para un fonodo de pantalla con resolucion de 2048 x 1536, esta esta en blanco y negro


http://img441.imageshack.us/img441/8...opotadapg2.jpg


esa es la imagen que me pidieron usar, el problema en mi caso no es que se vea demaciado chica sino lo contrario, en mi caso es demaciado grande y al usar la etiqueta de backround, lo que sucede es que parte de la imagen no se ve.


de hehco solo cabe el techo jajaja, entonses mi pregunta seria: ¿Existe alguna forma de que en web redimencione la imagen y quede justa? y de no ser asi, cual seria el tamaño mas propicio para rediseñar la la imagen.


y ya checando el codigo de java scrip de Emprear, me gusto como lo trata, pero quisiera saber si hay alguna manera de hacer ese cambio sin implementar CSS ya que no soy muy bueno con las hojas de cascada, apenas comienzo a usarlas, por comenzar refiero a que ayer lei el primer manual de CSS jejej XDu, si la unica manera es por CSS pues vere como hacerle ^^ jeje solo tendria una pregunta, el style de CSS tendria que ser externo y definiria que imagen usar no? por tanto debo tener dos styles externo y dos imagenes, o el style con ayuda del java lo recdimenciona ??


Espero haberme explicado bien, si no es asi dganmelo y intentare enfocarme mas ^^
  #6 (permalink)  
Antiguo 10/08/2007, 14:06
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Re: Pregunta sobre posicionamiento de imagenes

Syprog, vamos a ir redondeando cosas y conceptos porque si no vamos a descarrilar.

Una imagen como elemento en si mismo, puede ser redimensionada, si a la imagen de tu ejemplo (2048 x 1536) la presento como

<img src="dibujopotadapg2.jpg" width="100" height="100" alt="">

por ahora no me detengo a hacer un análisis de lo que implica cargar una imágen de 292 KB como fondo de algo

Ahora que una imagen como fondo (background) de algún elemento NO puede ser redimensionada con o sin CSS. A lo suma podrás hecer que se repita o no. vertical y/u horizontalmente para que complete el espacio del elemento en cuestión, en caso de ser la imagen de mayores dimensiones que el elemento, slo verás un fragmento de la imagen. si bien por defecto la imagen aparece como fondo a partir de las cooredenadas top(arriba)0px left(izq.) 0px, este comportamiento puede ser alterado posicionando a través de valores exactos, incluso negativos, prueba con eso que sigue

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Im&aacute;gen de fondo</title>
<style type="text/css">
<!--
#capa1 {
	position:absolute;
	width:267px;
	height:173px;
	z-index:1;
	background-image: url(dibujopotadapg2.jpg);
	background-repeat: no-repeat;
	background-position: 50px -1500px;
	border: 1px solid #003300;
}
-->
</style>
</head>

<body>
<div id="capa1">&nbsp;</div>
</body>
</html>
La única forma de ver tu imágen original en su totalidad es que alguien esté usando una resolución de pantalla de 2048 x 1536, ¿Conoces a alguien?

CSS está para (entre otras cosas) para hacer eso mismo que tu quieres hacer, por supuesto que hay otras formas y variantes, podrías hacer dos páginas, y especificar atributos y propiedades internamente en cada una de ellas sin usar css, digamos index.html y 800.html, hacer cargar por defecto la index.html (que está preparada para 1024 x 768), determinar la resolución con javascript y si es 800 x 600, redirigir a 800.html. Seguramente otro en el foro nos dirá que tambien hay otro método.

En tu caso no es un sólo un caso de cambio de estilos, es un tema que requiere automatización sin intervención del usuario. Que en muchos casos ni siuiera sabe lo que es resolución de pantalla, o si lo sabe está navegando desde un Cyber y no tiene acceso a la configuración del sistema, para eso está javascript que puede ejecutarse en el cliente

En lo que no tienes opción es que si deseas ver la imagen completa deberás crear una para cada resolución de pantalla, yo te sugiero que te limites a 1024x768 y 800x600 (al cual, insisto, por otras discusiones que he tenido, no hay que olvidar por el momento)

Para terminar estuve trabajando con tu imágen (y en relación a lo que dije en mi respuesta anterior) creo que puede ser degradada sin que pierda significado en tu página, fijate que es más bien un dibujo, bastante rústico y en escala de grises. he conseguido unos respetables 1024.jpg de 50,7KB y 800.jpg de 32,4 KB
que pueden reducirse más aún.

Y si, necesitas dos css y dos imágenes....

Saludos

Última edición por emprear; 10/08/2007 a las 14:14 Razón: incompleto
  #7 (permalink)  
Antiguo 13/08/2007, 10:09
 
Fecha de Ingreso: mayo-2007
Mensajes: 88
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: Pregunta sobre posicionamiento de imagenes

primero que nada, muchas grasias emprear, ya me puse a hacer losde los dos estilos, estoy batallando un poquito, pero ya me va quedando XD.


como pregunta final quisiera preguntarte como reduses el tamaño en Kb de la imagen cuando yo la reduje a 1024 pesa 165 KB, y tu mencionaste una del mismo tamaño con solo 50 KB de peso oO. Sry puedo cambiarle el tamaño a una imagen pero no tengo ni idea como cambiarle la calidad, para que pese menos ^^U.

y ya por mientras ya hice las imagenes de 1024 x 768 y la de 800 x 600, ya con esto creo poder hacerlo, muchas grasias XD
  #8 (permalink)  
Antiguo 13/08/2007, 12:19
Avatar de elfran222  
Fecha de Ingreso: junio-2006
Mensajes: 550
Antigüedad: 11 años, 6 meses
Puntos: 7
Re: Pregunta sobre posicionamiento de imagenes

Haber si le vas a reducir de peso o es o cambiarle el tamaño o quitarle calidad a la imagen.
  #9 (permalink)  
Antiguo 13/08/2007, 12:57
Avatar de marcelomdsc  
Fecha de Ingreso: junio-2007
Ubicación: Windsor, California.
Mensajes: 706
Antigüedad: 10 años, 6 meses
Puntos: 8
Re: Pregunta sobre posicionamiento de imagenes

tenes que reducir la resolucion, para eso precisas algun editor de graficos como photoshop. La resolucion standard para imagenes es 72ppi (pixels per inch - pixeles por pulgadas). Eso deberia ser suficiente pero de todos modos no creo que nunca sea nesesario tener una imagen mayor a 800x600 para la web.
__________________
ginkgo.com.uy
  #10 (permalink)  
Antiguo 13/08/2007, 14:42
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Re: Pregunta sobre posicionamiento de imagenes

Esto que te diré se aplica en particular a tu imágen, quizás no sea oportuno para otras.
Efectivamente necesitas de un software auxiliar, hay muchísimos editores gráficos con funciones bastante simples, yo utilicé una vieja versión del Ulead Smart Saver Pro, pero supongo que con cualquier soft que exporte jpg lo conseguirás.
Te describo el proceso que le apliqué a tu original
dibujopotadapg2.jpg 292 KB 2048 x 1536 pixels

redimensionado a 800 x 600 +
compresión jpg 50% +
blur 1 +
escala de grises = 29 KB te dejo el link syprog_800.jpg

redimensionado a 1024 x 768 +
compresión jpg 50% +
blur 1 +
escala de grises = 45 KB , idem syprog_1024.jpg

Por supuesto, aún se puede achicar, como también es posible que no te agraden como quedan, aquí ya no es una cuestíon de técnicas sino de apreciación personal, para mi respetan perfectamente tu idea de utilizar esa imagen como fondo

Saludos
  #11 (permalink)  
Antiguo 16/08/2007, 12:54
 
Fecha de Ingreso: mayo-2007
Mensajes: 88
Antigüedad: 10 años, 6 meses
Puntos: 0
Re: Pregunta sobre posicionamiento de imagenes

jeje, no habia tenido tiempo de venir a checar mi post,

muchas grasias emprear, asi esta perfecto, ahora yo mismo checare como hacer lo mismo la proxima vez que lo nesesite XD.

Bueno creo que esto termina con este post, si lo desean ya pueden cerrarlo XD
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 22:49.