tipos son recomendables para paginas más los jpg impresión imagenes imagen fotografia formatos formato editorial cuáles graphics png file-format gif

graphics - son - tipos de formatos de fotografia



¿Qué formato para imágenes de sitios web pequeños? GIF o PNG? (17)

Como regla general, PNG nunca es peor, y a menudo es mejor que GIF debido a una compresión superior. Puede haber algunos casos extremos donde GIF es ligeramente mejor (porque el formato PNG puede tener una sobrecarga ligeramente mayor de los metadatos) pero realmente no vale la pena preocuparse.

Puede que solo sean las herramientas que estoy usando, pero los archivos GIF generalmente parecen ser un poco más pequeños que un PNG comparable

Eso puede deberse a la herramienta de codificación que usa.

/ EDITAR: Wow, parece que hay muchos conceptos erróneos sobre el tamaño del archivo PNG. Para citar a Matt:

No hay nada de malo con los GIF para las imágenes con pocos colores, y como habrás notado, tienden a ser más pequeños.

Este es un error típico de codificación y no inherente al formato. Puede controlar la profundidad de color y hacer que el archivo PNG sea pequeño. Por favor refiérase a la sección relevante en el artículo de Wikipedia.

Además, Chrono no explota la falta de compatibilidad en MSIE6:

Si necesita transparencia y puede funcionar con GIF, entonces los recomendaría porque IE6 los admite. IE6 no funciona bien con PNG transparentes.

Eso está mal. MSIE6 admite la transparencia PNG. No es compatible con el canal alfa (sin algunos ataques), pero esta es una cuestión diferente ya que los GIF no lo tienen en absoluto.

La única razón técnica para usar GIF en lugar de PNG es cuando el uso necesita animación y no desea confiar en otros formatos.

Al hacer iconos pequeños, gráficos de encabezado y similares para sitios web, ¿es mejor usar GIF o PNG?

Obviamente, si se requieren efectos de transparencia, entonces los PNG definitivamente son el camino a seguir, y para las imágenes más grandes y más fotográficas usaría JPEG, pero para los "muebles" normales de la web, ¿cuál recomendaría y por qué? Puede que solo sean las herramientas que estoy usando, pero los archivos GIF generalmente parecen ser un poco más pequeños que un PNG comparable, pero usarlos parece ser tan 1987.

Los archivos .gif tenderán a ser un poco más pequeños ya que no admiten un canal alfa de transparencia (y tal vez por otros motivos). Personalmente, no creo que realmente valga la pena preocuparse por la diferencia de tamaño que solía tener. La mayoría de la gente usa la web con algún tipo de banda ancha ahora, así que dudo que noten una diferencia.

Probablemente sea más importante usar el tipo de imágenes con las que funcionan mejor sus herramientas de manipulación.

Además, me gusta la posibilidad de poner una imagen en cualquier fondo y hacer que funcione una sombra paralela, lo que me lleva más al formato png.

No creo que marque una gran diferencia (a los clientes no les importa). Personalmente, elegiría los PNG porque son un estándar W3C.

Tenga cuidado con los efectos de transparencia PNG: no funcionan con IE6.

PNG es un reemplazo del 100% para los archivos GIF y es compatible con todos los navegadores web que pueda encontrar.

Hay muy, muy pocas situaciones donde GIF sería preferible. La más importante es la animación: el estándar GIF89a es compatible con la animación, y prácticamente todos los navegadores lo admiten, pero el formato antiguo PNG no lo hace; para eso necesitarás usar MNG, que tiene compatibilidad limitada con el navegador.

Prácticamente todos los navegadores admiten la transparencia de un solo bit en archivos PNG (el tipo de transparencia que ofrece el formato GIF). Existe una falta de soporte en IE6 para la transparencia completa de 8 bits de PNG, pero eso se puede corregir en la mayoría de las situaciones con un poco de magia CSS.

Si sus archivos PNG son más grandes que los archivos GIF equivalentes, es casi seguro que su imagen de origen tenga más de 256 colores. Los archivos GIF están indexados a una paleta máxima de 256 colores, mientras que los archivos PNG en la mayoría de los programas gráficos se guardan de forma predeterminada en un formato sin pérdida de 24 bits. Si el tamaño del archivo es más importante que los colores exactos, guarde el archivo como PNG indexado de 8 bits y debería ser equivalente a GIF o mejor.

Es posible "hackear" un archivo GIF para tener más de 256 colores usando una combinación de cuadros de animación con banderas de no-reemplazar y múltiples paletas, pero este enfoque ha sido prácticamente olvidado desde la aparición de PNG.

PNG indexado (menos de 256 colores) es en realidad siempre más pequeño que gif, así que lo uso la mayor parte del tiempo.

