JPG, GIF y PNG para capturas de pantallas


¿Conoces la diferencia entre JPG (JPEG), GIF y PNG?
Si lo sabes, no sigas leyendo ;)

Comentarte también que me he animado a hacer este post porque no suelen pasar 3 meses sin que tenga que explicar a alguien que las capturas de pantallas o gráficos NO se deben guardar en formato JPG (sale pixelizado) y deberían guardarse, para publicar en Internet, en formato .GIF o aún mejor .PNG.

En resumen:

  • JPG para fotos
  • PNG o GIF para pantallazos o gráficos

Mira por ejemplo el siguiente trozo de captura de pantala, guardado en .jpg, .gif y .png (los 3 de 6 KB aprox.):

Como lo indica su nombre el JPG, o JPEG (Joint Photograhic Expert Group) es un formato que permite comprimir fotos, pero que resulta desastroso para guardar gráficos o capturas de pantallas (muy pixelizado).

El GIF, Graphics Interchange Format, es un formato que permite guardar gráficos (o capturas de pantalla) con bastante buena calidad, sin pixelizar. Es propiedad de Compuserve.

El PNG, Portable Network Graphics, es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. ¿Qué significa? Que no sólo es libre pero que además, según dicen, suele comprimir mejor que el GIF.

Bueno, es una entrada chorra pero espero que sirva a aportar mi granito de arena a la desaparición de los jpg’s para capturas de pantallas ;)

Actualización 17/01/11: más precisión sobre lo que es GIF, PNG y JPG en el interesante comentario de Daniel G. Blázquez (exelweiss.com).

Etiquetas: , , ,

18 comentarios to “JPG, GIF y PNG para capturas de pantallas”

  1. Metodología de la Investigación / Pasos para hacer monografía Says:

    Excelente. Corto pero al punto. Desconocía totalmente el significado de cada uno y la función. Desde ahora comenzare a utilizar fotos o imágenes en formato PNG

    Me gusta

  2. Joshua Hansen Says:

    Gracias, yo sabía que el JPG no es tan bueno como el GIF o PNG, pero mi jefe lo sigue usando. Inclusive lo inserta en Power Point para impresiones digitales.

    Me gusta

  3. Begoña S Says:

    Hola Fran, gracias, no tenía ni idea de esto y creo que me pasa a menudo lo de que se pixelen! De hecho siempre que me da la opción uso *jpg .. cambio a partir de ahora png!

    Me gusta

  4. Daniel G. Blázquez Says:

    Lo siento François, pero la información que aportas de los diferentes formatos es imprecisa.

    -GIF es un formato de 8bits (máximo 256 colores) por lo que la imagen hay que adaptarla si supera este límite con perdida de calidad. Sólo recomendable si se quiere animar la imagen.

    -PNG es el formato más versátil, ya que admite imágenes en 8bits con mejor compresión que el gif, e imágenes en 32bits (color verdadero más transparencia) sin perdida de calidad. Recomendable para imágenes con pocos colores y planos (como gráficas) o cuando queremos guardar algo sin perder ni un pixel de calidad.

    -JPG es un formato de 24bits (color verdadero), en el que la imagen pierde calidad a cambio de un peso reducido. Recomendable para fotos o imágenes de gran tamaño. La calidad es ajustable, por lo que es posible una calidad muy buena a cambio de que el fichero pese más.

    Me gusta

  5. Blog Carlos Sáez » Artículos interesantes para el emprendedor de Enero 2011 Says:

    […] paso, de Maximiliano de Muro El usuario es la clave, de Emilio Márquez El arte del pivoting, de Marek Fodor JPG, GIF y PNG para capturas de pantalla, de François Derbaix 3+1, de Marek Fodor Web Site Optimization, de Javier […]

    Me gusta

  6. Artículos interesantes para el Emprendedor de Enero 2011 Says:

    […] JPG, GIF y PNG para capturas de pantalla, de François Derbaix 3+1, de Marek Fodor […]

    Me gusta

  7. Julio Loayza Says:

    @François: Muy buena la aclaración. Toda evangelización siempre es poca :-)

    Lo que me horroriza es ver como, de unos años a esta parte, se ha estandarizado el envío de logos en JPG, cuando es precisamente el formato menos recomendable de todos los existentes para un logo (al margen de formatos vectoriales, que sería ralmente lo propio)

    Por las limitaciones, que Daniel explica perfectamente, el formato GIF tiende casi a su desaparición, aunque aun tiene sentido en determinados casos en entorno web. Precisamente la limitación del número de colores, y su correspondiente reducción en tamaño, permite sacarle partido para cuestiones muy concretas. El PNG 8 bits no se utiliza demasiado, ya que si te vas a 8 bits sueles optar por GIF, por compatibilidad con navegadores obsoletos como IE6, que no lo soportan muy bien. Pero de aquí a unos años el GIF será cosa de museo. Los clásicos lo echaremos de menos. En diez años veremos como vuelve la moda GIF-vintage :-P

    Me gusta

    • fderbaix Says:

      ¡gracias por tu aportación @Julio! en ésto me queda todo por aprender. ya tengo ganas de ver la moda del gif-vintage (animado por supuesto) dentro de unos años.

      Me gusta

  8. Enrique Robles - Facebok Says:

    Impresionante la diferencia entre un formato y otro , me refiero a la calidad de imagen, no tenía ni idea de esto.

    Un saludo
    Enrique Robles

    Me gusta

  9. Ana Laura Says:

    Muchas gracias por la información! Parece algo tonto pero si no lo haces bien puedes tener problemas! Yo me estoy mirando algunos cursos de formacion relacionados con el diseño web, y si quiero empezar en octubre debo ponerme un poco las pilas para las pruebas de selección. Así que viendo lo que publicas, ya me iré pasando. Saludos!

    Me gusta

  10. ventiladores industriales Says:

    pero como se guardan? yo se copiar en el portapapeles el pantallazo pero y luego pegarlo en un word pero, como guardar en formato png?

    Me gusta

  11. carlos Says:

    muy buen post te felicito muy educativo gracias

    Me gusta

  12. Casas rurales Girona Says:

    Mas claro imposible, ahora queda clara la diferencia que muchos pensabamos saber pero no coniciamos hasta el más minimo detalle.

    Me gusta

  13. Carlos Says:

    No lo sabía.

    Me gusta

  14. evans Says:

    Esta muy bueno el post, una pregunta cuanto pesa un pantallaso en los formatos gif y png.
    Gracias

    Me gusta

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


A %d blogueros les gusta esto: