Marketing Digital

Mucho más que estrategia

nredmobile

Cómo Optimizar Imágenes Para La Web Y Mejorar El Rendimiento

by Dejar un comentario

Compressorcomprime y optimiza tus imágenes de forma sencilla desde la web con un límite de peso por imagen de hasta 10 MB. A través de la página web de Adobe Creative Cloud se puede tener acceso a una versión de prueba de un mes y posteriormente, puedes adquirir este producto de forma mensual o anual. El plugin Lazy Load no es exáctamente un plugin para la compresión de imágenes.

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.

Herramientas Para Optimizar Las Fotos De Tu Web

Aplicar este método a la hora de optimizar imágenes WordPress te brindará una gran mejora en la carga de tu web, mucho mayor que si solo usas un método. Imagify es un plugin estupendo que de forma automática comprime en lote todas las imágenes que subas a tu web pudiendo además elegir de forma previa la compresión que queremos aplicar. Para tener una web optimizada tenemos que usar de forma adecuada las imágenes y ver cuando debemos de usar según qué tipo o formato y también su tamaño, y sin olvidar al dispositivo al que esté dirigido . Una de las múltiples funciones que vas a encontrar en Canva, es la de reducir el tamaño de las imágenes de forma muy sencilla. Empecemos por conocer los diferentes formatos de imágenes, y a continuación veremos una serie de herramientas para modificar su tamaño y reducir el peso. ¿Sabes cuál es uno de los errores más comunes que cometemos y que influye en la velocidad de carga de una web?

  • Permiteajustar el grado de compresión que se aplica a cada imagen, del 1 al 100.
  • 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.
  • Profesional de Marketing Online, especialista en posicionamiento SEO, SEM y diseño Web.
  • Es un plugin recomendadísimo si vas a utilizar muchas imágenes en tus contenidos puesto que sólo se cargarán las imágenes necesarias en cada momento.
  • En este caso, al tener mucho gris, sí que hemos podido reducir el peso más.

Igualmente, cuando una foto tiene gran cantidad de información, la compresión le afectará mucho más. Por ejemplo puedes usar este flujo de trabajo en Alfred (aplicación para Mac sobre la que puedes encontrar un curso en el Studio de Limni) para así comprimir las imágenes directamente en tu equipo sin tener que acudir a la web. De nuevo, si has seguido los consejos que te di al comienzo de este artículo (reducir la resolución, y elegir un buen formato) esto tampoco supondrá un problema para ti. Compressor.io es sin duda la más útil y práctica a la hora de reducir el tamaño de las fotos con el menor número de pasos posibles.

Profesional de Marketing Online, especialista en posicionamiento SEO, SEM y diseño Web. Inquieto por naturaleza y aprendiendo constantemente nuevas técnicas. Colaboro y ayudo a empresas y profesionales a conseguir mayor visibilidad en internet. Para todos aquellos que no usáis WordPress, os dejo cuatro herramientas alternativas. Tres online y dos para usar de manera offline instalando en el ordenador.

1 ¿qué Es Redimensionar Una 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.

como optimizar imágenes para la web

Usa cookies propias y de terceros para almacenar, acceder y procesar datos personales como su visita en este sitio web. Ya has visto lo importante que es tener una buena velocidad de carga, pero que al mismo tiempo, todas imagen web las imágenes se vean bien (no hay cosa que dé más sensación de dejadez que tener en tu web imágenes pixeladas). Es decir, una vez ajustado el tamaño a la medida correspondiente, puede ser que la imagen todavía pese mucho.

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. diseño web 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.

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.

Así pues, este es uno de los principales factores por los que la optimización de imágenes es clave. Cuando hacemos una web para móviles tenemos que ser conscientes que es mejor usar un menor número de fotografías innecesarias (como imágenes de fondo que no se verán o elementos que quedan ocultos). Para evitar esto podemos usar @media queries, que nos permiten mostrar o no ciertas imágenes según el tamaño del dispositivo. La compresión en este formato deteriora ligeramente la imagen (según la cantidad de compresión) y genera unas marcas borrosas llamadas artefactos de compresión que aparecen cuando queremos reducir mucho una imagen.

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.

Porque la intención de mis post es precisamente esa; aportar información de utilidad al fotógrafo. La principal peculiaridad de EWWW Image Optimizer es que lleva a cabo la optimización en tu propio servidor, no en uno ajeno. Del mismo modo, permitefijar un máximo de tamañoy mantener los datos EXIF.

Así, subas la foto que subas, si ésta supera tus dimensiones, serán redimensionadas para que se ajusten a la perfección. Lazy Load es un plugin gratuito que puedes encontrar en el repositorio de WordPress clicando en el encabezado de este texto. 4.- Eligo la imagen lo más comprimida posible que mantenga visiblemente la calidad de la original. 3.- Repito el paso 2 hasta que la calidad de la imagen empiece a verse afectada. Así que una vez comprimida la imagen compruebo que la calidad siga siendo buena.

