SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG
https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 1/7
Squoosh,lanuevaappdeGoogleparaoptimizarimágenes
OliverCG hace2semanas
¿Alguna vez habéis tenido que enviar una foto por email y no os ha dejado por el
tamaño? ¿Habéis tenido que recurrir entonces a algún servicio de archivos en la nube o
incluso aplicación de escritorio para comprimir dichas imágenes? ¡Estamos de suerte!
Google, el gigante de internet, nos ha dado hoy una gran noticia: ha lanzado la
nueva squoosh.app. Una web que nos permite convertir, comprimir y optimizar
imágenes con una gran cantidad de personalización.
 
 ¿Por qué es tan importante el tamaño de las imágenes?
 
La inmensa mayoría de nosotros llevamos un smartphone en el bolsillo que, entre otras
muchas cosas, es capaz de hacer fotografías. Algunos de ellos hasta implementan 2
cámaras (llegando incluso a las 5 cámaras traseras del futuro Nokia 9) que nos ayudan
con la luz, enfoque o zoom óptico. Todo esto hace que el tamaño nal de la fotografía
OliverCG:Emprendimiento,programaciónwebymarketingdigital.
27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG
https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 2/7
se incremente cada vez más, y esto, sumado a la cantidad ingente de fotos que
hacemos al cabo del día, puede suponer que nos quedemos sin memoria interna
rápidamente en nuestros dispositivos.
 
Por supuesto una de las soluciones es comprar un móvil con una capacidad mayor. O
bien comprar una tarjeta microSD para ampliar la memoria. No obstante, esta
soluciones son el típico pan para hoy, y hambre para mañana, ya que tarde o temprano
nos quedaremos sin capacidad y ese día creedme que llega.
 
Por otro lado, si eres desarrollador web o has lidiado alguna vez con alguna página,
sabrás que una imagen que pese demasiado ralentiza la carga de recursos de una
página. Esto empeora nuestra accesibilidad e incluso llega a repercutir negativamente
en nuestra estrategia SEO. Pero claro, una imagen de mala calidad o pixelada empeora
también nuestro resultado nal, dando la sensación de un contenido pobre.
 
Entonces tenemos que recurrir a otras soluciones como usar otro formato de archivo
mas óptimo o comprimir más las imágenes para que ocupen menos.
 
JPEG vs otros formatos de imagen
 
Rara es la persona que no ha escuchado hablar del famoso formato de imágenes JPEG o
JPG. Técnicamente no se trata de un formato de archivo sino más bien de una
compresión que nos permite ahorrar bastante espacio dependiendo del grado de
compresión que se elija. Esta compresión es con pérdidas, lo que quiere decir que
estamos perdiendo información de alguna forma, aunque muchas veces es
imperceptible para un uso normal.
 
Existen muchos otros formatos de archivos que nos ayudan con esta tarea
dependiendo de nuestras necesidades. Desde HEIC, el formato que se ha inventado
Apple para reducir sus imágenes desde iOS 11, hasta WebP, el formato que se ha
27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG
https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 3/7
inventado Google que provee una compresión superior para la web, tanto con como sin
pérdidas.
 
Genial pero, ¿cómo gestionamos todo esto?
 
La tarea de comprimir o convertir imágenes era algo tediosa hasta hoy, que podemos
empezar a usar Squoosh: una web desarrollada por Google. Aunque vamos a ver la
utilidad que nos ofrece con un ejemplo, os adelanto que se puede usar hasta sin
conexión. Para ello, necesitaremos cargar la web con internet por primera vez, y desde
ese momento estará disponible para nosotros de forma o ine.
 
 
Como vemos, podemos empezar a usarla nada mas cargar la página, sin necesidad de
registrarse o mayores clics. Podemos subir nuestra imagen o bien elegir una de las
cuatro de ejemplo que nos ofrecen. Lo primero que llama la atención es el separador
que se encuentra a mitad de pantalla. Con él, podemos revisar cada parte de la foto y
comparar ambos lados en tiempo real. En nuestro caso, hemos elegido que la imagen
27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG
https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 4/7
original se sitúe a nuestra izquierda y con guraremos los diferentes parámetros a la
derecha.
 
27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG
https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 5/7
27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG
https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 6/7
 
El primero de ellos es el formato de salida, a elegir entre: Original image, OptiPNG,
MozJPEG, WebP, browser PNG, browser JPEG o browser WebP. En función de éste se
nos despliegan mas opciones entre las que guran: redimensionar, reducir la paleta de
colores, activar o desactivar las pérdidas, esfuerzo o grado de compresión, calidad,
transparencia y más parámetros avanzados que analizaremos en profundidad mas
adelante en otro post.
 
A continuación, te dejo con una tabla comparativa del tamaño nal, en la que se han
usado los parámetros recomendados por la propia utilidad y reduciendo las
dimensiones de la imagen a 1000 pixels de ancho. ¡Cuidado! El proceso de compresión
de la imagen corre por cuenta de nuestro navegador y por tanto de nuestro equipo, el
cual necesitará más o menos tiempo dependiendo de los parámetros o de las
prestaciones de dicho equipo.
 
Editar
FORMATO TAMAÑO DE ARCHIVO
Original 4,64 MB
OptiPNG (esfuerzo = 1) 10,3 MB
MozJPEG 395 KB
WebP 230 KB
Browser PNG 13,6 MB
Browser JPEG 649 KB
Browser WebP 230 KB
 
Llama la atención como el formato PNG arroja un tamaño mayor del archivo original.
Para OptiPNG hemos tenido que modi car el parámetro del esfuerzo o grado de
compresión a 1 debido al alto consumo de recursos utilizados y a que el tiempo del
proceso de compresión era mayor de 5 minutos (¡wow!).
 
27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG
https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 7/7
Queda en nuestra mano elegir los parámetros óptimos, comprobar el resultado y
descargar el archivo nal con el formato deseado. Quién sabe si realmente se hará con
un hueco entre nuestros marcadores. Te animo a que lo pruebes y, nunca mejor dicho,
lo veas por ti mismo.
Categorías:Marketingdigital
Etiquetas:Google,imágenes,Utilidad
Dejauncomentario
OliverCG: Emprendimiento, programación web y marketing digital.
FuncionagraciasaWordPress Volverarriba

Más contenido relacionado

La actualidad más candente

Informe final sobre el video tutorial
Informe final sobre el video tutorialInforme final sobre el video tutorial
Informe final sobre el video tutorialpaulaCaroB
 
Reproductor de video camtasia studio
Reproductor de video camtasia studioReproductor de video camtasia studio
Reproductor de video camtasia studiosalud-katiasosa
 
Presentación grupo 5 youtube.pptx
Presentación grupo 5 youtube.pptxPresentación grupo 5 youtube.pptx
Presentación grupo 5 youtube.pptxPablo Caruso Costa
 
Presentación1
Presentación1Presentación1
Presentación1Desiree23
 
TIPOS DE PRESENTACION EN POWER POINT
TIPOS DE PRESENTACION EN POWER POINTTIPOS DE PRESENTACION EN POWER POINT
TIPOS DE PRESENTACION EN POWER POINTXAVIERGOMEZZ
 
Edición de videos
Edición de videosEdición de videos
Edición de videosMicky Sosa
 

La actualidad más candente (10)

Informe final sobre el video tutorial
Informe final sobre el video tutorialInforme final sobre el video tutorial
Informe final sobre el video tutorial
 
Reproductor de video camtasia studio
Reproductor de video camtasia studioReproductor de video camtasia studio
Reproductor de video camtasia studio
 
Resumen tic
Resumen  ticResumen  tic
Resumen tic
 
Compu2
Compu2Compu2
Compu2
 
Adobe premiere grupo 5 smb1
Adobe premiere grupo 5 smb1Adobe premiere grupo 5 smb1
Adobe premiere grupo 5 smb1
 
Presentación grupo 5 youtube.pptx
Presentación grupo 5 youtube.pptxPresentación grupo 5 youtube.pptx
Presentación grupo 5 youtube.pptx
 
Presentación1
Presentación1Presentación1
Presentación1
 
TIPOS DE PRESENTACION EN POWER POINT
TIPOS DE PRESENTACION EN POWER POINTTIPOS DE PRESENTACION EN POWER POINT
TIPOS DE PRESENTACION EN POWER POINT
 
Edición de videos
Edición de videosEdición de videos
Edición de videos
 
Adobe captivate
Adobe captivateAdobe captivate
Adobe captivate
 

Similar a Nueva app de Google para optimizar imágenes Squoosh

Trabajo de optimización
Trabajo de optimizaciónTrabajo de optimización
Trabajo de optimizaciónDiana Zavala
 
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...Eduardo Díaz San Millán
 
Editores de-imagenes-mary
Editores de-imagenes-maryEditores de-imagenes-mary
Editores de-imagenes-marymakamaea
 
47090239 revist-users-video
47090239 revist-users-video47090239 revist-users-video
47090239 revist-users-videoxavazquez
 
Proceso sencillo de publicación de documentos en Internet.
Proceso sencillo de publicación de documentos en Internet.Proceso sencillo de publicación de documentos en Internet.
Proceso sencillo de publicación de documentos en Internet.Eduardo Díaz San Millán
 
Presentaciones gráficas nelson calderon
Presentaciones gráficas nelson calderonPresentaciones gráficas nelson calderon
Presentaciones gráficas nelson calderonnelson_calderon
 
Uso de documentos o archivos flash
Uso de documentos o archivos flashUso de documentos o archivos flash
Uso de documentos o archivos flashCamila Bastidas
 
Alejandra vargas (1)
Alejandra vargas (1)Alejandra vargas (1)
Alejandra vargas (1)zalejitha
 
2. uso de la imagen
2. uso de la imagen 2. uso de la imagen
2. uso de la imagen CIE UCP
 
Informatica 4ºESO
Informatica 4ºESOInformatica 4ºESO
Informatica 4ºESOelenabslg12
 
Sapiensdigital eboletin No4, Aplicaciones para Google Drive
Sapiensdigital eboletin No4, Aplicaciones para Google DriveSapiensdigital eboletin No4, Aplicaciones para Google Drive
Sapiensdigital eboletin No4, Aplicaciones para Google DriveHomodigital
 
Flash prfessional csi
Flash prfessional csiFlash prfessional csi
Flash prfessional csijuanka1395
 
Flash professional cs5
Flash professional cs5Flash professional cs5
Flash professional cs590000111
 
Power Point Tratameinto De ImáGnes Digitales
Power Point Tratameinto De ImáGnes DigitalesPower Point Tratameinto De ImáGnes Digitales
Power Point Tratameinto De ImáGnes Digitalesmagda34
 
Trabajo slideshare
Trabajo slideshareTrabajo slideshare
Trabajo slidesharemarisolarmas
 

Similar a Nueva app de Google para optimizar imágenes Squoosh (20)

Trabajo de optimización
Trabajo de optimizaciónTrabajo de optimización
Trabajo de optimización
 
Formatos imagen
Formatos imagenFormatos imagen
Formatos imagen
 
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
Pic resize: edición básica de imagen online. Cortar, girar y disminuir su tam...
 
Editores de-imagenes-mary
Editores de-imagenes-maryEditores de-imagenes-mary
Editores de-imagenes-mary
 
47090239 revist-users-video
47090239 revist-users-video47090239 revist-users-video
47090239 revist-users-video
 
Proceso sencillo de publicación de documentos en Internet.
Proceso sencillo de publicación de documentos en Internet.Proceso sencillo de publicación de documentos en Internet.
Proceso sencillo de publicación de documentos en Internet.
 
Presentaciones gráficas nelson calderon
Presentaciones gráficas nelson calderonPresentaciones gráficas nelson calderon
Presentaciones gráficas nelson calderon
 
Uso de documentos o archivos flash
Uso de documentos o archivos flashUso de documentos o archivos flash
Uso de documentos o archivos flash
 
Alejandra vargas (1)
Alejandra vargas (1)Alejandra vargas (1)
Alejandra vargas (1)
 
2. uso de la imagen
2. uso de la imagen 2. uso de la imagen
2. uso de la imagen
 
Informatica 4ºESO
Informatica 4ºESOInformatica 4ºESO
Informatica 4ºESO
 
Sapiensdigital eboletin No4, Aplicaciones para Google Drive
Sapiensdigital eboletin No4, Aplicaciones para Google DriveSapiensdigital eboletin No4, Aplicaciones para Google Drive
Sapiensdigital eboletin No4, Aplicaciones para Google Drive
 
Flash prfessional csi
Flash prfessional csiFlash prfessional csi
Flash prfessional csi
 
Flash professional cs5
Flash professional cs5Flash professional cs5
Flash professional cs5
 
Ppower hoy
Ppower hoyPpower hoy
Ppower hoy
 
Power Point Tratameinto De ImáGnes Digitales
Power Point Tratameinto De ImáGnes DigitalesPower Point Tratameinto De ImáGnes Digitales
Power Point Tratameinto De ImáGnes Digitales
 
Tema IV CC
Tema IV CCTema IV CC
Tema IV CC
 
Trabajo 3.pdf
Trabajo 3.pdfTrabajo 3.pdf
Trabajo 3.pdf
 
El Formato Flash
El Formato  FlashEl Formato  Flash
El Formato Flash
 
Trabajo slideshare
Trabajo slideshareTrabajo slideshare
Trabajo slideshare
 

Nueva app de Google para optimizar imágenes Squoosh

  • 1. 27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 1/7 Squoosh,lanuevaappdeGoogleparaoptimizarimágenes OliverCG hace2semanas ¿Alguna vez habéis tenido que enviar una foto por email y no os ha dejado por el tamaño? ¿Habéis tenido que recurrir entonces a algún servicio de archivos en la nube o incluso aplicación de escritorio para comprimir dichas imágenes? ¡Estamos de suerte! Google, el gigante de internet, nos ha dado hoy una gran noticia: ha lanzado la nueva squoosh.app. Una web que nos permite convertir, comprimir y optimizar imágenes con una gran cantidad de personalización.    ¿Por qué es tan importante el tamaño de las imágenes?   La inmensa mayoría de nosotros llevamos un smartphone en el bolsillo que, entre otras muchas cosas, es capaz de hacer fotografías. Algunos de ellos hasta implementan 2 cámaras (llegando incluso a las 5 cámaras traseras del futuro Nokia 9) que nos ayudan con la luz, enfoque o zoom óptico. Todo esto hace que el tamaño nal de la fotografía OliverCG:Emprendimiento,programaciónwebymarketingdigital.
  • 2. 27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 2/7 se incremente cada vez más, y esto, sumado a la cantidad ingente de fotos que hacemos al cabo del día, puede suponer que nos quedemos sin memoria interna rápidamente en nuestros dispositivos.   Por supuesto una de las soluciones es comprar un móvil con una capacidad mayor. O bien comprar una tarjeta microSD para ampliar la memoria. No obstante, esta soluciones son el típico pan para hoy, y hambre para mañana, ya que tarde o temprano nos quedaremos sin capacidad y ese día creedme que llega.   Por otro lado, si eres desarrollador web o has lidiado alguna vez con alguna página, sabrás que una imagen que pese demasiado ralentiza la carga de recursos de una página. Esto empeora nuestra accesibilidad e incluso llega a repercutir negativamente en nuestra estrategia SEO. Pero claro, una imagen de mala calidad o pixelada empeora también nuestro resultado nal, dando la sensación de un contenido pobre.   Entonces tenemos que recurrir a otras soluciones como usar otro formato de archivo mas óptimo o comprimir más las imágenes para que ocupen menos.   JPEG vs otros formatos de imagen   Rara es la persona que no ha escuchado hablar del famoso formato de imágenes JPEG o JPG. Técnicamente no se trata de un formato de archivo sino más bien de una compresión que nos permite ahorrar bastante espacio dependiendo del grado de compresión que se elija. Esta compresión es con pérdidas, lo que quiere decir que estamos perdiendo información de alguna forma, aunque muchas veces es imperceptible para un uso normal.   Existen muchos otros formatos de archivos que nos ayudan con esta tarea dependiendo de nuestras necesidades. Desde HEIC, el formato que se ha inventado Apple para reducir sus imágenes desde iOS 11, hasta WebP, el formato que se ha
  • 3. 27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 3/7 inventado Google que provee una compresión superior para la web, tanto con como sin pérdidas.   Genial pero, ¿cómo gestionamos todo esto?   La tarea de comprimir o convertir imágenes era algo tediosa hasta hoy, que podemos empezar a usar Squoosh: una web desarrollada por Google. Aunque vamos a ver la utilidad que nos ofrece con un ejemplo, os adelanto que se puede usar hasta sin conexión. Para ello, necesitaremos cargar la web con internet por primera vez, y desde ese momento estará disponible para nosotros de forma o ine.     Como vemos, podemos empezar a usarla nada mas cargar la página, sin necesidad de registrarse o mayores clics. Podemos subir nuestra imagen o bien elegir una de las cuatro de ejemplo que nos ofrecen. Lo primero que llama la atención es el separador que se encuentra a mitad de pantalla. Con él, podemos revisar cada parte de la foto y comparar ambos lados en tiempo real. En nuestro caso, hemos elegido que la imagen
  • 4. 27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 4/7 original se sitúe a nuestra izquierda y con guraremos los diferentes parámetros a la derecha.  
  • 5. 27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 5/7
  • 6. 27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 6/7   El primero de ellos es el formato de salida, a elegir entre: Original image, OptiPNG, MozJPEG, WebP, browser PNG, browser JPEG o browser WebP. En función de éste se nos despliegan mas opciones entre las que guran: redimensionar, reducir la paleta de colores, activar o desactivar las pérdidas, esfuerzo o grado de compresión, calidad, transparencia y más parámetros avanzados que analizaremos en profundidad mas adelante en otro post.   A continuación, te dejo con una tabla comparativa del tamaño nal, en la que se han usado los parámetros recomendados por la propia utilidad y reduciendo las dimensiones de la imagen a 1000 pixels de ancho. ¡Cuidado! El proceso de compresión de la imagen corre por cuenta de nuestro navegador y por tanto de nuestro equipo, el cual necesitará más o menos tiempo dependiendo de los parámetros o de las prestaciones de dicho equipo.   Editar FORMATO TAMAÑO DE ARCHIVO Original 4,64 MB OptiPNG (esfuerzo = 1) 10,3 MB MozJPEG 395 KB WebP 230 KB Browser PNG 13,6 MB Browser JPEG 649 KB Browser WebP 230 KB   Llama la atención como el formato PNG arroja un tamaño mayor del archivo original. Para OptiPNG hemos tenido que modi car el parámetro del esfuerzo o grado de compresión a 1 debido al alto consumo de recursos utilizados y a que el tiempo del proceso de compresión era mayor de 5 minutos (¡wow!).  
  • 7. 27/11/2018 Squoosh, la nueva app de Google para optimizar imágenes > OliverCG https://olivercg.es/squoosh-la-nueva-app-de-google-para-optimizar-imagenes/amp/ 7/7 Queda en nuestra mano elegir los parámetros óptimos, comprobar el resultado y descargar el archivo nal con el formato deseado. Quién sabe si realmente se hará con un hueco entre nuestros marcadores. Te animo a que lo pruebes y, nunca mejor dicho, lo veas por ti mismo. Categorías:Marketingdigital Etiquetas:Google,imágenes,Utilidad Dejauncomentario OliverCG: Emprendimiento, programación web y marketing digital. FuncionagraciasaWordPress Volverarriba