¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes? ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?


Página 1 de 5 123 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 49
  1. #1
    Registro
    14-febrero-2010
    Ubicación
    En las estrellas...
    Edad
    46
    Mensajes
    45.334
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Segura desde hace
    13 días
    Hola, en este tutorial espero sentar las bases para que puedas tomar la mejor decisión a la hora de comprimir tus imágenes para web.

    En su momento he publicado varios tutoriales para usar programas para exportar para web y comprimir tus fotos

    [TUTORIAL] COMPRIMIR CON RIOT
    [TUTORIAL] COMPRIMIR CON RALPHA (mi favorito)
    [TUTORIAL] COMPRIMIR CON ZONER PHOTO STUDIO
    [TUTORIAL] COMPRIMIR CON MOZJEPG
    [TUTORIAL] COMPRIMIR CON VARIEDROP

    Con excepción del primero, RIOT, todos los demás programas van a depender de tus decisiones para obtener los mejores resultados y exportar al formato más adecuado, incluso RIOT no tiene una inteligencia artificial por lo que sus decisiones internas pueden llegar a ser erradas.

    Pero entonces ¿cómo saber cuál es el formato adecuado o con mayor compresión?

    Aunque no existen unas directrices "perfectas" sí es importante que tengas una idea "general" de qué escoger en qué momento.

    Así que ahí vamos.

    ¿LO QUE VAS A PUBLICAR ES UNA FOTOGRAFÍA? Tu aliado es JPEG

    Cuando hablamos de fotografía me refiero a una imagen tomada con una cámara, en la calle, en la playa, en el teatro, etc.

    En este caso y para obtener la mejor compresión lo mejor es usar JPEG/JPG.

    Te preguntarás porqué. No voy a entrar en los detalles técnicos pero entre otras técnicas JPEG lo que hace es cortar la imagen en una retícula de 8x8 píxeles y comprimir cada cuadradito con de 8x8 con varias técnicas. Cuando la compresión de una imagen es exagerada con JPG esos cuadrados comienzan a mostrarse ligeramente.

    Entonces para imágenes de este tipo, tomas en la calle, interiores, la playa, un río, el cielo, etc, TE CONVIENE JPG

    animal-1868911_640.jpg
    dog-1861839_640.jpg
    lasagna-1900529_640.jpg

    Fíjate que cuando comprimimos una de estas imágenes a unos límites exagerados la retícula de 8x8 comienza a vislumbrarse.

    lasagna-1900529_640-comp.jpg

    Este es uno de los motivos por lo que se recomienda que las imágenes JPG tengan un tamaño múltiplo de 8 tanto de ancho como de alto, ya que así el algoritmo puede comprimir mejor las imágenes.

    ¿Adivinas? Formatos como 800x600, 1024x768 y otros estándar ¡son múltiplos de 8!





    ¿LO QUE VAS A PUBLICAR ES UNA LOGOTIPO, UNA BANDERA O UNA IMAGEN CON POCOS COLORES O COLORES PLANOS? Tu aliado es GIF

    En este caso lo que te conviene es usar GIF.

    GIF tiene la particularidad de que NO MANEJA DEGRADADOS DE COLORES (aunque puede simularlos), sino que maneja imágenes con colores "planos" de 256 colores máximo y una canal de transparencia.

    También permite varios cuadros, por lo que puede ser usado para animaciones.

    Entonces para imágenes de este tipo

    banderas-del-mundo.jpg

    chto-takoe-logotip.jpg

    amor-16.gif

    Fíjate que en este tipo de imágenes uno puedo decir "esta parte es roja, esta otra es azul, esta otra es rosada" mientras que con jpg estás viendo millones de colores en la imagen mezclados.





    ¿LO QUE VAS A PUBLICAR ES UNA IMAGEN CON TRANSPARENCIA SUAVE ALREDEDOR? Tu aliado es PNG

    PNG es un tipo de formato que usa por decirlo de alguna forma, buenas cosas de JPG (soporta millones de colores) y también opciones de GIF como las transparencias.

    Sin embargo las transparencias de GIF no son suaves. Así que PNG es la opción cuando quieres hacer una imagen con transparencia suave o una animación con miles de colores (APNG un formato todavía no muy soportado).

    Y te preguntarás ¿y por qué no usarlo para todo?

    PNG tiene un problema que todavía no se ha podido resolver, el tamaño de las imágenes SUELE SER BASTANTE GRANDE en comparación con GIF y JPG bien elegidos claro.

    Sin embargo en algunos casos PNG puede ser la solución

    - cuando necesites imágenes con bordes suaves transparentes
    - cuando necesites imágenes pequeñas con miles de colores (aquí tendrás que probar a ver cuál se comprime mejor, si jpg o png).
    - cuando necesites animaciones con miles de colores

    Entonces para este tipo de imágenes te conviene PNG









    Espero que este tutorial básico haya despejado un poco de luz en este tema.

    Sé que algunos usuarios/as no tienen quizás conocimientos de diseño, y a veces tienen este tipo de dudas.

    Por supuesto en ocasiones esta "teoría" puede no funcionar. He visto como imágenes planas se comprimen mejor con JPEG y viceversa. A veces es cuestión de probar, pero creo que tener una base de porqué estás escogiendo un formato u otro tiene su importancia.

    Cualquier dudo me comentáis por favor y trataré de responderos.
    Última edición por ramonjosegn; 02-ene-2017 a las 14:02

  2. #2
    Registro
    26-noviembre-2013
    Ubicación
    Vivo Navegando
    Mensajes
    1.514
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Buen tutorial, gracias por compartir.
    Citar Citar  

  3. #3
    Registro
    14-febrero-2010
    Ubicación
    En las estrellas...
    Edad
    46
    Mensajes
    45.334
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Segura desde hace
    13 días
    Gracias a ti por revisarlo y pasar a comentar. Espero que no sea muy pesado de leer, sino trataré de resumirlo un poco más j4iber
    Citar Citar  

  4. #4
    Registro
    12-diciembre-2015
    Ubicación
    Argentina
    Mensajes
    1.069
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    excelente tuto, gracias por tu aporte
    Citar Citar  

  5. #5
    Registro
    14-febrero-2010
    Ubicación
    En las estrellas...
    Edad
    46
    Mensajes
    45.334
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Segura desde hace
    13 días
    Cita Iniciado por Squall990 Ver Mensaje
    excelente tuto, gracias por tu aporte
    Me alegro que te haya gustado, aunque comprimir imágenes no es una ciencia "exacta" pues depende de muchos factores, espero que el tutorial sirva de guía al menos de base.
    Citar Citar  

  6. #6
    Registro
    07-diciembre-2016
    Ubicación
    Colombia
    Edad
    24
    Mensajes
    31
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Tema muy interesante para leer, muchas gracias. Lo recomiendo
    Citar Citar  

  7. #7
    Registro
    30-diciembre-2016
    Edad
    25
    Mensajes
    13
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Me encanta ! yo esto estudiando illustrator . quiero aprender hacer logos y diseño hecho con este material .junto con fotoshop
    Citar Citar  

  8. #8
    Registro
    06-mayo-2013
    Ubicación
    Madrid
    Edad
    47
    Mensajes
    1.990
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Buen aporte compañero. Muchas gracias.

    Yo uso jpegmini para comprimir mis imágenes jpg online: ( JPEGmini - Your Photos on a Diet! )
    Es muy sencillo, no puedes variar la tasa de compresión pero da buenos resultados. Dependiendo de la foto te reduce el peso 4 o 5 veces sin un descenso apreciable de la calidad. Además, en su versión gratuita también te permite subir imágenes en lote y comprimirlas ( hasta 400 de una vez creo que es) por lo que es muy cómodo para bajar completa la carpeta de imágenes de una web, comprimirlas y luego renombrarlas en lote y subirlas otra vez.
    Citar Citar  

  9. #9
    Registro
    14-febrero-2010
    Ubicación
    En las estrellas...
    Edad
    46
    Mensajes
    45.334
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Segura desde hace
    13 días
    Gracias por el aporte piano

    Igualmente JPEGmini sólo comprime JPEG y como dices con la mínima pérdida visual, algo que está bien para sitios que manejan por ejemplo portafolios de fotografías, pero en muchos casos toca buscar el equilibrio entre peso y calidad. MozJPEG está todavía en pañales en cuanto a software pero me parece una opción muy interesante ya que consigue unas compresiones bastante elevadas.

    En último caso se puede optar por usar webP, pero la verdad es que he tratado de manejarlo y termina siendo un dolor de cabeza. Algunos sitios como Facebook o Youtube parece que lo usan para miniaturas pero realmente su implementación en WordPress deja mucho que desear...

    - - - Actualizado - - -

    Cita Iniciado por mabuhai Ver Mensaje
    Tema muy interesante para leer, muchas gracias. Lo recomiendo
    Gracias por recomendar mi hilo. Y gracias por pasar, revisarlo y comentar.

    - - - Actualizado - - -

    Cita Iniciado por AdrianRobert Ver Mensaje
    Me encanta ! yo esto estudiando illustrator . quiero aprender hacer logos y diseño hecho con este material .junto con fotoshop
    En ese caso seguramente lo que te conviene es exportar en formato PNG para no perder colores y conseguir la mayor calidad.

    Para web también puedes usar un formato vectorial que se llama SVG, la WikiPedia lo usa en muchos de sus gráficos cuando necesitan mostrar gráficas de tipo vector.
    Citar Citar  

  10. #10
    Registro
    11-junio-2013
    Edad
    33
    Mensajes
    144
    Cuenta segura [?]
    ¿Cómo decidir si escoger JPG, PNG o GIF para tus imágenes?
    Excelente. Muy bien hecho y entendible.

    Enviado desde mi LG-K430 mediante Tapatalk
    Citar Citar  

Página 1 de 5 123 ... ÚltimoÚltimo

Temas similares

  1. Como escoger un buen dominio para hacer SEO
    Hola a todos, me preguntaba cuales son los puntos más importantes a la hora de registrar dominios? He leído en muchos lados que comprar un .com y...
    Respuestas: 2
    Último mensaje: 02-jun-2016
  2. Como escoger un buen dominio para empezar en MKT Afiliados?
    Estimados Colegas, quiero empezar otro proyecto en Marketing de afiliados pero quisiera opiniones sobre como escoger un buen nombre de dominio para...
    Respuestas: 1
    Último mensaje: 14-may-2015
  3. Cómo decidir por una empresa de publicidad?
    Estoy leyendo sobre las opciones para monetizar una web, estoy iniciando con un proyecto de un sitio de temas eróticos (no porno, pero no apto para...
    Respuestas: 5
    Último mensaje: 22-oct-2014
  4. Como escoger las mjeores redes de CPA
    hola amigos aca les dejo este video espero y les guste Como Buscar las mejores redes de CPA - YouTube
    Respuestas: 6
    Último mensaje: 11-dic-2012
  5. Ayuda para decidir compra de dominio
    Creo que aqui es donde va... Tengo pensados algunos proyectos, pero por el momento solo puedo trabajar en uno, asi que quisiera pedir su opinion...
    Respuestas: 11
    Último mensaje: 29-jun-2010

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •