Marketing Digital

Mucho más que estrategia

nredmobile

Cómo Optimizar Tus Imágenes Para La Web Trucos Y Herramientas

by Dejar un comentario

Si tienes muchas imágenes que quieres optimizar de golpe, este método puede ser una muy buena opción, aunque no se suelen obtener resultados tan buenos como con Photoshop. El formato GIF es muy antiguo, pero muchas personas no lo consideraban importante hasta hace poco, cuando se volvió muy famoso y prácticamente lo podemos encontrar en todos lados. Prácticamente es usado siempre para imágenes en movimiento y soporta paletas de 256 colores, al igual que transparencias. Sigue leyendo, porque te explicamos cómo optimizar imagenes para web y así brindar el máximo rendimiento a tu página. Por eso es tan importante reducir las imágenes, pero conservando toda la calidad que sea posible. Debido a que estas cookies son estrictamente necesarias para entregar el sitio web, usted no puede rechazarlas sin afectar el funcionamiento de nuestro sitio.

Soporte JPG; PNG, WebP y otros formatos y puedes reducir el peso fácilmente en un par de toques. Funciona de forma offline una vez que ya la has usado previamente online por lo que siempre puedes tenerla a mano. Tiny PNG es una de esas webs que permite subir hasta 20 imágenes diferentes con un máximo de 5 MB cada una para reducir el tamaño de todas. Podemos descargarlas una a una, todas a la vez o transferirlas a Dropbox.

Más bien lo que hace es retardar la carga de las imágenes para que cuando alguien llega a una url no tenga que esperar a que carguen todas las imágenes para mostrarse la página. Tiene muchas opciones y sin duda es el programa más profesional que yo conozco para tratar imágenes. Como comento en el vídeo, existen infinidad de programas para tratar imágenes. Otros nos permitirán recortar, reducir, comprimir y en definitiva optimizar fotos de manera completa.

Así mismo, a la hora de exportar otras imágenes, no solo tendremos que basarnos en los valores predeterminados. La ventaja de la herramienta de Guardar para web es que cuenta con su propio sistema de ajustes que podemos explorar para optimizar el tamaño de imagen. Según el blog de expertos de WordPress, uno de los principales servicios web del mercado, el tamaño ideal de una imagen no debe superar los 1920 a lo ancho.

Cómo Optimizar Imágenes Para La Web Y Mejorar La Velocidad De Carga De Tu Página

Como ya hemos visto, este tipo de archivos son los que más tamaño ocupan, y por lógica los que más tardan y consumen al cargarse. Por eso, cuanto menos pesadas, menos tamaño y menos número de imágenes tengamos, nuestra página tardará menos en cargarse. Pero tranquilo, en este artículo vamos a aprender a acceder a ellas y ver el tamaño que tienen, lo que ocupan en tu servidor y a optimizarlas. Espero que el artículo de hoy os haya servido para acelerar vuestras web, y que Google os tenga más aprecio a la hora de posicionar vuestra página.

Imagina, con este porcentaje de reducción de peso, cuánto se puede llegar a ahorrar en el conjunto total de archivos de una web con mucho contenido gráfico, ¡es muchísimo! Debes saber que usar este formato en tu web puede generarte algunos problemas de seguridad. Un svg es realmente un archivo de código XML y podrías ser víctima de algún pirata con malas intenciones, porque es relativamente sencillo inyectar código en él. El usuario se encuentra con un campo donde subir la imagen que quiere optimizar de entre todas las que tiene en su equipo.

¿qué Es La Carga Diferida Y Como Aumenta La Velocidad De Nuestro Sitio Web?

Es decir, para el sistema es mucho más sencillo lanzar en la web imágenes que pesan poco que aquellas que pensar más, sobre todo si son muchas al mismo tiempo. Lo último que tendremos que hacer es elegir el tamaño de la imagen. Es fundamental si tu blog o página web suele trabajar con unas dimensiones concretas. [newline]Basta con elegir el ancho y el alto en píxeles de la fotografía que queremos. Cuando la tengas lista y todos estos ajustes elegidos, basta con darle a “Guardar” y elegir la ubicación. Tomamos como referencia un gráfico vectorial y lo exportamos a jpg, png, gif y svg.

como optimizar imágenes para la web

Algunas de las herramientas online más comunes incluyen JPEGmimi y TinyPNG. Si prefieres un enfoque más sencillo, puedes usar una herramienta en línea que optimice automáticamente tus fotos. Las herramientas anteriores tienen una de curva de aprendizaje, pero te permiten encontrar la configuración de optimización de imagen que mejor se adapta a tus necesidades. Las herramientas para escritorio te ofrecen más control sobre tu configuración de optimización. Si estás acostumbrado a trabajar en un editor de fotos como Photoshop, entonces tal vez prefieras este enfoque.

Antes de comenzar a optimizar tus imágenes, puede ser útil dimensionarlas adecuadamente. No tiene sentido cargar una imagen enorme a tu sitio, especialmente cuando se cambiará el tamaño de todos modos. Con una compresión mínima, obtendrás con un tamaño de archivo grande, pero una imagen de mayor calidad. Con un alto nivel de compresión, el tamaño de la imagen será muy pequeño, pero la calidad de la imagen se verá afectada. No optimizar las imágenes puede conllevar a velocidades de carga increíblemente lentas y problemas de ancho de banda.

Formas De Optimizar Imágenes Para Web

Base estándar, base optimizada y escaneo progresivo, con la opción desplegable de escanear en tres cuatro o cinco pasadas. Las imágenes que se publican en WordPress no suelen superar los 1000×1000 píxeles. Un tamaño estándar que se suele usar bastante sería 850×550 o 640×426 píxeles. Utilizamos cookies propias y de terceros para asegurar que te ofrecemos la mejor experiencia en nuestra web. Y es que muchas veces se nos olvida que estamos en casa o en la oficina y tenemos una buena conexión a internet. 1.- Para que el usuario no huya de tu web por aburrimiento o porque le estás «gastando» los datos del móvil.

La velocidad de carga de una página web es uno de los factores que debemos trabajar si queremos que las personas que visiten nuestro sitio tengan una buena experiencia de usuario 😊. No sólo depende de un buen hosting y es un factor SEO muy importante de cara al posicionamiento imagen web de una página. Una de las cosas más básicas que influyen en la velocidad de carga de una web es el tamaño de las imágenes que tengas subidas a la misma. No te vayas porque en este post te vamos a enseñar diferentes formas de optimizar imágenes para web.

ShortPixel, es otro de los plugin Freemium, en su versión gratuita puedes aplicarlo máximo a 100 imágenes mensuales, si necesitas comprimir más imágenes debes contratar uno de sus planes. Si tienes un sitio web que depende de las imágenes de alta calidad, como un sitio de fotografía, te llevará más tiempo encontrar el equilibrio entre las dos. Sin embargo, podrás usar esa configuración de optimización para todas las imágenes en adelante. Inclusos puedes combinar un par de métodos para garantizar que el tamaño de tu archivo de imagen sea lo más pequeño posible.

Existen diferentes métodos para optimizar las imágenes, a continuación, te los explicamos. Aunque no es la única herramienta que lo permite, si tienes Photoshop puede ser la más efectiva y la más cómoda si quieres guardar para web continuamente para no saturar tu página o tu blog con contenidos pesados y no preparados. Estas cookies recopilan información que se utiliza para ayudarnos a entender cómo se está utilizando nuestro sitio web o para ayudarnos a personalizar nuestro sitio web para usted con el fin de mejorar su experiencia. Utilizamos cookies para saber cuándo visita nuestros sitios web, cómo interactúa con nosotros, para enriquecer su experiencia de usuario y para personalizar su relación con nuestro sitio web. Tenemos que tener también en cuenta la capacidad de compresión de estos formatos, ya que algunos de ellos nos pueden reducir el peso de una imagen hasta 10 veces sin perder demasiada calidad.

  • Con el botón azul “Bulk Smush Now” se inicia el proceso de optimización automáticamente.
  • Por otro lado tenemos que tener en cuenta que este proceso es totalmente relativo dependiendo del propio uso que vayamos a hacer de las imágenes y dónde se muestren.
  • 3.- Repito el paso 2 hasta que la calidad de la imagen empiece a verse afectada.
  • Sigue leyendo, porque te explicamos cómo optimizar imagenes para web y así brindar el máximo rendimiento a tu página.

Es necesario comprimir las imágenes reduciendo todo lo que se pueda el peso de las mismas. Sin lugar a dudas, uno de los elementos que más incrementan los tiempos de carga de una página son las imágenes. Por ello, es imprescindible aplicarle un proceso previo de optimización.

Antes de entrar en harina con ello, repasaremos los conceptos esenciales para el trabajo con imágenes online para que entiendas el por qué detrás de lo que haremos aquí. Rober Flores es un consultor SEO en Bilbao cuyo objetivo es mejorar la visibilidad online de autónomos, empresas y PYMES para mejorar sus resultados. Excelente información, conceptos claros y concisos, gracias por compartir tus conocimientos estimado Roberto Flores. Hay herramientas que utilizó mucho y otras totalmente las desconocía.

A continuación vamos a enumerar algunas buenas prácticas y recomendaciones para aplicarlas a todas y cada una de las imágenes que vayamos a subir a nuestra página web. Todas ellas tienen una resolución de 1000 x 750 píxeles y un tamaño de 100kb. Si te preguntas cómo una buena imagen puede influir de forma negativa en la experiencia de usuario, es por una sencilla razón. Como ya hemos visto, los archivos multimedia ocupan gran parte del espacio dónde se aloja tu web, además de ser el tipo de elementos que más pesan a la hora de cargar la página. Puedes comprimir imágenes en formato PNG, JPEG y GIF de hasta 32 MB, pero con un límite de 50 imágenes en su versión gratuita.

En los últimos años han aparecido muchas herramientas de optimización de imágenes para la web. Además de reducir el tamaño del fichero, puedeeliminar los datos EXIFque acompañan a la fotografía. Pero puedes probar de forma gratuita suversión diseño web jaén Lite, que admite optimizar hasta 20 imágenes diarias. Formato JPG. Se trata del formato universal que se utiliza para las imágenes. Se suele perder un poco de calidad al comprimirlas pero no se pierden colores ni tonalidades.

Como hemos hablado antes, cuando subimos una foto, WordPress crea diferentes copias con distinto tamaño, con el objetivo de adaptar la imagen en función de dónde se muestra. Mientras que, con los plugins, solo tendrás que elegir cual se adapta mejor a tus necesidades e instalarlo, con las herramientas serás tú quién lo haga manualmente. Solo tenemos que copiar la dirección de la página que queremos analizar y copiarla en su barra buscador. Nos devuelve un estudio bastante detallado sobre el qué puede estar haciendo que se ralentice la carga o qué podríamos mejorar. Tanto en WordPress.com como WordPress con hosting (wordpress.org) los planes suelen contar con unos determinados límites de espacio, por eso, el ahorro no solo es de espacio, es de dinero. En muchos casos, las imágenes suponen más del 50% del peso total de la página.

Optimizar Imágenes Para Web

by Dejar un comentario

Un píxel es un punto diminuto de color y es la superficie más pequeña que compone una imagen. Pero tampoco podemos pasarnos al comprimirlas, porque entonces se verían mal, “píxeladas”, y perdería el sentido usar imágenes porque se trata de que apoyen el contenido, y hagan más compresible y amena la información. Obviamente si el usuario tiene que esperar, recargar mil veces la página y al final se va, la experiencia del usuario es negativa. Construyo estrategias de Marketing para pequeñas y medianas empresas.

Para evitar esto, es necesario hacer los cambios sobre la imagen original. Este sitio web utiliza cookies para mejorar la experiencia de navegación. Si sigues navegando estarás consintiendo las cookies de este sitio. Para mi la mejor opción es controlar el proceso de compresión lo máximo posible. diseño web Si no es con Photoshop, Befunky o Squoosh también son buenas opciones, y de esta forma sólo tocamos la imagen una vez y elegimos el tamaño según las peculiaridades de cada una. Para mi éste el mejor método de optimizar imágenes para web, porque nos da un control total del proceso.

En cuanto a los resultados, suelen ser bastante aceptables pero no siempre acierta. Puede ocurrir que haya algunas imágenes que o no bajen suficiente de peso o se vean fatal. Esperas a que se comprima y le das al botón “Download” para descargarla en tu ordenador.

¿cuál Es El Mejor Formato De Imagen Para Una Web?

Para lograr esto es importante aprender a tomar en cuenta cuál es el formato de imagen ideal para tu web. Ya para finalizar, si quieres un mejor resultado a la hora de optimizar imágenes WordPress, entonces deberías combinar la optimización de imágenes usando páginas web o con programas y la utilización de algun plugin de reducción de peso. Aunque yo la forma que utilizo es la de escalar las imagenes con Photoshop a la medida correcta, y después reducir su peso con kraken.io. Photoshop tiene muchas funciones que nos hacen fácil retocar imágenes, hacer montajes o diseños. Y es una de las herramientas más útiles si tienes una página web o un blog porque podrás optimizar las imágenes para poder reducir el peso sin perder calidad.

Esta es la forma en la que seguramente más veces utilices la herramienta, ya que es muy fácil de utilizar y además es gratuita. Antes de nada has de saber que TinyPNG utiliza un algoritmo de compresión lossy, pero está tan bien programado que yo no noto la diferencia, y gracias a eso se consiguen unos ahorros de peso increíbles. Es “la buena”, la imagen final será idéntica a la original, solo que mágicamente ocupará menos espacio. Si incluyes una foto en un artículo, ésta solo se mostrará con el ancho que tu diseño permita, y este ancho suele andar entre los 700 y 900px, así que todo lo que suba de ahí simplemente sobra.

Esta herramienta, al contrario de las anteriores, no permite la modificación de las imágenes. Sin embargo, Web Resizer, tiene una característica que la hace especial, es la posibilidad de cambiar las dimensiones de hasta 20 imágenes a la vez. Para esto, también puedes usar Light Image Resizer que es una herramienta que puedes instalar en tu ordenador. Cómo podéis comprobar, son archivos que tardan bastante en cargar, en concreto entre 1,2 y 1,4 segundos, y eso que están optimizadas. Para realizar esta comprobación, entra en GTmetrix y una vez realizado el test, dale a la pestaña waterfall.

Cómo Optimizar Las Imágenes Para Tu Web

Existen algunos programas, como ImageOptim, que se encargan de reducir el tamaño de las imágenes de forma automática. Tan solo tendrás que arrástralas hasta la ventana correspondiente y el resto se hará solo. Dentro de las opciones que nos brinda este programa por supuesto se encuentra la de optimizar imágenes web. Ahora que ya sabes en que consiste la optimización de imágenes es seguro que querrás optimizar todas las imágenes de tu web.

  • Tan solo tendrás que arrástralas hasta la ventana correspondiente y el resto se hará solo.
  • Te contamos como hacerlo con Photoshop, Pixlr Express (aplicación online de la que ya te hablamos en un artículo anterior) y Riot.
  • Del mismo modo, permitefijar un máximo de tamañoy mantener los datos EXIF.

El peso de las imágenes es uno de los aspectos que más ralentizan el rendimiento de una web desarrollada en WordPress. Es uno de los primeros errores que se cometen cuando se crea una web. Se suben imágenes sin tener en cuenta lo que ocupan y con el tiempo acabamos ocupando demasiado espacio en nuestro hosting, haciendo que la web tenga una carga más lenta. Te contamos qué debes hacer si ya has subido imágenes sin optimizar a tu hosting y cómo puedes optimizarlas a partir de ahora. Tinypng es la aplicación online para comprimir fotos o reducir el tamaño de las imágenes que yo utilizo más a menudo. Es un clásico entre los clásicos y me gusta por su sencillez y facilidad de uso, pero sobre todo porque puedo comprimir las fotos tantas veces como quiera y al final elegir la que yo considere.

Existen páginas dedicadas de fotografía en las cuales los usuarios pueden crear galerías con imágenes en muy alta resolución (Flickr por ejemplo permite imágenes hasta tamaños de 6000 pixeles por su lado ancho). Sin embargo, hay que pensar que la mayoría de usuarios de internet simplemente quiere una imagen que se vea bien en las pantallas del ordenador y el móvil. Éste es el caso de Webempresa, el servidor para WordPress en el que confío para mi página web y los proyectos de mis clientes.

Las imágenes, algo tan simple como las imágenes, pueden hacer que una web sea visualmente muy atractiva o que sea muy lenta, por lo que tenemos que tener presente su tamaño y como usarlas. Pues esto que parece tan sencillo de realizar e inapreciable para la vista humana, como ya comenté anteriormente, reporta unos beneficios muy valiosos para el usuario y para el posicionamiento de la página en los buscadores. Es necesario escoger el formato adecuado (la extensión del archivo) en función de la imagen que se quiera utilizar. Por un lado, dentro de las herramientas online se pueden encontrar algunas como TinyPng, Compressjpeg, compressor.ioy Compressnow. No olvides la importancia de optimizar los atributos para facilitar a los buscadores la labor de indexación de tus imágenes, sin duda, será un paso más en el objetivo por conseguir un buen posicionamiento SEO. El uso de las imágenes y fotografías no está restringido, ni tampoco debes atribuir derechos de autor.

Comentarios En «herramientas Online Para Optimizar Imágenes Y Acelerar Tu Web»

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares. Todos los archivos que manejas en un ordenador tienen un «peso», que es la referencia de cuánto ocupan en kilobytes, megabytes, etc. Cuando en el paso anterior modificamos la medida, lo hicimos con el objetivo de subir a la web el tamaño óptimo, ya que una imagen más grande pesa más. Por si no sabes imagen en la web cuál es el ancho de tus posts (se suelen poner imágenes que ocupen el ancho entero), prueba a subir una imagen de 850 píxeles. Las imágenes destacadas de tus posts, o las que introduzcas a lo largo del texto, se van a ver a un tamaño predefinido por la plantilla que haya usado el diseñador a la hora de crearte la web. Por eso, si la imagen se va a ver a un tamaño, pongamos, de 800 píxeles; no tiene sentido que subas una de 6.000 píxeles.

En nuestro caso, vemos que nuestra imagen tiene mucho cielo, así que hemos decidido que los 26px que nos sobran se corten de arriba. Para ello, marcamos la zona inferior central como la más relevante de la imagen, de manera que le estaremos indicando a Photoshop que, si tiene que cortar imagen, lo haga de arriba. En caso de estar redefiniendo el lienzo también de ancho, el programa interpretaría que el corte debería hacerse cortando de ambos lados por igual , pero no es el caso porque el ancho lo tenemos ya definido. Para optimizar las imágenes de tu web directamente en WordPress, necesitarás el plugin de WordPress de TinyPNG. Con este Workflow podrás optimizar imágenes «en ruta» desde tu smartphoneWorkflow es una aplicación gratuita solo disponible en iOS, puedes aprender más sobre ella en este libro. Tenemos una foto de 3000 x 2000 px de cualquier banco de imágenes gratuitas y la subimos a nuestra web o blog sin más miramientos, sin ser conscientes de que eso es malgastar recursos.

Una vez subida la imagen y configurados estos parámetros, habrá que darle al botón “Optimize Now”. Finalizado el proceso, aparecerá información sobre el ahorro logrado y un botón para lanzar la descarga de la imagen resultante desde su servidor a nuestro equipo. A la hora de optimizar una imagen lo suyo es utilizar el archivo original. Como hemos explicado anteriormente, se trata de un archivo con pérdida lo que significa que cada vez que guardamos, estaremos perdiendo calidad respecto al original. Si queremos editar una imagen que ya ha sido optimizada con anterioridad, estaremos corriendo el riesgo de que su calidad se vea muy afectada.

como optimizar imágenes para la web

Aunque la modalidad lossless sólo puede aplicarse sobre archivos PNG y JPG. Ofrecen unplugin para Photoshop, que te permite exportar de forma sencilla, sin tener que preocuparte de los parámetros. Se trata de un filtro que consigue que los elementos queden más destacados y vistosos.

Pero esto significa que comprimimos las imágenes dos veces, lo cual va a influir mucho en la calidad final, porque habrá imágenes que lo necesiten y otras no. Selecciona o arrastra tu imagen y aparecerá dividida en dos zonas. La izquierda es la versión original y la derecha, la nueva resolución. Una vez abierta, en la izquierda vemos un menú con multitud de opciones. Por defecto está abierta la «pestaña EDIT«, y el «desplegable ESSENTIALS«.

7 Formas De Optimizar Imágenes Para Web Y Por Qué Es Importante Hacerlo

by Dejar un comentario

Puede parecer lógico pensar que a mayor calidad de imagen de las fotos de una web, mejor se verá ésta, pero no es tan sencillo. Antes de decantarnos por JPG o por PNG, debéis saber que es el primero de ellos es un formato de imagen con pérdida, es decir, para hacer que ocupe menos, reducimos la calidad de la imagen. Por el contrario, el formato PNG es un formato de imagen sin pérdida.

En Quality, movemos el puntero a la izquierda de la barra para bajar el peso hasta unos 125KB por ejemplo. Podremos subirla hasta 200KB en caso de que sea la única imagen de la página. Como ves, se trata de encontrar el equilibrio entre tamaño y peso, y calidad. Por otro lado, si tenemos una página con una sola imagen grande, podría pesar 200KB o incluso 300KB sin problemas, porque se mantendría el peso total de la página por debajo de 1MB. Para saber el tamaño al que tienes que reducir una imagen, te voy a enseñar un pequeño truco. Por ejemplo, una pantalla Full HD tiene una resolución de 1920×1080 píxeles, lo que significa que tiene de ancho 1920 puntos o píxeles y de alto 1080.

Guardaremos las fotografías complejas, con muchos colores y degradados, con la extensión jpg. Ya que su algoritmo da unos resultados de compresión de imágenes mejores. Cuando trabajemos con imágenes transparentes en formato gif, debemos revisar con atención después de guardar porque pueden dentarse los bordes haciendo que se vean mal.

Otra gran funcionalidad que tiene este plugin es poder cambiar la imagen al formato que más pequeño lo convierta. Es decir, si el plugin ve que nuestra foto va a ocupar menos en .png, nos va a sugerir cambiarlo. Automatizan procesos, añaden funcionalidades… en definitiva, nos facilitan enormemente el trabajo.

Así que teniendo en cuenta esto, para optimizar imágenes para web te recomiendo un ancho máximo de 1920px para que tus imágenes ocupen toda la pantalla del ordenador. Además, hacer esto nos ayudará a mejorar la experiencia de usuario, y en última instancia a posicionarnos mejor en Google, pues desde 2018 la velocidad de carga pasa a ser un factor fundamental para el posicionamiento orgánico. Una vez que hemos ajustado el tamaño de la imagen debemos tratar de bajar su peso lo máximo posible sin perder la calidad. Existen herramientas que nos ayudan en este proceso sin que tengamos que perder la cabeza 😁. No se pueden hacer lotes, pero si nos permite elegir 2 tipos de optimización y que las imágenes puedan ser de los siguientes formatos .jpg, .png, .gif y .svg y no mayores de 10Mb.

Se suele utilizar cuando tenemos muchas imágenes para comprimir iloveimg.com. Podemos comprimir en lote hasta un máximo de 15 imágenes en .jpg, png o gif y no podemos elegir el porcentaje de compresión. Además de reducir el tamaño también es importante que nuestra imagen pese lo menos posible para ayudar a que cargue más rápido la página web. Las imágenes son a menudo las causantes de un tiempo de carga lento en la web. Te enseñamos como reducir el tamaño de las fotos sin perder calidad. Excelentes recomendaciones, siempre es importante estar al tanto de los mejores trucos para poder optimizar imágenes en páginas web, ayudan bastante.

En esa optimización de los tiempos de carga de una web los elementos que más peso suelen tener e influencia en los tiempos de carga suelen ser las imágenes. Esta imagen y la siguiente tienen aproximadamente 8kb de tamaño, y como vemos cumple con el requisito perfecto para que ocupe poco en formato PNG , y por el contrario se necesita comprimir muchísimo para reducir su tamaño en JPG. Este formato es el ideal para mostrar fotografías o texturas, ya que es el que permite comprimir mejor este tipo de imágenes. Las imágenes de nuestra web o blog, como primera premisa, deben de estar siempre en el tamaño que se van a usar y no tener imágenes enormes que después se verán pequeñas, sino queremos aumentar el peso de la web. Una vez visto el ejemplo y cómo se pueden optimizar las imágenes que se quieren mostrar en la web, es el momento de ver cuáles son los principales beneficios que se obtienen después de haber realizado todo este proceso.

Sin duda con este plugin ayudaremos a que nuestro sitio web sea más rápido, con imágenes sin pérdida de calidad y más ligeras. Así es que si tienes una web y entre tus objetivos están, aumentar el número de visitas, obtener un buen posicionamiento web, y mejorar la experiencia de usuario, debes hacer lo posible por evitar que esta sea lenta y pesada. Es un programa para reducir tamaño de las imágenes online que te permite subir hasta 20 imágenes a la vez con un máximo de 5 Mb cada una.

️posicionamiento Web

El problema es que la resolución de estas imágenes es tan grande, que tienen un gran tamaño . Fácilmente estamos hablando de imágenes con 3, 4 ó 5 Megabytes de peso, y una resolución de 3000 x 2000 píxeles . En muchas ocasiones, las imágenes capturadas con estos dispositivos quieren utilizarse para acompañar un texto en una página web. En cambio, si prefieres hacerlo manualmente, prueba a reducir su peso y tamaño con alguna de las herramientas que hemos expuesto. Muy bien explicado, enhorabuena, como información extra añadiría que desde la version 5.4 WordPress trae por defecto la opción lazy load, para la carga diferida de imágenes cargadas desde la biblioteca de medios. Este plugin de WordPress es un “todo en uno”, que nos permite realizar las tareas necesarias para optimizar nuestras imágenes, como cambiar el tamaño automáticamente o comprimirlas.

Para solventar los problemas que puede causar un peso excesivo de nuestras imágenes, vamos a ver dos de las mejores para optimizar tus fotografías, mediante plugins de WordPress y herramientas de edición online. En mi caso, no acostumbro a utilizar herramientas online, además de tampoco tener mi blog en WordPress; por lo que acostumbro a usar Riot y FSResizer. Dos herramientas que se pueden usar de forma portable para Windows. También me gusta mucho y cuando se me termina la opción gratuita de tinyPNG es mi siguiente opción para comprimir imágenes.

como optimizar imágenes para la web

En la casilla de “Width” introduce los valores que quieres que tenga el ancho de tu foto. Otro de los sitios imprescindibles en cuanto a la edición de fotografías es Image Resizer. Con un funcionamiento parecido a Picresize, nos encontramos una portada simple, con un botón central verde, en el que aparece la frase “Select Image”. Cuando nos situemos en la página principal, veremos un cuadrado con el símbolo de una nube y una flecha. Hacemos clic ahí y buscamos dónde está nuestro archivo en nuestro ordenador.

No obstante, sí pueden ser útiles cuando ya tenemos una web con más de 100 imágenes, por ejemplo en una tienda online, y sería mucho trabajo descargar todas y optimizarlas una por una en Photoshop y volverlas a subir. Reduce el peso de forma totalmente imagen en la web automática y gratuita, tanto de imágenes PNG como JPG. Normalmente al reducir su tamaño, como hemos visto anteriormente, suele bajar bastante el peso, pero si se trata de una imagen muy grande, también deberemos tocar esta variable.

Otros Aspectos A Tener En Cuenta Antes De Optimizar Imágenes Para Tu Pagina Web

Por ejemplo, si nuestra web cuenta con un ancho de 640 pixeles no tendría chiste que coloquemos imágenes con un ancho de 1020 pixeles, ya que solo tendríamos una imagen más pesada en nuestra web que se vería igual. Este es el plugin más conocido en cuanto a optimización de imágenes. El nivel de optimización de las imágenes es realmente increíble y además las imágenes son optimizadas automáticamente. También veremos el tamaño o peso en ese momento que se irá modificando a medida que vayamos bajando la calidad de la foto.

  • Por eso, si la imagen se va a ver a un tamaño, pongamos, de 800 píxeles; no tiene sentido que subas una de 6.000 píxeles.
  • Hay muchas webs que permiten subir las fotos y tenerlas listas en un segundo de forma automática, sin tocar nada.
  • Utilizamos cookies para saber cuándo visita nuestros sitios web, cómo interactúa con nosotros, para enriquecer su experiencia de usuario y para personalizar su relación con nuestro sitio web.
  • Aquí encontramos multitud de páginas web que comprimen imágenes, tanto gratuitas como de pago sin perder calidad.
  • Solo tenemos que copiar la dirección de la página que queremos analizar y copiarla en su barra buscador.
  • Como hemos visto en el apartado anterior podemos redimensionar la imagen al tamaño que nedesitemos y guardarla para web lo que optimizará al máximo la resolución para que se vea bien pero no se pierda calidad.

Y tampoco cabe en un moderno monitor con resolución HD y resolución 1920×1080. El destinatario de tus datos es Webempresa (el hosting de este blog, ubicado en España) y podrás ejercer tus derechos de acceso, rectificación, limitación o supresión de tus datos (ver la política de privacidad). No dejes imagen en la web enlaces a tu web en el comentario, dispones del campo «sitio web» para ello. También permite escalar imágenes ya cargadas en nuestro sitio de forma masiva, lo que podría ahorrarnos muchísimo tiempo. Aunque es un plugin gratuito con opción a Premium, sus funcionalidades gratuitas son extensísimas.

Haz clic en el botón “OPEN” y selecciona la imagen que deseas abrir.-“Compress to size” – Introduce un peso no superior a 300KB comprobando que la imagen se vea bien. Si vas a usar varias imágenes dentro de un mismo post, intenta usar imágenes que pesen cerca de 150KB, intentando perder la menor calidad posible. Puedes cargar hasta 20 imágenes de 5MB máximo cada una para comprimir de una tirada. TinyPNG utiliza técnicas de compresión para reducir el tamañode los archivos PNG y JPEG. Espero que ahora tengas una idea global respecto a un tema tan importante como es optimizar correctamente las imágenes de tu web hecha con WordPress. Esto está genial si tienes un montón de imágenes y quieres despreocuparte de su impacto en los tiempos de carga.

Yo uso RIOT, y me parece fundamental utilizar un programa de este tipo para reducir el peso de las imágenes de una web. En la mayoría de los casos la reducción de tamaño es muy considerable. Esta herramienta online gratuita permite elegir elporcentaje de compresión(por defecto a 65%) yfijar una anchura máximade fotografía (en píxeles). Ya hemos comentado que Photoshop se ha convertido en la principal herramienta a la hora de optimizar las imágenes, pero no todo el mundo tiene acceso a ella o sabe utilizarla.

Si tienes varias imágenes en tu página, entonces la primera imagen debería incluir tu palabra clave objetivo. Cada imagen que le sigue debería usar una variación de esa frase, sin dejar de ser relevante para la imagen. Con estos, todo lo que tienes que hacer es subir tus fotos y la herramienta se ejecutará y descargarás tus fotos optimizadas.

Picmonkey es la herramienta que uso cuando no necesito realizar ninguna modificación de mis imágenes. Es un recurso que me gusta mucho, ya que a la hora de descargar la imagen redimensionada, te ofrece varias opciones de calidad con su consecuente diferencia de peso. Normalmente las imágenes, son las que más tiempo tardan en cargar debido a su tamaño en Mb. Por lo que cuidar estas dos características es primordial para conseguir una carga rápida de la web.

Éstaherramienta onlineprometereducir hasta un 90% el tamaño de la imagen sin una perdida perceptible de calidad. Se trata de una herramienta de compresión ligera y sencilla de utilizar. Usar Lightroom/Photoshop es la mejor forma deempezarcon la optimización de fotografías.

No obstante, tampoco es bueno abusar de ella ya que puede llegar a producir “ruido” en la imagen y hacer que ocupe más espacio. A continuación hablaremos sobre algunas recomendaciones que podemos llevar a cabo para la optimización de las imágenes. Al igual que el anterior, optimiza automáticamente las imágenes, reduciendo supeso sin sacrificar su calidad. Es muy sencillo, solo hay que instalarlo y en el menú Multimedia – WP Smush te aparecerá un mensaje con el número de imágenes que tienes sin optimizar.