También ofrece la posibilidad de indicar la URL de la imagen para que haga el trabajo sobre ésa, sin necesidad de tener que subirla. Creado por los desarrolladores del plugin WP Rocket, el plugin Imagify Image Optimizer permite elegir entre tres niveles de compresión, normal, agresiva y ultra. Tiene función de restaurar así que, puedes probar hasta dar con el nivel más apropiado.

PNG o Portable Network Graphics es una opción alternativa a GIF que además de soportar transparencias, las imágenes son excelentes, pero con un alto peso debido a su algoritmo de compresión sin pérdida. Para guardar para web en Photoshop simplemente abre la imagen que quieras en el programa y prepárala para guardar. También utilizamos diferentes servicios externos como Google Webfonts, Google Maps y proveedores de vídeo externos como Youtube, Vimeo, Facebook live. Dado que estos proveedores pueden recoger datos personales como su dirección IP, le permitimos bloquearlos aquí.

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

by Dejar un comentario

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.

El primero reduce la calidad gráfica de la imagen , pero reduce su peso hasta la mitad incluso, mientras que lossless no reduce la calidad , pero la reducción de peso es practicamente nula. La recomendación sería utilizar la primera opción, ya que aunque se pierda algo de calidad los resultados son muy bueno. No podemos subir las imágenes que hacemos (fotografías o creaciones propias en programas como Photoshop o Lightroom) a una página web porque acabaríamos saturándola con un gran peso y haciendo que cargue lento.

Seleccionar El Formato De Imagen Adecuado

Los archivos PNG se utilizan para vectores, logotipos, capturas de pantalla e imágenes más pequeñas. Querrás usarlos con menos frecuencia ya que tienen un tamaño de archivo más grande. Antes de comenzar a optimizar, asegúrate de haber elegido el formato de archivo correcto. El formato de archivo que elijas afectará su tamaño total y la capacidad de optimizar la imagen.

  • Las imágenes además de poseer una excelente calidad, las encontramos clasificadas por Colecciones, cosa que nos facilita cualquier búsqueda que realicemos.
  • Para conseguir aparecer en el top 10 de resultados vas a necesitar caerle bien a Google, y uno de los factores que más tiene en cuenta el buscador a la hora de decidir quién irá antes que quien, es la velocidad de carga de la web.
  • Se trata de un filtro que consigue que los elementos queden más destacados y vistosos.
  • Estas herramientas son excelentes si no quieres perder el tiempo aprendiendo los pormenores del software de edición de fotos.
  • Sigue leyendo para aprender cinco métodos diferentes que puedes usar para optimizar fácilmente tus imágenes en la web.
  • Además, debemos acordarnos de las copias que hace WordPress de nuestras imágenes.

Bueno, y en el tema del Responsive Design es todo un mundo, pero es muy importante tener presente que un móvil no tiene la velocidad de un PC, por lo que hay que adecuar las imágenes de alguna forma, solo hay que encontrar la adecuadas. También si, normalmente se suelen adaptar las imágenes haciéndolas progresivamente más pequeñas, por lo que no es necesario que tengan gran tamaño (aquí podéis saber más imagen en la web sobre adaptar imágenes en un Responsive Design). Si la imagen tuviese muchos colores distintos, texturas y degradados al usar el formato PNG de 8bits se perderían muchísimos colores, esta es la gran diferencia. Otro factor a tener en cuenta es el del dispositivo para el que está destinada, no podemos usar grandes imágenes con gran peso si va a ser un Smartphone el que finalmente verá nuestra web.

Guardar para web es una opción o herramienta que nos permite Photoshop que optimice la imagen para subirla a Internet sin que tenga demasiado peso. Sí, es lógico y evidente que se pierde algo de calidad si vamos a reducir desde una imagen de 5 MB a una imagen de 20 kB, pero conseguimos un equilibrio entre la calidad y el peso. A continuación, examinamos herramientas para escritorio, herramientas online e incluso algunos plugins para optimizar imágenes de WordPress que puedes utilizar para comprimir tus imágenes sin sacrificar la calidad. Esto quiere decir que tus imágenes se verán perfectas si las guardas con este formato, pero tendrán un peso mayor si, por ejemplo, hablamos de una fotografía. Es el tipo de archivo ideal para imágenes con colores planos llegando incluso a dar mejor resultado en la compresión de ciertas fotos con grandes zonas lisas que un jpg, aunque no es lo habitual.

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.

