[Ovillo] [OT] Optimizar imagenes en PNG
Buenos días y perdón por el OT Estoy maquetando una Web y me encuentro con que varias imágenes que son recortes de personas, objetos, etc. tengo que crearlos en png ya que en formato gif los border me aparecen muy pixelados. Estoy trabajando con photoshop y veo que en la opción optimizar Web me aparecen dos tipo de ficheros PNG, uno el PNG8 y el PNG24. Haciéndolo con PNG8 consigo que la imagen tenga un peso más o menos acpetable pero me aparecen los border muy pixelados. Sin embargo utilizando el formato PNG24 me encuentro con que la imagen aparece perfecta pero pesa bastante más que con el PNG8. Es la primera vez que utilizo imágenes PNG y no se si se me está escapando algo porque he estado navagando por varias páginas web que utilizan PNG y veo que los border de los recortes aparecen perfectos y el peso de la imagen es aceptable. ¿Que estoy haciendo mal? ¿Se me está escapando algo? ¿Hago bien en utilizar photoshop para esto? Muchas gracias a todos, Eva ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Optimizar imagenes en PNG
Si tienes un fondo liso, en la opción "mate" que te da al guardar para web en gif, puedes poner ese color y creará un borde a las imágenes para que no se "rompan". Si el problema es otro, igual ya no puedo ayudar. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Optimizar imagenes en PNG
Hola, Eva Eva García escribió: > Buenos días y perdón por el OT > > Estoy maquetando una Web y me encuentro con que varias imágenes que son > recortes de personas, objetos, etc. tengo que crearlos en png ya que en > formato gif los border me aparecen muy pixelados. > > Estoy trabajando con photoshop y veo que en la opción optimizar Web me > aparecen dos tipo de ficheros PNG, uno el PNG8 y el PNG24. Haciéndolo con > PNG8 consigo que la imagen tenga un peso más o menos acpetable pero me > aparecen los border muy pixelados. Sin embargo utilizando el formato PNG24 > me encuentro con que la imagen aparece perfecta pero pesa bastante más que > con el PNG8. > > Es la primera vez que utilizo imágenes PNG y no se si se me está escapando > algo porque he estado navagando por varias páginas web que utilizan PNG y > veo que los border de los recortes aparecen perfectos y el peso de la imagen > es aceptable. > > ¿Que estoy haciendo mal? ¿Se me está escapando algo? ¿Hago bien en utilizar > photoshop para esto? > > Se ha hablado mucho del formato png en las últimas semanas en esta lista. Un png-8 básicamente es un gif: permite transparencia, pero sólo dos-elevado-a ocho (es decir, 256) colores. Si tu imagen tiene 5000 colores: png-8 elige 256 y desecha los 4744 restantes, por eso se ve pixelada. Png-24 utiliza dos-elevado-a veinticuatro colores (más de dieciséis millones), y por tanto no tienes pérdida de color. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Optimizar imagenes en PNG
Hola, Gracias por las respuestas. El fondo de la Web que va por detrás de las imágenes no es liso por eso no puedo poner un color en mate. Por otra parte por lo que comentáis debería de utilizar el formato PNG24 que es el que me está dando calidad. La cosa es que con la imagen PNG24 la imagen me pesa 114kb ¿creeis que es mucho peso para una imagen? Veo que photoshop no me muestra opción para bajar el peso a las imágenes PNG24 ¿Es habitual utilizar este formato para el diseño Web? Muchas gracias de nuevo, Eva El 2 de marzo de 2009 10:40, Rodrigo Álvarez Virgós escribió: > Hola, Eva > > Eva García escribió: > > Buenos días y perdón por el OT > > > > Estoy maquetando una Web y me encuentro con que varias imágenes que son > > recortes de personas, objetos, etc. tengo que crearlos en png ya que en > > formato gif los border me aparecen muy pixelados. > > > > Estoy trabajando con photoshop y veo que en la opción optimizar Web me > > aparecen dos tipo de ficheros PNG, uno el PNG8 y el PNG24. Haciéndolo con > > PNG8 consigo que la imagen tenga un peso más o menos acpetable pero me > > aparecen los border muy pixelados. Sin embargo utilizando el formato > PNG24 > > me encuentro con que la imagen aparece perfecta pero pesa bastante más > que > > con el PNG8. > > > > Es la primera vez que utilizo imágenes PNG y no se si se me está > escapando > > algo porque he estado navagando por varias páginas web que utilizan PNG y > > veo que los border de los recortes aparecen perfectos y el peso de la > imagen > > es aceptable. > > > > ¿Que estoy haciendo mal? ¿Se me está escapando algo? ¿Hago bien en > utilizar > > photoshop para esto? > > > > > > Se ha hablado mucho del formato png en las últimas semanas en esta > lista. Un png-8 básicamente es un gif: permite transparencia, pero sólo > dos-elevado-a ocho (es decir, 256) colores. Si tu imagen tiene 5000 > colores: png-8 elige 256 y desecha los 4744 restantes, por eso se ve > pixelada. > > Png-24 utiliza dos-elevado-a veinticuatro colores (más de dieciséis > millones), y por tanto no tienes pérdida de color. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Optimizar imagenes en PNG
2009/3/2 Eva García >Veo que > photoshop no me muestra opción para bajar el peso a las imágenes PNG24 ¿Es > habitual utilizar este formato para el diseño Web? > PNG se usa bastante, ademas es facil cambiar de 256 <-->truecolor sin tener que renombrar los ficheros, lo que te llevaria a renombrarlos en el html. Es mejor tener todos los graficos en PNG, excepto las fotos. Las fotos hay que tenerlas en JPG, con una perdida de calidad aceptable, con compresion del 80% pierdes poca calidad, y ahorras mucho peso. Si una foto se pusiera en un formato como PNG, utilizando un algoritmo de compresion sin perdida, el fichero ocuparia bastante. Mas que nada por el ancho x alto, y porque para el algoritmo, tantos colores le resulta dificil de comprimir. Los formatos de 8 bits, ademas suelen permitir reducir la paleta a multiplos de 2. Como 2 colores, 4, 8, 16... lo cual aun reduce mas el peso de las imagenes. -- -- ℱin del ℳensaje. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Optimizar imagenes en PNG
Para mi es bastante simple: - Pocos colores y colores planos (sin gradientes), usar GIF - Gradientes, Fotos de personas, paisajes, etc, usar JPG - Elementos que necesitan transparencia de calidad, iconos con muchos colores, usar PNG A veces algunos gradientes en JPG quedan con mala continuidad y hay que usar un PNG también. 2009/3/2 Tei > 2009/3/2 Eva García > >Veo que > > photoshop no me muestra opción para bajar el peso a las imágenes PNG24 > ¿Es > > habitual utilizar este formato para el diseño Web? > > > > PNG se usa bastante, ademas es facil cambiar de 256 <-->truecolor sin > tener que renombrar los ficheros, lo que te llevaria a renombrarlos en > el html. Es mejor tener todos los graficos en PNG, excepto las > fotos. Las fotos hay que tenerlas en JPG, con una perdida de calidad > aceptable, con compresion del 80% pierdes poca calidad, y ahorras > mucho peso. Si una foto se pusiera en un formato como PNG, utilizando > un algoritmo de compresion sin perdida, el fichero ocuparia bastante. > Mas que nada por el ancho x alto, y porque para el algoritmo, tantos > colores le resulta dificil de comprimir. > > Los formatos de 8 bits, ademas suelen permitir reducir la paleta a > multiplos de 2. Como 2 colores, 4, 8, 16... lo cual aun reduce mas el > peso de las imagenes. > > > > -- > -- > ℱin del ℳensaje. > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- ↓ Ignacio Ricci www.ignacioricci.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Optimizar imagenes en PNG
¿Qué ventaja le ves a GIF frente a PNG8? No es mi ámbito, pero con mis pocos conocimientos intento usar JPG para fotos y PNG para todo lo demás. Ignacio Ricci wrote: > Para mi es bastante simple: > - Pocos colores y colores planos (sin gradientes), usar GIF > - Gradientes, Fotos de personas, paisajes, etc, usar JPG > - Elementos que necesitan transparencia de calidad, iconos con muchos > colores, usar PNG > > A veces algunos gradientes en JPG quedan con mala continuidad y hay que usar > un PNG también. > > 2009/3/2 Tei > >> 2009/3/2 Eva García >>> Veo que >>> photoshop no me muestra opción para bajar el peso a las imágenes PNG24 >> ¿Es >>> habitual utilizar este formato para el diseño Web? >>> >> PNG se usa bastante, ademas es facil cambiar de 256 <-->truecolor sin >> tener que renombrar los ficheros, lo que te llevaria a renombrarlos en >> el html. Es mejor tener todos los graficos en PNG, excepto las >> fotos. Las fotos hay que tenerlas en JPG, con una perdida de calidad >> aceptable, con compresion del 80% pierdes poca calidad, y ahorras >> mucho peso. Si una foto se pusiera en un formato como PNG, utilizando >> un algoritmo de compresion sin perdida, el fichero ocuparia bastante. >> Mas que nada por el ancho x alto, y porque para el algoritmo, tantos >> colores le resulta dificil de comprimir. >> >> Los formatos de 8 bits, ademas suelen permitir reducir la paleta a >> multiplos de 2. Como 2 colores, 4, 8, 16... lo cual aun reduce mas el >> peso de las imagenes. >> >> >> >> -- >> -- >> ℱin del ℳensaje. >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Optimizar imagenes en PNG
El problema que te vas a encontrar con el png 24 es que en iexplorer 6 y anteriores el fondo no se ve transparente sino gris, yo que tu limpiaría los bordes de la imagen pixel a pixel e intentaría usar el png 8, aunque es muy trabajoso ya lo se jej. Un Saludo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
