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

Que tipo de imagenes usar en un sitio web? - optimizar image

Estas en el tema de Que tipo de imagenes usar en un sitio web? - optimizar image en el foro de Diseño web en Foros del Web. Bueno uso imagenes.png pero a diferencia de .jpg y de los .gif pesa demaciado debido a la calidad de la imagen por lo que es ...
  #1 (permalink)  
Antiguo 13/10/2008, 11:21
 
Fecha de Ingreso: enero-2008
Ubicación: Lima - Perú
Mensajes: 1.127
Antigüedad: 16 años, 3 meses
Puntos: 10
Que tipo de imagenes usar en un sitio web? - optimizar image

Bueno uso imagenes.png pero a diferencia de .jpg y de los .gif pesa demaciado debido a la calidad de la imagen por lo que es mas comodo usar imagenes .gif

Bueno ahora como puedo optimizar una imagen .png ó jpg en .gif sin perder calidad?
Que debo hacerle a la imagen bajarle el color o que? ya que si la convierto directamente de png a gif la imagen se distorciona un poco
  #2 (permalink)  
Antiguo 13/10/2008, 11:34
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Que tipo de imagenes usar en un sitio web? - optimizar image

El proceso dependerá de qué programa uses, pero por lo general suelen tener la opción 'exportar para web'.
La extensión, de pende del tipo de imagen, ya que .gif sólo soporta 256 colores pero sí admite colors enmascarado (trasparencia), .jpg no tiene esa limitación pero no puedes enmascarar.
Puedes comprimirlas, ¿cuánto? depende de cada imagen, es cuestión probar y hallar el punto que consideres oportuno en la relación peso/calidad.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 13/10/2008, 11:48
Avatar de hitech  
Fecha de Ingreso: octubre-2008
Ubicación: Chiquimula
Mensajes: 72
Antigüedad: 15 años, 6 meses
Puntos: 1
Respuesta: Que tipo de imagenes usar en un sitio web? - optimizar image

Debes acomodarte a utilizar imagenes *.gif
  #4 (permalink)  
Antiguo 13/10/2008, 12:00
Avatar de Omura
Colaborador
 
Fecha de Ingreso: julio-2006
Ubicación: Peru
Mensajes: 3.491
Antigüedad: 17 años, 9 meses
Puntos: 185
Respuesta: Que tipo de imagenes usar en un sitio web? - optimizar image

como ya te dijeron la limitación que tiene el .gif es que solo soporta 256 colores contra los 16 millones que puede soportar un .jpg, por lo tanto, el .gif lo recomendaría para logos, botones entre otras opciones pero no para fotos que si requieren mayor calidad, para esto usa el .jpg pero comprimiendolo, con esto logras que una imagen digamos de 400x400px pase de 100Kb a 10Kb o menos, esto obviamente sin reducir el tamaño de la imagen.

otro detalle que he visto varias veces es que muchas personas toman fotos usando cámaras digitales a veces usando la resolución mas alta, con esto tienen una foto de 1Mb y las suben a la web pero la muestran a 100x100px como si fuera un thumbnail, obviamente la foto aunque se vea pequeña sigue pesando 1Mb y la web se pone lenta, así que aparte de comprimirla se tiene que redimensionar al tamaño exacto en que se mostrara.
__________________
Mi error era de código... pero de código genético.
  #5 (permalink)  
Antiguo 13/10/2008, 12:27
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Que tipo de imagenes usar en un sitio web? - optimizar image

Y tomado de la wikipedia: comparación PNG con GIF y JPG (para animar el tema)
Cita:
PNG en la web [editar]

Pese a que las carácteristicas técnicas y de compresión hacen del PNG un formato ideal para sustituir al GIF, su adopción ha sido muy lenta debido en parte a comparaciones erróneas y algunas desventajas técnicas:
  • No está soportado por algunos navegadores muy viejos (sin embargo estos navegadores son muy raros hoy en día).
  • No admite animación.
  • La administración de color fallaba en algunos navegadores (actualmente no es muy importante y se puede evitar).
Falsas creencias:
  • Internet Explorer 6 no soporta PNGs transparentes. Habría que matizar un punto. Internet Explorer 6 e inferiores admiten transparencias binarias como en el GIF, pero fallan al mostrar imágenes con canal alfa. Eso se debe a que el paquete que especifica el canal alfa es opcional (tRNS) según la especificación PNG, sin embargo Internet Explorer 7 si los admite.
  • Las imágenes en PNG pesan más que los GIF. De nuevo, no es cierto. Esta falsa creencia es debido a que se compara con PNGs mal codificados o de 32 bits con GIFs de 256 colores.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 13/10/2008, 12:34
 
Fecha de Ingreso: enero-2008
Ubicación: Lima - Perú
Mensajes: 1.127
Antigüedad: 16 años, 3 meses
Puntos: 10
Respuesta: Que tipo de imagenes usar en un sitio web? - optimizar image

Bueno yo uso las imagenes *.png por que tienen buena calidad igual a las .bmp pero pesan mucho menos que las *.bmp
Pero igual las *.png siguen siendo pesadas en comparacion con .gif y .jpg que tienen menor calidad
aunque entre gif y jpg prefiero la ultima *.jpg que tiene mas colores, ahora voy a comprimirla a ver como me va con el peso

saludos
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 14:41.