En el vídeo-tip de hoy nos salimos un poco del repaso que estamos haciendo por todas las opciones del administrador de WordPress porque optimizar imágenes para WordPress es básico también. Algo que debes hacer desde el principio para luego no tener que volver a ello. Como puedes ver es exactamente lo mismo pero hecho de dos formas. Si no conoces muy bien Photoshop y lo único que quieres hacer es reducir el tamaño, el método 2 te resultara más rápido y fácil ya que está todo en la misma ventana.

Ventajas Y Consejos Para Optimizar Las Imágenes Que Aparecen En Una Página Web

by Dejar un comentario

En este caso, el formato SVG no aplica puesto que no estamos tratando un gráfico, sino una foto. A lo largo de este White Paper hemos visto la importancia de utilizar imágenes optimizadas para mejorar la velocidad de carga de nuestro sitio web, y por tanto mejorar nuestro posicionamiento SEO. También hemos visto algunas herramientas online que podemos utilizar para conseguir esta optimización. Ahora solo falta que empecéis a utilizarlas para descubrir cuál de ellas es la que mejor se adapta a vuestras necesidades. Es muy sencillo de utilizar, y te permite subir hasta fotografías de 10 Mb y elegir el tipo de compresión. Puedes reducir el tamaño de la foto sin pérdida de calidad de imagen (menor compresión) o con perdida (mayor compresión).

No hay una manera perfecta de optimizar, sino un equilibrio que tendrás que encontrar. Las empresas son muy conscientes de la importancia del impacto visual en los usuarios en el diseño web. Debido a la enorme oferta de páginas web, el usuario debe encontrar lo más rápido posible lo que busca y para esto las imágenes son una herramienta fundamental. Optimizar el peso de las imágenes para tu web es clave para mejorar el posicionamiento de tu página. Si cuidas cada una de las fotos que subes a tu web de esta misma manera, te garantizo que Google estará encantado con tu compromiso por hacer que la navegación por Internet sea más rápida y mejor.

¿por Qué Hay Que Optimizar Las Imágenes Para Una Web O Blog?

Se enfoca en la aplicación de estrategias SEO en Hostinger para España y Latinoamérica, así como la creación de contenidos de alto nivel. Cuando no está aplicando nuevos trucos en WordPress lo puedes encontrar tocando la guitarra, viajando o tomando un curso online. Para cambiar el texto alternativo de tu imagen ve a tu editor visual y desplaza el cursor sobre la imagen que has insertado. Una vez más, haz clic en el ícono del lápiz que abrirá la opción ‘Editar‘.

Formato PNG. Se utiliza sobre todo para las imágenes que están hechas con formas geométricas y tienen colores planos. La gran ventaja de este formato es que conserva las transparencias y que no pierde mucha calidad en la compresión de la imagen, por eso se utiliza para logotipos. El Plugin Optimizador.io es gratuito y ha sido desarrollado por Webempresa para optimizar tus imágenes sin ralentizar tu web, reduciéndolas al máximo sin perder calidad. Si lo piensas estamos optimizando nuestras imágenes para reducir el tiempo de carga de las páginas, y el peso de nuestra web. Así que no tiene sentido aumentarlo por otro lado sobrecargando la web de plugins.

  • De la versión de pago te hablaré más en profundidad en el próximo artículo, donde me centraré en mostrartetodos los plugins para WordPress de optimización y compresión de imágenes.
  • Comprimir una imagen no es otra cosa que reducir su peso, y como es lógico, lo ideal será lograr el menor peso manteniendo la máxima calidad posible.
  • Por eso es tan importante reducir las imágenes, pero conservando toda la calidad que sea posible.
  • En cuanto a lo que es la optimización de la imagen antes de subirla a WordPress, sí.

Si debería tener un tamaño de 300×200 píxeles, no utilicemos una mucho más grande, porque lo estaremos consiguiendo es que la imagen pese más y que afecte negativamente a nuestro sitio. Una web o blog debe pesar lo menos posible, para que cargue más rápido y el usuario acceda rápidamente. Uno de los temas que afecta en la carga de una página es el peso de las imágenes. Por lo tanto, antes de subirlas a la web o blog, debemos bajarlas de peso al máximo y en eso consiste la optimización de imágenes. Las imágenes que vas a subir a tu web no deberían tener en ningún caso más de 2000 px de ancho y ocupar más de 600 – 700 kb de espacio. Squoosh es otra página web que cumple la misma función que Tiny PNG es Squoosh aunque aquí tenemos un deslizante muy llamativo que nos permite ver cómo estaba antes la fotografía o cómo queda ahora.

La velocidad de tu web es un factor muy importante que debes tener en cuenta en todo momento. Por ello es imprescindibleoptimizar todas las imágenes que vayas a publicar, ya que su tamaño influirá mucho en el tiempo de carga de la web. Uno de los mayores problemas en una web es utilizar el tamaño correcto de las imágenes para nuestro theme.

Decide El Mejor Formato De Imagen

El formato es la forma en la que se guarda nuestra imagen; y para cada tipo de imagen tenemos uno más adecuado que otro. El peso del archivo es la cantidad de espacio en memoria o disco que ocupa nuestro archivo al almacenarlo. Se mide en bytes y depende de su tamaño en píxeles y de la profundidad de color (también en píxeles) del archivo. Si, por ejemplo, tenemos un blog de viajes donde subimos constantemente archivos de este tipo, tendremos más riesgo a ocupar mucho más espacio. Sin embargo, si tenemos un blog que tiene mucho texto y pocas imágenes, el espacio ocupado será menor.

Me he formado en el tratamiento de datos, desde su extracción, al análisis y visualización, y disfruto mucho con el desarrollo web. Uno puntos fuertes de este plugin es su buscador de fotos de tamaño incorrecto, con el que te avisará de cualquier sospecha de error. La gran diferencia entre Image Resizer con otras herramientas de edición online, es que nos muestra en una tabla las medidas, en píxeles, de antes y después de la edición.

Photoshop

Esto se debe a que este tamaño se verá bien en los monitores y móviles de la mayoría de usuarios. Podríamos pensar en la migración a 4K, y aun así la interpolación de HD a 4K no se ve muy afectada en monitores. El pluginShortpixelpermitecomprimir y ajustar el tamaño de las imágenesque tienes subidas y fijar un tamaño preestablecido para que ajuste las nuevas imágenes que vayas subiendo.

