ramonjosegn
Seguir
- Seguidores
- 14
Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario popular!
- Desde
- 14 Feb 2010
- Mensajes
- 69.525
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
Fíjate que cuando comprimimos una de estas imágenes a unos límites exagerados la retícula de 8x8 comienza a vislumbrarse.
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
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.
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
Fíjate que cuando comprimimos una de estas imágenes a unos límites exagerados la retícula de 8x8 comienza a vislumbrarse.
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
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: