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

Mas informacion sobre optimizacion...

Estas en el tema de Mas informacion sobre optimizacion... en el foro de Diseño Gráfico en Foros del Web. Hola a todos: Me he dado una vueltecilla por varios mensajes en relacion con la optimizacion de imagenes para webs y me gustaria formular varias ...
  #1 (permalink)  
Antiguo 04/02/2003, 12:39
 
Fecha de Ingreso: octubre-2001
Mensajes: 1.288
Antigüedad: 22 años, 5 meses
Puntos: 0
Pregunta Mas informacion sobre optimizacion...

Hola a todos:

Me he dado una vueltecilla por varios mensajes en relacion con la optimizacion de imagenes para webs y me gustaria formular varias preguntas:

1.- en este mensaje, que ha sido una revelacion para mi que soy muuy novata en esto, yenna dice que se puede definir un color hacia el que la sombra se pierde. Mi pregunta es: ¿y si tengo un fondo? . Aunque sea una imagen con fondo transparente, que yo sepa si tiene sombra se va a ver como un pegote de otro color debajo.

2.- en este otro mensaje se explica como se puede optimizar una imagen con Photoshop, y mis preguntas son varias en base a vuestras experiencias:

2.a.- ¿Cual es el peso ideal para imagenes de un menu?
2.b.- ¿Y para un thumbnail e imagenes de gran tamaño?
2.c.- ¿Que formato es el mas adecuado, GIF o JPG? (ventajas e inconvenientes)
2.d.- ¿Que es mejor, imagenes con fondo transparente o con color de fondo? (ventajas e incovenientes)
2.e.- ¿De que manera se optimiza desde Paint Shop Pro?

3.- Tambien veo que dais en multiples ocasiones la opcion de fragmentar la imagen y cargarla de esta manera, fragmentada. ¿Como se supone que se carga una imagen fragmentada? (Esta pregunta no se si realmente corresponde a este foro)

Nota: tengo nociones realmente basicas (no digamos nefastas) de Paint Shop Pro y Photoshop

Si me vais a recomendar Fireworks que sepais que llevo ya un ratito intentando descargar una version free.

Necesito de veras respuestas sinceras porque estoy haciendo una pagina con muuuuuchas imagenes y va muuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuy lenta

Muchas gracias, chicos
__________________
"... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov.

  #2 (permalink)  
Antiguo 04/02/2003, 15:49
Avatar de Ka-El  
Fecha de Ingreso: diciembre-2002
Ubicación: México D.F
Mensajes: 346
Antigüedad: 21 años, 3 meses
Puntos: 0
Te contestare de acuerdo a mis experiencias. Aunque problamente cada quien tendrá su manera

2a y 2b. En mi caso el peso ha dependido de la calidad de imagen que al final he de querer que se tenga. Vi la página que tienes en tu perfil y no tardan mucho en cargarse los thumbnails, asi que yo creo que asi estan bien.

2c. El gif se emplea (casi siempre) para botones, pequeños gráficos,en fin.... y el jpg es utilizado(casi siempre) para imagenes, fotografias etc. Es asi como por ejemplo:

Si exportas una foto como gif de 128 colores el peso en comparación a la misma imagen exportada como jpg sera mucho mayor.

En fin, al final (hablando de photoshop) siempre puedes crear tu paleta de colores para exportar tus imagenes, asi que ya depende de ti.

En tu caso si lo que quieres es poner puras fotografias, lo mejor es exportarlos como jpg.

2c. Depende de que sea lo que quieras


3. A esos fragmentos se les llama slices

En photoshop utilizas la herramienta del mismo nombre, para hacerle cortes a una imagen, entonces cuando la exportas en la ventana de exportación seleccionas los slices(partes) y terminada la exportación la imagen te quedará partida en trozos y guardada en un html y los trozos de imagenes en un folder

Última edición por Ka-El; 04/02/2003 a las 15:52
  #3 (permalink)  
Antiguo 04/02/2003, 16:00
 
Fecha de Ingreso: octubre-2001
Mensajes: 1.288
Antigüedad: 22 años, 5 meses
Puntos: 0
Muchas gracias por ser valiente, leerte todo el mensaje y responderme

Tengo otra pregunta: dices que para imagenes grandes es mejor jpg, pero ¿y la opcion de Photoshop de Salvar para web?

Se supone que si se hace asi, es mejor un gif que un jpg?

Entre otras cosas, me refiero a URL=http://www.krowten.org/psfaq/tutor.php?sec=WEB&tut=17]esto:[/URL]



Saludos.
__________________
"... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov.


Última edición por sgafo; 04/02/2003 a las 16:03
  #4 (permalink)  
Antiguo 04/02/2003, 16:10
Avatar de Ka-El  
Fecha de Ingreso: diciembre-2002
Ubicación: México D.F
Mensajes: 346
Antigüedad: 21 años, 3 meses
Puntos: 0
Si de hecho a eso me referia en todo lo que escribi a salvar para web. Lo puse como exportar pero es eso a lo que me refiero. En el caso de photoshop la opción es Salvar para web.