El exceso de tamaño y peso de las imágenes que contenga una página web, es uno de los principales causantes de que la misma tarde mucho tiempo en cargar. Por otro lado, el png tiene un peso de 6 KB, que es bastante aceptable aunque, como decía, todo suma y podemos evitar algo de peso en este tipo de gráficos. En cuanto a la calidad de la imagen, al no tener pérdida no existe el riesgo de perder información. Es un formato vectorial que permite mostrar en cualquier tamaño un gráfico guardado con esta extensión sin pérdida alguna de calidad.

Si utilizas alguna otra herramienta paraoptimizar imágenes para la web o conoces algún plugin interesante y quieres recomendarlo, puedes dejar un comentario. Bueno, creo que ya no te falta nada, con todo lo que hemos visto en este artículo sin duda conseguirás optimizar tus imágenes para la web de forma profesional. En la versión de pago tenemos una opción en la que nos comprimirá las imágenes que tengamos ya subidas a la web con anterioridad a la instalación del plugin, todo ello de forma automática. Desde luego que una de las mejores opciones para reducir si cabe todavía más, el peso de las imágenes que subimos a WordPress, es tener instalado un plugin para este fin.

Todos estos “trucos” para las imágenes que vamos a ir viendo, al final, forma parte de la realización de un buen trabajo SEO, que todo sitio web debería considerar. Muy buen artículo amigo, importante optimizar siempre las imágenes para mejorar nuestro SEO y así mejorar la visibilidad en Google. Soporta cuatro tipos de formato, JPEG, PNG, GIF y SVG y una vez comprimida la imagen imagen en la web te permite descargarla al ordenador o guardarla en Dropbox o Drive. Sin embargo, echo de menos poder subir varias imágenes a la vez como en TinyPNG. La otra causa de los altos tiempos de carga en una web, es el peso de las imágenes. Este punto es tan importante, que cuando realizas un análisis de una web con el Pagespeed de Google, es una de los elementos que tiene en cuenta.

En el apartado calidad pone 100, y vamos a ir bajando ese valor hasta que el peso sea poco más de 100KB. Vemos que a 130KB queda más o menos bien, pero como ya os he dicho esto depende de la foto, de su función, de si es algo muy importante que necesitemos que se vea muy bien y de si la página contiene más imágenes a parte de esta. Ahora que hemos aclarado los conceptos clave, te enseñaré a reducir el tamaño y el peso de tus imágenes en Photoshop. imagen web En cambio, si queremos mostrar muchas imágenes en una misma página, por ejemplo en el caso de una galería, o un proyecto, tendremos que reducir más el peso para no sobrepasar el máximo. El plugin se puede configurar con un máximo de ancho, alto y calidad (por ejemplo máximo de 1024 px). Cuando un colaborador sube una imagen que sea más grande el plugin de WordPress la escala automáticamente al tamaño configurado y reemplaza la imagen más grande.

En mi caso, siempre recorto las imágenes para ajustarlas al tamaño de mis posts y así me quito un montón de peso sin haber tenido que comprimir siquiera. Esta web utiliza cookies para asegurar la mejor experiencia de usuario posible, si sigues navegando por ella entenderé que estás de acuerdo. Adobe Photoshop es uno de los programas de edición de imágenes que posee una de las mayores capacidades. Con conocimiento básico es posible realizar una reducción del peso de la imagen sin afectar la calidad, pero el programa tiene un alto costo. Este plugin lo que hace es redimensionar nuestras imágenes para que solo cuenten con el máximo tamaño permitido por nuestra web.

como optimizar imágenes para la web

Se cargará más rápido, tus visitantes te lo agradecerán, y también lo harán tu posicionamiento en los motores de búsqueda. Finalmente, si usas varias palabras en tu nombre de archivo, asegúrate de estar usando un guion entre las palabras, ya que Google las leerá como un espacio. De lo contrario, las palabras estarán juntas y tu nombre de archivo no será legible. Antes de subir la imagen a WordPress dedica un tiempo a considerar cuál nombre sería apropiado para esa imagen.

Para comprimir sólo jpg podemos utilizar compressjpeg.com, sólo para png compresspng.com y para ambas optimizilla.com. Podemos comprimir en lote hasta un máximo de 20 imágenes en .jpg o jpeg y no podemos elegir el porcentaje de compresión. La herramienta estudia cada imagen por separado y las comprime todo lo que se puede. Redimensionar cada imagen al tamaño real que se vaya a usar en la página web.

Como Optimizar Imágenes Para La Web

by Dejar un comentario

Usted puede bloquearlos o eliminarlos cambiando la configuración de su navegador y forzando el bloqueo de todas las cookies en este sitio web. Haga clic en los títulos de las diferentes categorías para obtener más información. Tenga en cuenta que el bloqueo de algunos tipos de cookies puede afectar su experiencia en nuestra web y los servicios que podemos ofrecer. Cuando la gestión de esa web es compartida o se permite la subida de imágenes a otras personas.

Antes de comenzar a optimizar tus imágenes, puede ser útil dimensionarlas adecuadamente. No tiene sentido cargar una imagen enorme a tu sitio, especialmente cuando se cambiará el tamaño de todos modos. Con una compresión mínima, obtendrás con un tamaño de archivo grande, pero imagen en la web una imagen de mayor calidad. Con un alto nivel de compresión, el tamaño de la imagen será muy pequeño, pero la calidad de la imagen se verá afectada. No optimizar las imágenes puede conllevar a velocidades de carga increíblemente lentas y problemas de ancho de banda.

Guardar Para Web

En el caso de utilizar alguna imagen animada, nos decantaríamos por un GIF. Son varias las razones que tenemos para querer optimizar las imágenes. Con el botón azul “Bulk Smush Now” se inicia el proceso de optimización automáticamente. Y a partir de ahí, las imágenes que subas a tu web se comprimirán automáticamente. En Compress, diseño web en este caso dejamos el formato que viene de JPEG, y bajamos la calidad hasta que el peso que sale abajo sea un poco más de 100KB, por ejemplo a 125KB se ve bastante bien. El problema de este programa, a diferencia de Photoshop, es que no podemos previsualizar el resultado, y tenemos que elegir la calidad a ojo.

Presenta un aspecto menos llamativo que algunos de los ejemplos que hemos visto anteriormente, pero esto no significa que los resultados obtenidos sean peores. Entre las opciones que nos ofrece tenemos ajustes para seleccionar la resolución que queremos que tenga el archivo resultante, así como efectos y tres niveles de compresión. Entre estos tres formatos más utilizados, lo más habitual es utilizar JPG o PNG.

como optimizar imágenes para la web