Otro problema que nos puede ocurrir si no utilizamos los sistemas que os hemos comentado, es que podemos conseguir una imagen que pese menos, pero a costa de la calidad de la misma. Cuando ponemos una imagen en una web queremos que pese poco, pero también que la persona que la ve se sienta a gusto y no que vea una imagen distorsionada donde no entienda que sale realmente. También has de saber que para aprovechar todo el potencial de este plugin tu hosting debe tener disponible esta tecnología desde el propio servidor.

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.

Para esos casos puntuales existen varias herramientas y utilidades alternativas. Teniendo esto en cuenta, una vez vayamos a guardarlas o exportarlas, podemos proceder a optimizarlas para web. Muchos editores de imagen cuentan con la opción “Guardar para web”, donde podremos elegir el formato diseño web de salida, su compresión y pérdida de calidad. La más avanzada y personalizable probablemente sea hacerlo tras tratarlas en nuestro software de edición habitual. Es común retocar las imágenes antes subirlas a la web, bien sea editando sus colores, la luz, o simplemente redimensionandolas.

Plugins Para Optimización De Imágenes En WordPress

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.

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 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.

Esta API te permitirá automatizar la compresión y optimización de tus imágenes. Esto no sera un impedimento para ti, ya que seguramente no crees muchos artículos con más de 20 imágenes. Y si lo haces no tienes más que refrescar la web y volver a lanzar otras 20. Utilizamos cookies propias y de terceros para mantener las preferencias de usuario y monitorear el tráfico de nuestra web, entre otros.

Con esta herramienta solo tendrás que añadir el tamaño que quieres para tu imagen, ya que la resolución de la imagen se guardará directamente para formato web. Permite editar, componer, retocar, transformar y tiene la opción de guardar para web bajando al máximo el peso de la imagen. Está demostrado que la velocidad de carga de una web influye en su posicionamiento orgánico. O en otras palabras, el SEO mejora si usas imágenes bien optimizadas. Cada theme proporciona un ancho distinto para el contenido principal donde van los posts. Además, quizá tu quieras una imágen con más calidad porque quieres que el usuario la pueda abrir en un pop up o en una url distinta a su tamaño real.

Formato De Imagen Gif

Dentro de todos los elementos que forman parte de ella, las imágenes suelen ser los elementos que más influyen en esta velocidad. Si no están optimizadas, pueden incrementar considerablemente el tiempo de carga de una página web, afectando negativamente tanto al posicionamiento como a las visitas. En nuestro libro blanco de este mes, queremos centrarnos en este punto y mostraros algunos consejos para reducir el tamaño de las imágenes utilizadas en nuestros sitios. El plugin WP Smush elimina la información oculta de las imágenes para reducir el tamaño sin perder calidad.

Te aseguro que no es necesario tener fotos con una resolución tan alta a no ser que vayas a hacer un cartel para una exposición. Si estás usando el CMS líder del mundo, entonces estás de suerte, ya que WordPress cuenta con plugins que hacen mucho más sencilla la optimización de imágenes para la web. Estos plugins optimizan las imágenes automáticamente, haciendo que tu labor solo sea subir las imágenes a tu web.

Básicamente se refiere a cómo percibe el usuario la navegación y el uso de nuestro sitio web. Es por eso que aunque una imagen se vea algo mejor que otra, si ello conlleva un incremento en el tiempo de carga del sitio web o un gasto inapropiado de transferencia de datos, puede ser contraproducente. Si te recomendaría pasar las imágenes por un programa antes de subirlo al servidor. Si no tienes Lightroom o Photoshop, puedes utilizar la versión gratuita de JPGmini o ImageOptim. Al igual que el caso anterior, su funcionamiento es muy sencillo aunque en esta ocasión, el usuario puede configurar determinados parámetros como la calidad de la imagen resultante, así como el ancho y el alto.

como optimizar imágenes para la web

Cuando estemos seguros de haber finalizado el proceso, hacemos clic en “Download Image”, y se nos descargará la fotografía ya editada. Tenemos la opción de descargar el archivo como .PDF, .PNG y en archivo comprimido . La ventaja de utilizar estas herramientas es que tienes todo el control sobre el proceso. El inconveniente es que te va a llevar un poco más de tiempo, pero si tienes un blog con pocas fotos no tendrás ningún problema. El responsable de este sitio es Wenova Online S.L., cuya finalidad es el envío de información y formación sobre blogging y marketing online, con la legitimación de tu consentimiento otorgado en el formulario.

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.

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.

Su optimización se puede hacer en WordPress de forma automática mediante plugins que se encargan de modificar el tamaño, comprimir el peso o incluso cambiar los formatos de las propias imágenes, creando copias incluso. Una vez tengamos una imagen de las dimensiones adecuadas debemos de adaptar el tamaño de archivo, mediante el uso de distintos formatos de imagen y la compresión adecuada. Considerando que, por ejemplo, se tiene un total de 5 imágenes y que cada una de ellas pesa unos 500 kB, como poco, la web tendría que hacer la carga de 2,5 MB solo en imágenes. Sin embargo, si se les aplica un proceso de compresión a cada una de ellas y se acaba obteniendo una optimización total de un 75 %, la web tendría que cargar 625 kB . Pues no imaginas lo que un usuario puede agradecer esta optimización cuando está esperando a que su página cargue.

Una opción interesante de este programa es que tus imágenes y fotos puedes enviarlas directamente por correo electrónico o subirlas a Facebook. Con imagesmaller.com solo podemos ir optimizando nuestras imágenes de una en una y que no sean de más de 50Mb. El responsable del tratamiento es DespachoTres Internet Services S.L., y utilizamos tus datos personales para gestionar los servicios que tienes contratados con nosotros y aquellos que nos solicites. El tratamiento de tus datos es necesario para el correcto desenvolvimiento de la relación negocial o prenegocial que pudiera existir, y en su caso, para la remisión de nuestro boletín electrónico. Tus datos son cedidos a distintas entidades, bien por exigencia legal o por necesidad de la propia prestación del servicio que contratas o del que nos solicitas información. Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional, que puedes consultar en nuestra Política de Privacidad.

Cómo Optimizar Las Imágenes Para Tu Web

by Dejar un comentario

A continuación te explico paso a paso como hago yo para optimizar el peso de las imágenes de mi página y mejorar así la velocidad de carga. Ahora que ya sabes cómo optimizar las imágenes WordPress es hora de empezar a sacarle todo el jugo a esto para obtener el máximo potencial de tu web. Además, como un punto fuerte, también nos permite optimizar varias imágenes a la vez, haciendo el proceso mucho más sencillo y rápido.

Se trata de Picresize y reduce el tamaño de nuestra imágenes de forma individual o en lotes. De este modo puedes conocer el tamaño exacto en píxeles de tus imágenes cuando se muestran. En general nos va a ser suficiente con conocer el ancho máximo para establecer el tamaño final al que ajustar cada imagen. Es el proceso por el cual optimizamos las imágenes una vez subidas al servidor donde está alojada nuestra web. A lo largo de este post vamos a ver cómo podemos optimizar correctamente todas y cada una de las imágenes que tengas en tu web.

Lo primero que vamos a hacer es cambiar la resolución a una apropiada para pantalla. En este caso, la imagen está a 300 píxeles por pulgada inicialmente, que es una resolución adecuada para imprimir. Para pantalla cambiaremos este valor por 72ppp y a continuación modificaremos la unidad de medida a píxeles. Si no eres de trabajar con interfaces web estás de suerte, ya que TinyPNG cuenta con un plugin para utilizar su algoritmo de compresión directamente en Photoshop.

Puedes usar sin problema esta herramienta en su opción gratuita, pero encontrarás ciertas funciones más avanzadas que están bloqueadas y para hacer uso de ellas deberás contar con un plan PRO. Cuenta con 3 modos distintos de compresión y con cada uno de ellos podrás aplicar diferente grado de optimización en tus imágenes. Pero cómo sobre estas herramientas se ha hablado mucho y puedes encontrar cantidad de información, prefiero mostrarte otras, que no por ser menos conocidas son peores. No es necesario que descargues ningún tipo de programa en tu ordenador, puesto que lo harás de forma Online. Con la herramienta Resize Photos, además de poder cambiar el tamaño de las imágenes, tienes la posibilidad de comprimirlas y aplicar algunos efectos. Por lo que un paso que no debes obviar es el de modificar su ancho, adaptándolo al que tienen predefinido en tu web.

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, diseño web 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.

Esto lo podemos conseguir con cualquier programa de edición de fotografía o herramientas online creadas para ello. Optimiza las imágenes, carga, redimensiona, comprime y mejora la velocidad de tu página. Smush es un plugin de WordPress que comprime todas las imágenes sin una caída visible de la calidad. Te permite optimizar 50 imágenes en un sólo clic y además redimensionarlas. Del mismo modo te permite localizar rápidamente las imágenes que están ralentizando tu sitio web. [newline]Una de sus características más especiales es su integración con los bloques de Gutenberg . Nos permite optimizar imágenes en .jpg, .png y .gif permitiéndonos elegir la configuración de la compresión y realizar algunos ajustes en nuestra imagen antes de proceder a optimizarla.

  • Del mismo modo te permite localizar rápidamente las imágenes que están ralentizando tu sitio web. [newline]Una de sus características más especiales es su integración con los bloques de Gutenberg .
  • Esto se debe a que este tamaño se verá bien en los monitores y móviles de la mayoría de usuarios.
  • Otro de los sitios imprescindibles en cuanto a la edición de fotografías es Image Resizer.
  • Puede ocurrir que haya algunas imágenes que o no bajen suficiente de peso o se vean fatal.
  • Pero no se miden los píxeles totales, sino que la resolución se expresa con el número de filas y columnas que forman dichos puntos.