Para las imágenes en la web, cada formato tiene sus pros y sus contras. Para las imágenes de tipo fotográfico (es decir, muchos y muchos colores, sin bordes duros) use un JPEG.

Para iconos y similares, puede elegir entre PNG y GIF. Los GIF están limitados a 256 colores. Los PNG se pueden formatear como GIF (es decir, 256 colores, con una transparencia de 1 bit que funcionará en IE6), pero para imágenes pequeñas son un poco más grandes que los GIF. Los PNG de 24 bits admiten tanto una gama grande como una transparencia alfa (aunque es problemático en IE6).

Los PNGS son su única opción realmente sensata para cosas como capturas de pantalla (es decir, muchos colores y bordes duros), y personalmente, eso es lo que me apego la mayor parte del tiempo, a menos que tenga algo para lo cual el JPEG sea más adecuado (como una foto )

Para los gráficos generados por computadora (es decir, dibujado por ti mismo en Photoshop, Gimp, etc.) JPG está fuera de cuestión, porque es con pérdida, es decir, obtienes píxeles grises aleatorios. Para imágenes estáticas, PNG es mejor en todos los sentidos: más colores, transparencia escalable (por ejemplo, 10% transparente, .gif solo admite 0% y 100%), pero existe el problema de que algunas versiones de Internet Explorer no lo hacen PNG transparencia correctamente, por lo que obtiene un fondo plano no transparente que se ve feo. Si no te importan esos usuarios de IE, ve a PNG.

Por cierto, si quieres animaciones, ve por GIF.

Personalmente uso gif''s bastante para mis imágenes, ya que funcionan en todas partes, obviamente su limitación de transparencia es un elemento clave que dirigiría a alguien hacia un formato específico.

No veo ninguna caída en el uso de gif.

Si se vuelven más pequeños y no tiene nada que ganar al usar las funciones que ofrece PNG (que es la transparencia del canal alfa y más de 256 colores), entonces no veo ninguna razón por la que deba usar PNG.

Usualmente uso gif debido al tamaño, pero también hay png-8 que también es de 256 colores.

Si necesita cosas sofisticadas semitransparentes, use png-24.

Usualmente utilizo la función ''guardar para la web'' en photoshop, que te permite jugar con el tipo de archivo, la cantidad de colores, etc., y ver el resultado antes de guardar. Por supuesto, usaría la menor cantidad posible que aún se vea bien en mis ojos.

Wow, estoy realmente sorprendido con todas las respuestas incorrectas aquí. PNG-8 siempre será más pequeño que GIF cuando se optimice correctamente. Simplemente ejecute sus archivos PNG-8 a través de PngCrush o cualquiera de las otras rutinas de optimización PNG.

Las cosas clave para entender:

  • PNG8 y GIF son sin pérdidas <= 256 colores
  • PNG8 siempre puede ser más pequeño que GIF
  • GIF nunca debe usarse a menos que necesite animación

y por supuesto,

  • Use JPG para imágenes fotográficas en blanco y negro o a todo color
  • Utilice PNG para imágenes de color de baja calidad, arte lineal y captura de pantalla

Yo uso jpg para todas las imágenes no transparentes. Puedes controlar la compresión, que me gusta. Encontré este sitio web que compara los dos. jpg es más pequeño y se ve mejor.

El W3C menciona 3 ventajas de PNG sobre GIF.

• Canales alfa (transparencia variable),

• Corrección gamma multiplataforma (control del brillo de la imagen) y corrección del color

• Entrelazado bidimensional (un método de visualización progresiva).

Además, eche un vistazo a estos recursos para obtener orientación:

Un problema importante con los GIF es que se trata de un formato con patente gravada (EDIT: Esto aparentemente ya no es cierto). Si no te importa eso, puedes usar los GIF. Los PNG tienen mucha más flexibilidad sobre los GIF, particularmente en el área del espacio de color, pero esa flexibilidad a menudo significa que querrá "optimizar" los PNG antes de publicarlos. Una búsqueda web debería descubrir herramientas para su plataforma para esto.

Por supuesto, si quieres animación, GIF es el único camino a seguir, ya que MNG era básicamente un no principiante por alguna razón.

"Puede que solo sean las herramientas que estoy usando, pero los archivos GIF generalmente parecen ser un poco más pequeños que un PNG comparable, pero su uso parece ser tan 1987".

Probablemente sean tus herramientas. De las preguntas frecuentes de PNG:

"Hay dos razones principales detrás de este fenómeno: comparar manzanas y naranjas (es decir, no comparar los mismos tipos de imágenes) y usar herramientas malas". continuado...

Pero siempre puedes intentar guardar como ambos (usando la misma profundidad de color) y ver cuál sale más pequeño.

Por supuesto, si desea estandarizar en un formato gráfico para su sitio, es probable que PNG sea el mejor para usar.