El tamaño de una imagen son las dimensiones en pixeles de la fotografía. Si para el artículo necesitas una imagen de 300×300 px, no uses una fotografía de mayor tamaño para luego reducir su tamaño en el mismo artículo. El otro beneficio que obtenemos al reducir el peso de las fotos online es que también reducimos el consumo de transferencia de datos. El cual nos puede condicionar el correcto funcionamiento de nuestro hosting.

Pasos Que Sigo Yo Para Optimizar El Peso De Las Imágenes Para WordPress

Otra herramienta online muy interesante es Kraken.io donde podrás seleccionar diferentes opciones, como reducir el peso de la imagen con pérdida, sin ella o un espacio para expertos donde afinar más los criterios de compresión. Vamos a ver un ejemplo con Photoshop, uno de los programas más usados para la edición de fotografías. Nuestro objetivo es comprimirla hasta el mínimo tamaño de archivo posible sin que la calidad se vea afectada de manera perceptible, de forma que se muestre perfecta en nuestra página web. Hoy en día es fundamental optimizar imágenes para web adecuadamente. La velocidad de carga es un factor muy a tener en cuenta desde que Google comenzara a poner en valor la necesidad de reducir el tiempo que una web tarda en mostrarse. De esto han pasado ya bastantes años, pero alrededor de uno de los principales motivos de ralentización de carga, las imágenes, aún hay mucho por optimizar.

Es tan sencillo como, indicar el nuevo ancho que quieres en la imagen y la herramienta de forma proporcional la redimensionará, dejándola lista para que la descargues. Su función es que las imágenes mantengan una buena calidad pero con menos peso, por ejemplo, para que se puedan cargar rápido en un servidor. Es un formato de imagen que no tiene pérdida, permite transparencias y degradados. Por todos estos motivos, no debes caer en el error de creer que comprimiendo y cambiando el tamaño de tus imágenes ya las tienes optimizadas, habrás dado un gran paso, pero no todos, todavía debes mejorar su indexación. ¿La optimización de tus imágenes ha mejorado la velocidad y el rendimiento de carga de tu sitio web? El mejor enfoque es tomar nota de las dimensiones de la imagen requeridas por tu tema y dimensionar tus imágenes acorde con este.

Hay muchos plugins, pero este es uno de los más completos y mejor valorados puesto que la calidad de la imagen no se reduce al ser comprimida. ¿Has subido un montón de imágenes y no sabías que tenías que optimizarlas? Dispones de varios plugins para optimizar las imágenes que has subido previamente y las que subirás en adelante.

Ventajas Y Consejos Para Optimizar Las Imágenes Que Aparecen En Una Página Web

Con ello evitamos cargar imágenes más grandes y por tanto con más peso lo que ayudará notablemente a la velocidad de carga de la web. ¿Quieres saber cómo reducir el tamaño o comprimir fotos sin perder calidad de imagen? En el vídeo-tip de hoy te cuento que pasos sigo yo para optimizar el peso de las imágenes para WordPress. Cuando hablo de optimizar imágenes, me refiero a reducir su tamaño. Mi cámara de fotos, por ejemplo, saca imágenes con una resolución enorme, 5000 px de ancho, haciendo que algunas pesen hasta 50 Mb.

  • Éste es el programa que utilizo yo para recortar la imagen al tamaño de mis posts.
  • Crearán espacios en tu contenido y lo harán más legible; sin mencionar el tráfico adicional de las búsquedas de imágenes.
  • En la mayoría de los casos es recomendable cambiar de PNG a Jpg por el menor peso y compresión que admite este otro formato.
  • Esta API te permitirá automatizar la compresión y optimización de tus imágenes.
  • Muy buen artículo amigo, importante optimizar siempre las imágenes para mejorar nuestro SEO y así mejorar la visibilidad en Google.

Por suerte, en Internet nos podemos encontrar una amplia gama de sitios web que nos ayudan en este trabajo de forma sencilla. Si en un determinado lugar de nuestra web una imagen ocupa un espacio fijo, es aconsejable realizar una miniatura de la imagen original a ese tamaño que necesitamos, en vez de utilizar una imagen mucho mayor. Como hemos explicado, al reducir el tamaño, su peso también se ve reducido. Formato GIF. Se trata de un formato similar al PNG pero hoy en día se utiliza para imágenes animadas.

De hecho, es la herramienta que uso antes de subir una imagen a mi web a pesar de después usar un plugin para optimizarlas más. En principio, de manera gratuita te permite optimizar hasta 20 imágenes. Digo en principio, porque en alguna ocasión he comprimido más imágenes que 20. El proceso de optimización de una imagen depende de la compresión y del propósito final.

Reduce el tamaño hasta en un 98% y admite imágenes en formatos .jpg, .bmp, .gif, .tiff, .png y .emf. Aquí encontramos multitud de páginas web que comprimen imágenes, tanto gratuitas como de pago sin perder calidad. La extensión png se utiliza normalmente cuando queremos hacer algún tipo de transparencia y jpg cuando no necesitamos ese efecto puesto que generalmente pesa menos.

Dispone de una versión gratuita (hasta 200 imágenes) y otra de pago para webs con mayor volumen de imágenes subidas. Permite optimizar las imágenes que ya tenías subidas y las que vayas subiendo a partir de que tengas instalado el plugin. Si no deseas descargar programas, también está la posibilidad de optimizar imágenes para web haciendo uso de páginas web que hacen el trabajo por ti. Para casi todo el procedimiento es muy sencillo y prácticamente consiste en subir una imagen y luego bajarla, algo que no te tomará ni 3 minutos. A continuación, vas a ver como puedesoptimizar las imágenes antes de subirlas a tú página, empezando por elegir el formato de imagen correcto y viendo que herramientas puedes usar para cambiar su tamaño y comprimir su peso.

Abajo contamos con una barra deslizante que modifica esos valores de 1-12. Es un compresor de imágenes, remueve basura metadatos y ahorra espacio. Utilizamos cookies para ofrecerte la mejor experiencia en nuestra web.

Una vez guardada en nuestro equipo, comprobaremos cómo ha quedado. Al contrario que TinyPNG, esta herramienta suele bajar poco el peso total de la imagen. Necesitaremos comprimirla más mediante otro metodo adicional, como usando los siguientes programas que te comento o un plugin en WordPress. Normalmente es más que suficiente para imágenes pequeñas, pero en los slider o en portadas, que ocupan todo el ancho de la pantalla, es probable que la calidad se quede muy justa y necesitaremos subir de 100KB. Por ejemplo, imaginemos que quiero colocar una imagen justo debajo del primer párrafo de este post, hacemos clic con el botón derecho encima del párrafo, como puedes ver en esta imagen.