A continuación, aprenderás cómo puedes optimizar tus imágenes para WordPress de una manera que conserve la calidad y no sacrifique el rendimiento. La optimización de tus imágenes no tiene que ser difícil ni requerir de mucho tiempo, y puede formar parte de tu flujo de trabajo de publicación habitual. No optimizar tus imágenes puede ser perjudicial para el éxito de tu sitio. En esta guía aprenderás por qué es imprescindible optimizar tus imágenes, así como cinco maneras de optimizar las imágenes para WordPress.

Comprimir Fotos Sin Perder Calidad

Aunque la modalidad lossless sólo puede aplicarse sobre archivos PNG y JPG. Ofrecen unplugin para Photoshop, que te permite exportar de forma diseño web jaén 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.

como optimizar imágenes para la web

Si la imagen de ese slider tiene el ancho máximo al que se va a mostrar, tiene un formato apropiado, y se ha comprimido al máximo posible su peso, la tendremos optimizada. Por ejemplo, no es el mismo uso el de una imagen que vamos a utilizar en el slider del encabezado principal de una web a ancho completo que el de la imagen interna de un post como este mismo que estás leyendo ahora mismo. El formato PNG tiene la peculiaridad de admitir transparencias, siendo la versión de 24bits la más indicada para incluir en una web imágenes transparentes si no queremos perder calidad. Ahora, teniendo una diferencia de peso tan abrumadora entre una imagen y otra, a simple vista, ¿qué diferencia en la calidad se puede apreciar entre las imágenes originales y las optimizadas?

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. 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.

Photoshop

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.

Si tardan mucho en cargar tus imágenes, seguramente las necesites optimizar. Una de las técnicas más comentadas en la mayoría de blogs de profesionales SEO, es la WPO , que consiste básicamente en optimizar la velocidad de carga de la web. Si logramos mantener estas exportaciones para crear imágenes que sean ligeras y que permitan cargar la página con mayor velocidad, lograremos mejorar el puntaje que nos ayudará a destacar en la web. En el caso de la calidad, siempre podemos jugar a ajustar un 10% por arriba y por debajo del valor establecido para encontrar más o menos detalle, sin que eso equivalga un gran cambio de peso. Lo importante es saber que cuando se exporte se va a ver bien para su propósito. En el caso de las flores de arriba, al exportar para web, abajo podemos ver un ejemplo de cómo se puede previsualizar para ver si la función de lupa está funcionando bien.

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.

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.

Para optimizar el tamaño de las imágenes lo primero es conocer las dimensiones que deben tener para adaptarlas exactamente a ese formato. Como norma general, cuanto más grande es una imagen, más tamaño tendrá el archivo. Debemos reducir los tiempos de carga de la web al mínimo para mejorar la experiencia de usuario y por ende, el SEO.

Cómo Preparar Y Optimizar Imágenes Para WordPress

by Dejar un comentario

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.

Realizamos trabajos de fotografía profesional y todo tipo de vídeos corporativos. Lo bueno además es que cada vez hay más herramientas y más asequibles. Pues si, al final elegir la mejor herramienta para cada uno es algo muy personal. Completísima colección de programas y aplicaciones para dejar las imágenes perfectamente preparadas para la web.

Aparte de encontrar fotografías ordenadas por categorías, tienes la opción de aplicar un filtro para ver las imágenes o búsquedas más populares. Cada mes agrega una media de 3.000 nuevas imágenes y fotos de alta resolución. Pues en la mayoría de ocasiones, no es tarea fácil dar con esa imagen perfecta que ilustre nuestro contenido y lo haga más apetecible para los usuarios. Y ahora es momento de ver qué pasos debemos seguir para optimizar los atributos de una imagen y de este modo facilitar su indexación en Google.

Con elservicio online gratuito,podrás optimizar hasta20 imágenes a la vez, con un tamaño total máximo de5MB. Puede reducir hasta 5 veces el peso de tu fotografía sin perder demasiada calidad. La principal diferencia de esta otra opción respecto a los casos anteriores, es que ofrece la posibilidad de elegir el tipo de archivo que queremos conseguir.

Herramientas Para Optimizar, Reducir De Tamaño O Comprimir Fotos Sin Perder Calidad De Imagen

Es “la mala” ya que pierde un poco de información por el camino , pero a cambio la compresión es mucho mayor. Eso si, no pienses que vas a pasar de una foto que se ve perfectamente nítida a una imagen totalmente pixelada. Las compresiones lossy son muy respetuosas, y en muchas ocasiones no vas a notar la pérdida de calidad respecto a la foto original. En mi experiencia te diré que normalmente las imágenes tipo fotografía (hechas con una cámara, con tu smartphone…) pesan menos como jpeg, mientras que las capturas de pantalla, diagramas, etc. , pesan mucho menos si son archivos png.

