como divido una imagene para que me cargue por partes y que sea mas rrapido la carga?

[fright]

hola amigos, como o con que programa hago el diseño grafico web de una pagina y que los dibujos de fondo o encabezados se dividan o se partan para una carga mas rrapida??? si me entienden ? que se cargue una grafico entera pero dividida por partes, aqui un ejemplo

http://www.print-class.com/productos.htm

agradeceria ayudas, muchas gracias

FRIGHT

[jandres4]

Hola,

Creo que cualquier programa de edición de imágenes te dejará cortar una imágen en varias partes, sin embargo en las herremientas profesionales existe una herramienta slice, donde puedes dividir una imágen en partes y luego exportar todos los fragmentos de una vez.

Los mejores para mi gusto son Adobe Photoshop y Macromedia Fireworks. Yo personalmente he utilizado más fireworks y te digo que es bastante fácil hacer lo que mencionas en el.

Si quieres aprender de edición de imágenes o hacer algo un poco más avanzado, te sugiero que vayas al foro de Diseño Gráfico, allí hay mucha gente experta en el tema que te puede guiar en el uso de herramientas de ese tipo.

FAQs
Tutoriales

Saludos!

[tunait]

Tema trasladado al foro de Diseño gráfico desde Web general

[Zerjillo]

Un detalle MUY importante es que dividir una imagen en varias NO va a acelerar para nada el proceso de carga. De hecho, lo enlentecerá más, ya que varias imagenes "siempre" ocupan más que una sola imagen (aunque sea la misma imagen dividida en trozos). Para colmo, el codigo html será mas complcado (tiene que poner todas las imagenes), con lo cual añades codigo extra a la página (lo que la hace un pelin mas lenta), y por otro lado, las peticiones de las imagenes no se harán todas a la vez, y entre ellas puede haber algun lapso de tiempo, con lo que al final, la carga será más lenta.

Lo que tu querras, casi seguro, es que PAREZCA más rapida la carga (por aquello de que vas viendo como sale la imagen poco a poco). Para eso existe la posibilidad, tanto en JPEG, PNG y GIF de guardar la imagen en modo "entrelazado", es decir, que va a hacciendo que la imagen pueda ir viendose poco a poco conforme va cargandose (es una efecto que parece ir de peor calidad a mejor cuando está totalmente cargada).

Sinceramente si la division de la imagen es solo "para que cargue mas rápido", no lo hagas, te complicaras mucho la existencia para nada.

Un saludo

Zerjillo

[lucasiramos]

Es cierto que se hace mas lento, pero al usuario le parece mas rápido. Es muy poco lo que se "enlentece". Para mi es altamente recomendable...

Saludos. Lucas

[kemie]

para mi es altamente frustrante ver como en una pagina cargan 10 imagencitas, una por una, que una grande

[lucasiramos]

Puede ser... es cuestión de gustos..., pero el usuario promedio te entra a una galería de imágenes, espera 10 segundos, si no ve actividad por parte de la página se va. Pero si ve una puntita aunque sea, espera. Google Maps carga sus mapas de esa forma. De todas formas, como puse arriba, es cuestión de gustos...

Saludos. Lucas

[fright]

muchas gracias por los comentarios, pero que programa me recomiendan fireworks? y como es...tengo o puedo importar cualquier jpg, gif, png y dividirlo?

[fearlex]

Iniciado por Zerjillo

Un detalle MUY importante es que dividir una imagen en varias NO va a acelerar para nada el proceso de carga. De hecho, lo enlentecerá más, ya que varias imagenes "siempre" ocupan más que una sola imagen (aunque sea la misma imagen dividida en trozos). Para colmo, el codigo html será mas complcado (tiene que poner todas las imagenes), con lo cual añades codigo extra a la página (lo que la hace un pelin mas lenta), y por otro lado, las peticiones de las imagenes no se harán todas a la vez, y entre ellas puede haber algun lapso de tiempo, con lo que al final, la carga será más lenta.

Lo que tu querras, casi seguro, es que PAREZCA más rapida la carga (por aquello de que vas viendo como sale la imagen poco a poco). Para eso existe la posibilidad, tanto en JPEG, PNG y GIF de guardar la imagen en modo "entrelazado", es decir, que va a hacciendo que la imagen pueda ir viendose poco a poco conforme va cargandose (es una efecto que parece ir de peor calidad a mejor cuando está totalmente cargada).

Sinceramente si la division de la imagen es solo "para que cargue mas rápido", no lo hagas, te complicaras mucho la existencia para nada.

Un saludo

Zerjillo

yo estoy de acuerdo con esto, era de los ke solia pensar ke aceleraba el proceso de descarga mediante esta forma, picoteando la imagen, y creeme el codigo HTML se aumenta por cada trocito de imagen, no kiero decir ke una imagen de 1024 x 876 la cargue completa, a menos ke sea un wallpaper, pero si la imagen es demasiado grande, ok, ahi pienso ke si es bueno aplicar esa tecnica pero si es una imagen pequeña y ademas bastante optimizada de y de buena calidad, pienso ke debe quedarse como esta y trabajar en base al codigo HTML, creando una sola linea de codigo o eliminando los espacios totalmente, yo por mi parte creo todo el ambiente en photoshop, toda la pagina la creo en photoshop como una sola imagen.
1- A partir de aki, inserto toda la imagen como BackGround lo cual no roba tiempo de descarga (por experiencia propia) y le pongo encima las imagenes o los swf ke vaya utilizar, uso Macromedia DreamWeaver .
2- O simplemente divido/pico las secciones de la pagina, pie, encabezado, columnas, etc. y asi me quedan mas chikitas.

Este es mi consejo personal y por supuesto existen diferentes gustos, espero me consejo te sirva de ayuda.
Saludos a todos

PD: Para mi Photoshop es el mejor aunke soy fiel seguidor de Macromedia, y Fireworks es una muy buena Herramienta, con las dos Juntas puedes crear grandes cosas.

[Neoxs]

Fright:

Sí, puedes abrir cualquier imagen en Fireworks, o bien crear una imagen nueva en donde pegar otras imagenes, y la vas dividiendo con la herramienta "División", está en la barra de Herramientas, casi abajo de todo, y tiene un ícono como si fuera un cuadrado verde.
Una vez que seleccionas la herramienta, vas dibujando sobre la imagen la división que queres hacer (recordá que cada división que hagas se exportará como una imagen independiente).
Yo personalmente trato que todas las divisiones sean iguales, es decir, que si tengo que dividir una imagen que mide 700x400 píxeles, armo 24 divisiones de 100x100 píxeles. Esto es cuestión de gustos únicamente.
Es cierto lo que escribieron (perdón pero no recuerdo el nombre) diciendo que no acelera para nada la transferencia de la página, sino que por el contrario la enlentece; pero yo comparto la opinión de aquellos que dicen que es preferible ir mostrando partes de la imagen al visitante antes que dejar la página en blanco hasta que se cargue una imagen más grande, corriendo el riesgo que el visitante se canse y se vaya.
Espero que te sirva.
Saludos

[fright]

chicos, gracias por la ayuda, me ha sido muy util