Siempre que quieras "optimizar" algo para web se ocupa esta opción porque si lo guardas nada mas como gif o como jpg, pus de nada sirve.

Al respecto tambien te puedo decir, que yo suelo probar diferentes opciones en el cuadro de Salvar para web hasta encontrar el resultado que necesito, habra veces que encuentres mejor resultado con el gif y habra otras que sea mejor con jpg.

Bueno, eso es lo que yo hago en particular, trabajo mucho con imagenes que necesitan verse en redes locales, y a cada rato tengo que adaptarme a la velocidad de cada red para no hacer muy pesado el producto.

Todo depende de las necesidades, no te cases con un solo metodo de exportación

Saludos

Última edición por Ka-El; 04/02/2003 a las 16:17
  #5 (permalink)  
Antiguo 04/02/2003, 16:13
Avatar de rickoe
Colaborador
 
Fecha de Ingreso: abril-2001
Mensajes: 353
Antigüedad: 22 años, 10 meses
Puntos: 2
:cantar: Sgafyn!!!!!

Yo te digo como a cambio de las fotos que me debes
__________________
Mejor Jeep Imposible
  #6 (permalink)  
Antiguo 04/02/2003, 16:20
 
Fecha de Ingreso: octubre-2001
Mensajes: 1.288
Antigüedad: 22 años, 5 meses
Puntos: 0
Bueno Ka-el: despues de que acabo de pasar una imagen de 150 kb a 14kb solo perdiendo un poquito de calidad, ya me siento feliz

que era eso que querias decirme, ricky??????

aJUA....
__________________
"... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov.

  #7 (permalink)  
Antiguo 04/02/2003, 16:27
Avatar de rickoe
Colaborador
 
Fecha de Ingreso: abril-2001
Mensajes: 353
Antigüedad: 22 años, 10 meses
Puntos: 2
nou, no era eso

existe otro metodo de no sacrificar calidad de la imagen, aun cuando la imagen pese lo que pese
__________________
Mejor Jeep Imposible
  #8 (permalink)  
Antiguo 04/02/2003, 16:33
Avatar de runa  
Fecha de Ingreso: enero-2002
Ubicación: Al lado del camino
Mensajes: 256
Antigüedad: 22 años, 2 meses
Puntos: 0
Te respondo hasta donde la experiencia me a enseñado....

1.- Lo que se puede defirnir es el color de la transparencia, si la figura es oscura y el fondo es blanco de hecho tendras zonas dentadas de los colores intermedios, bueno esto en GIF y PNG, no he visto una transparencia que sea "interactiva" con el fondo

2a.- No importata tanto el peso en particular de un archivo sino la suma total de todas tus imagenes que esntan en una pagina, cuanto mas images pongas mas lento sera la carga de la misma especialmente para los desdichados que tenemos conecion por modem

2b.- Pues el metodo que utilizas en tu pagina esta bien, thumbnail de 150 ppp de ancho = 5Kb e imagenes de gran tamaño de 500 ppp de ancho = 30kb creo que se verian bien....

2.c.- ¿Que formato es el mas adecuado, GIF o JPG? (ventajas e inconvenientes)
GIF= figuras pequeñas (logos, letras, pequeñas imagenes con animacion simple, imagenes con transparencias)
JPG= figuras grandes (fotos principalmente)

2.d.- ¿Que es mejor, imagenes con fondo transparente o con color de fondo? (ventajas e incovenientes)
Transparentes= Se ve bien, principalmente los logos, pero debes hacer uno para fondo claro y otro para fondo oscuro....
Con fondo= Las puedes usar sobre cualquier fondo, sin preocuparte que se vea mal los bordes

2.e.- ¿De que manera se optimiza desde Paint Shop Pro?
No se... En Fireworks (export preview) y photoshop (guardar para la web) los dos muy utiles pues puedes provar con los formatos y el peso que les quieres dar....

Bueno eso es todo amigos....
Chauuuuuuu
  #9 (permalink)  
Antiguo 04/02/2003, 16:43
 
Fecha de Ingreso: octubre-2001
Mensajes: 1.288
Antigüedad: 22 años, 5 meses
Puntos: 0
Hola Runa:

la verdad es que estas consultas no son para la pagina de fotos de mi perfil, que hice solo para aprender un poquillo y no precisamente de imagenes, diseño u optimizacion, aunque me sirve como orientacion

quiza mi problema ahora es que en una misma pagina se me juntan varias imagenes pesadas, mas imagenes de menus, imagen de marco.... podrian ser unas 10 o 12 por pagina

me sirve de mucho tu respuesta (supongo que a otros /as foreros tambien)

Gracias Runa