Explico de forma muy básica el tipo de imágenes, y la importancia de elegir el tamaño y el tipo adecuado. Además, con él también podrás reducir el tamaño de las imágenes que ya estaban cargadas en tu biblioteca de medios. Una vez optimizadas, la herramienta te da la opción de bajarlas de forma individual, o juntas en un archivo zip. También tienen unplugin para WordPress,que optimiza las imágenes automáticamente al cargarlas en tu web.

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.

Reducir Tamaño Fotos E Imágenes Sin Perder Calidad En Jpg O Png Con Photoshop

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.

Para comenzar, hacemos clic dentro del cuadrado de líneas, donde pone “Drop your .png or .jpg files here! Sin embargo, en las copias de tamaño pequeño tenemos la opción de recortar las miniaturas en las dimensiones exactas a las que determinemos aquí. Copia de tamaño medianos de la imagen, como portada de un post en una referencia. Copia tamaño grande de WordPress en una imagen de portada de un post.

  • En este diálogo podrán ver la imagen original, la optimizada, una comparativa 2 a 2 o una comparativa de a 4 ventanas donde podrán ver la original comparada con la compresión alta, media y baja.
  • Tres online y dos para usar de manera offline instalando en el ordenador.
  • Si utilizas alguna otra herramienta paraoptimizar imágenes para la web o conoces algún plugin interesante y quieres recomendarlo, puedes dejar un comentario.
  • Haz scroll hacia abajo, hasta que aparezca en tu pantalla esta imagen, donde debemos seleccionar las características que queremos que tenga la foto.
  • Una vez guardada en nuestro equipo, comprobaremos cómo ha quedado.
  • No dejes enlaces a tu web en el comentario, dispones del campo «sitio web» para ello.

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.

Cómo Guardar Para Web En Photoshop

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 imagen en la web 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.

En esta guía voy a hablarte de cuál es la mejor herramienta, la que utilizo yo, tanto por sus capacidades de compresión, tanto como su facilidad de uso y sus posibilidades de automatización, y además gratis. diseño web En nuestra Newsletter siempre hablamos sobre tecnología, SEO, desarrollo web, y novedades y tendencias en el mundo del diseño gráfico. Creemos que compartir el conocimiento es nuestro gran distintivo.

como optimizar imágenes para la web

El servicio es gratuito perosi deseas eliminar la marca de agua debes pagar 29 libras. De esta forma, es capaz de reducir el pesohasta un 5% mássobre imágenes guardadas para web con Photoshop. Permite automatizar el proceso de escalado y compresión de imágenes. Éste es uno de los softwares más conocidos para optimizar las imágenes. Tanto Photoshop como Lightroom, ambos pertenecientes a la suite de Adobe,permiten controlar el tamaño y el nivel de compresión con el que se exportan las fotografías. Si aún no estás familiarizado con conceptos como compresión lossy o lossless; o no sabes qué metadatos debes mantener o no en tu caso, échale un vistazo al post anterior antes de seguir leyendo.

Su herramienta puede reducir hasta en un 20% el peso de las imágenes de tu web. Vale, ya sabemos cómo optimizar imágenes WordPress de manera fácil, pero ¿Qué sucede si tenemos otro tipo de CMS como Drupal o Blogger? Entonces es cuando debemos tomar otro tipo de alternativas, las cuales pueden tomar menor o mayor tiempo.

Así, las imágenes se irán cargando según el usuario vaya llegando a ellas al hacer scroll. Es un plugin recomendadísimo si vas a utilizar muchas imágenes en tus contenidos puesto que sólo se cargarán las imágenes necesarias en cada momento. Tras instalar el EWWW Image Optimizer cada nueva imagen que subas a tu web será optimizada automáticamente. Y si ya tenías imágenes subidas, tienes la opción de optimizarlas todas a golpe de un sólo click.

Optimizar Imágenes Para Páginas Web

by Dejar un comentario

Así, subas la foto que subas, si ésta supera tus dimensiones, serán redimensionadas para que se ajusten a la perfección. Lazy Load es un plugin gratuito que puedes encontrar en el repositorio de WordPress clicando en el encabezado de este texto. 4.- Eligo la imagen lo más comprimida posible que mantenga visiblemente la calidad de la original. 3.- Repito el paso 2 hasta que la calidad de la imagen empiece a verse afectada. Así que una vez comprimida la imagen compruebo que la calidad siga siendo buena.

En las páginas web (y sobre todo en los blogs, porque en e-commerces puede tener cierto sentido) no es necesario que las imágenes sean tan grandes. No merece la pena llegar a ese nivel, lo importante es que seas consciente de la importancia que tiene optimizar tus imágenes para ganar velocidad, y comiences a hacerlo para cumplir unos mínimos. Si te vas a páginas como GTmetrix, Google Pagespeed, o Pingdom, verás que gran parte del tiempo de carga y de las sugerencias de mejora imagen web que se proponen, están relacionadas con el peso de tus imágenes. Para conseguir aparecer en el top 10 de resultados vas a necesitar caerle bien a Google, y uno de los factores que más tiene en cuenta el buscador a la hora de decidir quién irá antes que quien, es la velocidad de carga de la web. Otra de las opciones a la hora de incorporar imágenes son los formatos vectoriales como el SVG. Al no basarse en un mapa de bits, su peso es ínfimo y re-escalable sin perdida alguna.

  • ¿Sabes cuál es uno de los errores más comunes que cometemos y que influye en la velocidad de carga de una web?
  • Existe una alternativagratuita, que sólo utiliza compresiónlossless(sin pérdida) y acepta ficheros de partida de1MB como máximo.
  • Una vez abierta, en la izquierda vemos un menú con multitud de opciones.
  • Las imágenes pueden ocupar una cantidad considerable de espacio, y la mayor parte es innecesaria.

Pero ahí no queda todo, aún así después de pasar nuestras imágenes por la herramienta Guardar para web de Photoshop podemos usar otras herramientas para comprimir más el peso sin perder calidad. Esto nos ayudará a mejorar la velocidad de carga de nuestro sitio web. Todo el contenido que se muestra en una página web, o que forma parte de su estructura, tiene que almacenarse en un sitio, que tiene un espacio determinado. Cuando hacemos clic para navegar en un sitio web, la página tiene que cargar todo su contenido.

Con imágenes optimizadas, Google rastreará y posicionará tus imágenes mucho más rápido también, lo que puede ser bueno para recibir mayor tráfico. Pero tener un sitio que ocupe menos espacio en el servidor lo hará más ágil. La mayoría de los propietarios de sitios de WordPress terminan subiendo y usando imágenes que no están optimizadas para la web, lo que puede causar mucho más daño que bien. Una de las recomendaciones que dan todos los test de velocidad es la optimización de las imágenes reduciendo su tamaño. Además, estarás optimizando el espacio en tu hosting web haciendo que tu almacenamiento esté más depurado.

Herramientas Para Optimizar Las Fotos De Tu Web

Las imágenes hacen más atractivo el contenido e incluso hace que los lectores premanezcan más tiempo navegando por la web. Prácticamente todo el mundo dispone de una cámara digital, o utiliza su smartphone para hacer fotos de forma frecuente. Un optimizador va a cargar más tu web, pero si no tienes muchos más archivos, ésto tampoco te supondrá mucho problema.

Ahora estoy usando el plugin optimizador.io de webempresa con muy buenos resultados y todo en automático. Subo la imagen a la bibloteca de wordpress y el optimizador me la devuelve ya optimizada. Desde que la uso antes de subir las imágenes Google no me pone pegas con ellas. Es decir, con el email de tu dominio regístrate en la página de desarrolladores de TinyPNG y utiliza esa API que te ofrecen única y exclusivamente para tu blog. Mi consejo, además de que configures el plugin correctamente, es que tengas una API para tu uso personal (para usar de manera local, quizá con fotos no relacionadas con tu blog, etc.) y otra para tu uso profesional. Ahí es donde también deberás decidir qué imágenes quieres que se optimicen en tu blog.

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. O lo que es lo mismo, una imagen optimizada debe mostrarse correctamente en cualquier tipo de dispositivo. Tienes total libertad para acceder a consultar tus datos, modificarlos o suprimirlos en , así cómo de otros derechos que te amparan. Los datos que me facilites serán conservados hasta que solicites su supresión. La finalidad de la recogida y el tratamiento de los datos personales que te solicito son para gestionar la solicitud que realizas al enviar este formulario de contacto. Te informo de que los datos con carácter personal que me proporciones rellenando este formulario serán tratados sola y exclusivamente por mí, Manuel Cervilla, cómo responsable de esta web.

El plugin Imsanity redimensiona las imágenes a unas dimensiones que tu preestablezcas. Esto es ideal para blogs con diferentes autores creando contenidos que no saben ni quieren aprender a redimensionar imágenes. Tan solo tienes que instalarlo y él solo se encarga de optimizar automáticamente todas las imágenes que subas sin hacer nada. Si no tienes Photoshop instalado en el ordenador y te parece muy engorroso tener que ponerte a reducir las imágenes con el método anterior, siempre puedes optar por una solución más sencilla. En función de para que quieras utilizar una imagen necesitaras un formato u otro.

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

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.