Ricky: comparte tu sabiduria con este maravilloso foro y sus cybergentes
__________________
"... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov.

  #10 (permalink)  
Antiguo 04/02/2003, 17:01
Avatar de Ka-El  
Fecha de Ingreso: diciembre-2002
Ubicación: México D.F
Mensajes: 346
Antigüedad: 21 años, 3 meses
Puntos: 0


Pues de ser asi podrias hacer que las imagenes abrieran en popups
  #11 (permalink)  
Antiguo 04/02/2003, 17:19
 
Fecha de Ingreso: octubre-2001
Mensajes: 1.288
Antigüedad: 22 años, 5 meses
Puntos: 0
Ka-el: no me imagino como puede quedar eso esteticamente hablando
__________________
"... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov.

  #12 (permalink)  
Antiguo 04/02/2003, 17:24
Avatar de Ka-El  
Fecha de Ingreso: diciembre-2002
Ubicación: México D.F
Mensajes: 346
Antigüedad: 21 años, 3 meses
Puntos: 0
Lo comentaba porque esa podia ser una manera de no atascar tanto una página(hablando de peso).

O tal vez con layers

Como estas abriendo las imagenes del sitio que dices??
  #13 (permalink)  
Antiguo 04/02/2003, 17:30
 
Fecha de Ingreso: octubre-2001
Mensajes: 1.288
Antigüedad: 22 años, 5 meses
Puntos: 0
Pues la mayor parte de ellas van sobre iframes que voy cargando en funcion del menu, o bien como fondos, o bien como "thumbnails" que te remiten a otra pagina con las imagenes ampliadas y los mismos thumbnails. Eso sin contar con el menu que son imagenes tambien

Aun estoy en ello, asi que poco os puedo mostrar.

En cualquier caso, como ya he conseguido reducir algunas imagenes de tamaño, esta mas desahogado.

Y me tienen que pasar aun unas 10 o 20 fotos mas... ¿que hago, me suicido? ( )


Seguimos mañana

Gracias a todos.

P.D: Ricky, seguimos esperando....
__________________
"... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov.

  #14 (permalink)  
Antiguo 06/02/2003, 11:05
Avatar de rickoe
Colaborador
 
Fecha de Ingreso: abril-2001
Mensajes: 353
Antigüedad: 22 años, 10 meses
Puntos: 2
Cita:
Mensaje Original por sgafo

P.D: Ricky, seguimos esperando.... [/B]

Ya, ya, ya, aqui estoy

Hace unos años la velocidad a la que se conectaba uno a Internet si no mal recuerdo no excedía los 28k, actualmente no creo que aun exista gente que se conecte a esa velocidad, creo que la velocidad mínima ahora sobrepasa los 50k

Quien se conecta por modem fácil se conecta a 50K y quien se conecta por cable sobre pasa los 100k

Ahora bien, tanto en fireworks como en photoshop cuanto exportas un archivo para web, ves tanto el tamaño del archivo como un tiempo de descarga a x velocidad, ajusta esa velocidad a mas de 50K y ajusta el tamaño del archivo a que el tiempo de descarga quede aproximadamente en 10 segundos, es un tiempo en el que creo que el visitante no se desesperara

La otra opción que tienes es preguntar al visitante que tipo de conexión tiene, y tener dos versiones de imágenes, unas para alta velocidad y otra para baja, no faltara quien diga que tiene una conexión rápida, aun cuando no es cierto, y así sepa de antemano que tendrá que esperar x tiempo para ver la imagen

Si existe gente que se espera al cargar una pagina en flash viendo un mensaje "CARGANDO" fácil existe gente que se espera a ver una imagen completa, con la gran diferencia que con el mensaje "CARGANDO" no se ve otra cosa, y con la imagen, la vas viendo aparecer poco a poco.

En resumen, para que sacrificar calidad de imágenes cuando la velocidad de Internet va en incremento.

Saludos

Rickoe
__________________
Mejor Jeep Imposible
  #15 (permalink)  
Antiguo 06/02/2003, 16:31
 
Fecha de Ingreso: octubre-2001
Mensajes: 1.288
Antigüedad: 22 años, 5 meses
Puntos: 0
Muchas gracias por tu analisis

Ya merece una puntacion de excelente para este mensaje
__________________
"... era precisamente la fina hermosura del dolor humano... que al parecer sólo la música sabe expresar." - Cuentos imprescindibles, Anton Chéjov.

  #16 (permalink)  
Antiguo 07/02/2003, 09:38
Avatar de rickoe
Colaborador
 
Fecha de Ingreso: abril-2001
Mensajes: 353
Antigüedad: 22 años, 10 meses
Puntos: 2
Cita:
Mensaje Original por sgafo
Muchas gracias por tu analisis

Ya merece una puntacion de excelente para este mensaje
Ya merece que reciba las fotos que me debes

__________________
Mejor Jeep Imposible
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 19:09.