Así pues, este es uno de los principales factores por los que la optimización de imágenes es clave. Cuando hacemos una web para móviles tenemos que ser conscientes que es mejor usar un menor número de fotografías innecesarias (como imágenes de fondo que no se verán o elementos que quedan ocultos). Para evitar esto podemos usar @media queries, que nos permiten mostrar o no ciertas imágenes según el tamaño del dispositivo. La compresión en este formato deteriora ligeramente la imagen (según la cantidad de compresión) y genera unas marcas borrosas llamadas artefactos de compresión que aparecen cuando queremos reducir mucho una imagen.

Si estás buscando una agencia de diseño web en Madrid que cumpla con esos 3 requisitos, nosotros podemos ayudarte. Nos hemos pasado tanto ajustando, que la calidad se ha resentido mucho. Aquí tienes que diferenciar entre lo que son las imágenes a usar en las páginas estáticas de tu web , y los posts.

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. No tiene sentido subir una imagen a 1920px para colocarla en una columna al lado de un texto, que mide 500px de ancho, o en un post dentro de un blog cuyo ancho son 800px. Puedes seleccionar hasta 10 imágenes a la vez o soltar una imagen en el cuadro Drag & Drop. Te permite seleccionar un nivel de compresión (%), y luego habilitarla. Puedes descargar las imágenes comprimidas o todas juntas en un ZIP. Si no optimizamos las imágenes el servidor tendrá que soportar mayor peso y en consecuencia tendremos menos espacio y velocidad afectando al rendimiento de nuestro sitio.

Compressorcomprime y optimiza tus imágenes de forma sencilla desde la web con un límite de peso por imagen de hasta 10 MB. A través de la página web de Adobe Creative Cloud se puede tener acceso a una versión de prueba de un mes y posteriormente, puedes adquirir este producto de forma mensual o anual. El plugin Lazy Load no es exáctamente un plugin para la compresión de imágenes.

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‘.

Cómo Optimizar Las Imágenes Para Tu Web

Usa cookies propias y de terceros para almacenar, acceder y procesar datos personales como su visita en este sitio web. Ya has visto lo importante que es tener una buena velocidad de carga, pero que al mismo tiempo, todas las imágenes se vean bien (no hay cosa que dé más sensación de dejadez que tener en tu web imágenes pixeladas). Es decir, una vez ajustado el tamaño a la medida correspondiente, puede ser que la imagen todavía pese mucho.

Ese proceso de escalado, hace que aumente el tiempo de carga de la web. Una vez que has instalado y activado el pluginEWWW Image Optimizerlas nuevas imágenes que vayas añadiendo a tu WordPress se optimizarán de forma automática. Otro plugin para optimizar imágenes muy utilizado y gratuito esEWWW Image Optimizerque te ayudará a comprimir las imágenes que tengas en tu galeríaasí como las nuevas que vayas subiendo a tu web. Si no dispones de un editor de imágenes, puedes utilizar cualquiera de los que hay online de forma gratuita. Te contamos como hacerlo con Photoshop, Pixlr Express (aplicación online de la que ya te hablamos en un artículo anterior) y Riot. Además de reducir el tamaño de las imágenes en el ordenador, también es conveniente instalar algún plugin que las comprima al subirlas a la web.

como optimizar imágenes para la web

Una de las grandes ventajas de EWWW es que las compresiones de fotos las hace a nivel local, en tu servidor, y no tiene que conectarse a uno externo, lo que se traduce en un ahorro de tiempo considerable. En número de descargas EWWW Image Optimizer se encuentra por detrás de Smush y con una valoración de 4,7 sobre 5. Este plugin también optimiza automáticamente las imágenes que elijas e incluso, las previamente subidas. Ahora es momento de investigar las características de cada plugins y elegir el que más se adapte a nuestra manera de trabajar.

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.

A continuación, te dejamos varios plugins para optimizar imágenes en WordPress. Las imágenes ocupan muchas veces más de la mitad del peso de una web, es por ello que aprender a optimizar imágenes para tu web es tan importante como aprender a elegir una plantilla adecuada para tu página. De hecho, en el caso de que imagen web las imágenes a utilizar para la web no sean optimizadas, es posible que nos encontremos con problemas en el WPO. Si subimos las imágenes a una página web sin ningún tipo de compresión, el peso puede ser significativo algo que puede acarrear algún que otro problema a la hora, sobre todo, de cargar la página web.

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. 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.

Como agencia SEO, Marketerosweb mejora el posicionamiento web de nuestros clientes en los motores de búsqueda utilizando estrategias enfocadas a conseguir aumentar las ventas. De todos es bien sabido y más últimamente que las imágenes están tomando un valor muy importante en las páginas webs y tiendas online. Como norma general, en DespachoTres aconsejamos a nuestros clientes la utilización de imágenes de hasta 1000 píxeles de ancho y que tengan un peso inferior a 100Kb. Todavía hay muchas personas que navegan en monitores con resolución de 1024 x 768. Eso quiere decir que una imagen de 3000 x 2000 píxeles triplica el tamaño de estos monitores.