Marketing Digital

Mucho más que estrategia

imágenes

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.

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

by Dejar un comentario

Esta opción es para editar nuestras fotos es de manera manual, mediante algunas aplicaciones accesibles para todo el mundo. Asimismo, si la imagen original es más pequeña que las dimensiones de las copias, no sé generará. La imagen que subamos se adaptará a las medidas que establezcamos, pero conservando sus proporciones originales en las copias de tamaño medio y grande. En estos dos ejemplos es fácil reconocer como WordPress usa las copias de distintos tamaños de la foto que hemos subido, y con esto nos facilita mucho el trabajo. Para conseguir manualmente este resultado, tendríamos que haber redimensionado nosotros mismos la fotografía en los distintos tamaños y posteriormente subirlas. Por ejemplo, no es lo mismo una imagen de cabecera en el propio post, como el ejemplo de arriba, que en un listado, o cuando aparece referenciado.

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.

Haz clic en el recuadro que está en el centro para comenzar a comprimir las imágenes. Pues nosotros aquí vamos a ajustar el tamaño máximo, en píxeles, que van a tener esas copias. En primer lugar, nos vamos a encontrar el ajuste de tamaño de imágenes, dónde se especifica que “determinan las dimensiones máximas a usar al añadir una imagen a la biblioteca de medios”. La plataforma va a subir otras 4 copias de cada una de nuestras fotos , de las cuales, solo estamos utilizando un 20%, pero que están ocupando espacio.

Más Informació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.

  • Muy recomendable para webs muy visuales, ecommerce de experiencias, portfolios profesionales de fotógrafos, diseñadores, etc.
  • 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.
  • El formato de archivo que elijas afectará su tamaño total y la capacidad de optimizar la imagen.
  • Teniendo esto en cuenta, una vez vayamos a guardarlas o exportarlas, podemos proceder a optimizarlas para web.
  • Se trata de otra conocida herramienta Online para la compresión y reducción del tamaño de las imágenes.
  • A menor calidad mayor compresión, lo que se traduce en que la imagen ocupará menos.

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.

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.

Reducir Más El Peso De Las Imágenes Para Web

Para las páginas estáticas, será el diseñador web el que las optimice, en cambio, en las de tus artículos es el redactor o responsable de los contenidos de tu empresa quien debe optimizarlas. [newline]Por cierto, aquí te dejamos un texto sobre los mejores hosting para que tu web cargue rápido, y con un 20% de descuento. Reducimos la calidad a 30 y veremos en la parte inferior izquierda como va reduciendo de tamaño. Las cookies técnicas necesarias tienen que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudarnos a comprender qué secciones de la web encuentras más interesantes y útiles. Si una imagen pesa 3Megas (3.000 Kb) tardará 30 veces más en descargarse que una imagen de 100Kb. Utilizamos cookies para poder ofrecerte la mejor experiencia en nuestra web.

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

Se estima que nueve de cada diez usuarios leen páginas y artículos con imágenes antes que aquellos que carecen de ellas. 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. Si no quieres perdértelo, apúntate a la newsletter y yo mismo te avisaré cuando lo publique. Una recopilación de las mejores herramientas que te permiten comprimir y optimizar el tamaño de tus fotografías para la web. Otra opción a la hora de optimizar una imagen, es quedarnos únicamente con la sección que nos interesa. De esta forma estaremos ahorrando espacio, además de destacar lo más importante de ella.

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.

Tenga en cuenta que esto podría reducir considerablemente la funcionalidad y el aspecto de nuestro sitio. Estas cookies son estrictamente necesarias para proporcionarle los servicios disponibles a través de nuestro sitio web y para utilizar algunas de sus características. Sí, de Tinypng te hemos hablado antes, pero es que además de herramienta online también disponen de plugin para WordPress que comprime las imágenes igual de bien, así que no podíamos dejar de recomendarlo. Además, otra funcionalidad que nos gusta mucho y que incorpora es la conversión de las imágenes al formato WebP, de mucho menos peso, con mayor compresión y similar calidad.

Plugin Imagify Image Optimizer

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.

TinyPNG también cuenta con una API (un código de letras y números) que podrás utilizar en aplicaciones de terceros para convertir imágenes al vuelo. Este es el email que recibirás si adquieres el pluginInstalar el plugin de TinyPNG en Mac es tan sencillo como arrastrar los archivos que te enviarán en el email en la carpeta Aplicaciones / Adobe Photoshop / Plug-ins. Yo optimizo absolutamente todas las imágenes antes de subirlas al servidor, y aun así siempre me encuentro con el maldito mensaje que me invita a comprimirlas aun más.

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

como optimizar imágenes para la web

En todo momento tenemos la imagen original y la que en un principio hemos optimizado para ver como quedaría nuestra imagen final antes de proceder. Estas pueden ser diseño web formato .jpg, jpeg, png gif y como máximo de 9Mb. En esta herramienta si nos permite indicar que porcentaje de compresión queremos realizar a todas la imágenes.

Está considerada una de las mejores herramientas Online para el proceso de compresión de imágenes. Resumiendo, optimizar las imágenes en WordPress o en cualquier otro CMS, es importante si queremos empezar a mejorar su Web Performance Optimization . Otro motivo importante para tener una web con una velocidad de carga dentro de los estándares, es porque los robots de los buscadores disponen de un tiempo limitado para rastrear e indexar el contenido. Consiste en poner en práctica varias acciones para conseguir que las imágenes de nuestra web sean indexables y tengan tanto el tamaño como el peso idóneo sin pérdida visible de calidad. [newline]El texto del título de la imagen aparecerá cuando un lector pase el puntero sobre tu imagen. No es muy importante para el SEO, pero este pequeño truco puede mejorar la experiencia del usuario.

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.

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.

Por Qué Y Cómo Optimizar Las Imágenes Para Nuestro Portfolio Web

by Dejar un comentario

Esto aumenta la carga en tu servidor y el tamaño total de tu sitio. Comprimir el tamaño y reducir fotos hasta su correcto tamaño, es una práctica que debemos realizar cada vez que subamos una fotografía a la web. Para imágenes planas o con transparencias, como dibujos vectoriales, logotipos o fotografías con zonas de colores planos amplias, la extensión png.

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

Optimizar Imágenes Para Web Photoshop

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.

Una vez el visitante ha abandonado nuestra web, esta permanece en el navegador del visitante. Nuevamente, si te preocupan los tiempos de carga y el SEO de tu web no puedes prescindir de la optimización de tus imágenes. Una vez tenemos las imágenes reducidas al tamaño idóneo ahora es necesario comprimir esas imágenes para que pesen menos, pero sin perder calidad de forma aparente. A continuación te vamos a explicar los pasos que llevamos a cabo habitualmente para llevar a cabo una optimización manual antes de subir las imágenes al servidor de la web.

como optimizar imágenes para la web

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.

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.

Así todo, he de reconocer, que quizás sea mejor que tinyPNG para esta función. Como he comentado al principio del post, una de las principales razones de que el tiempo de carga de una web sea alto, es por las dimensiones de las mismas. Si subimos a la web una imagen de 1024 x 768 píxeles cuando esa misma imagen en la web está en un espacio de 800 x 600 píxeles, es necesario que sea escalada.

Cómo Optimizar Tus Imágenes Para La Web

Tenga en cuenta que esto podría reducir considerablemente la funcionalidad y el aspecto de nuestro sitio. Estas cookies son estrictamente necesarias para proporcionarle los servicios disponibles a través de nuestro sitio web y para utilizar algunas de sus características. Sí, de Tinypng te hemos hablado antes, pero es que además de herramienta online también disponen de plugin para WordPress que comprime las imágenes igual de bien, así que no podíamos dejar de recomendarlo. Además, otra funcionalidad que nos gusta mucho y que incorpora es la conversión de las imágenes al formato WebP, de mucho menos peso, con mayor compresión y similar calidad.

  • 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.
  • En el primer desplegable tenemos la opción de elegir el tamaño de nuestra foto.
  • Tomamos como referencia un gráfico vectorial y lo exportamos a jpg, png, gif y svg.
  • Sin duda, estamos ante una gran herramienta para la edición de imágenes de forma Online.
  • 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.
  • Para comprimir sólo jpg podemos utilizar compressjpeg.com, sólo para png compresspng.com y para ambas optimizilla.com.

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.

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

Haz clic en el recuadro que está en el centro para comenzar a comprimir las imágenes. Pues nosotros aquí vamos a ajustar el tamaño máximo, en píxeles, que van a tener esas copias. En primer lugar, nos vamos a encontrar el ajuste de tamaño de imágenes, dónde se especifica que “determinan las dimensiones máximas a usar al añadir una imagen a la biblioteca de medios”. La plataforma va a subir otras 4 copias de cada una de nuestras fotos , de las cuales, solo estamos utilizando un 20%, pero que están ocupando espacio.

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.

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.

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.

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.

En este otro caso, para conseguir que ocupe menos espacio, se suelen utilizar algoritmos de compresión reversibles. La reducción del tamaño no es tan grande como en el caso del formato JPG, pero la calidad no se ve tan afectada. Es una herramienta manual de Google para optimizar imágenes para web. Es mucho más sencilla que la anterior, porque nos da las opciones justas para optimizar una imagen. Este sitio web utiliza cookies propias y de terceros para mejorar la experiencia de navegación del usuario y realizar análisis estadísticos sobre su utilización.

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.

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

Herramientas Online Para Optimizar Imágenes Para Tu Web

by Dejar un comentario

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

Cuando se trata de compresión, es importante jugar con la configuración y las diferentes herramientas hasta encontrar el equilibrio perfecto entre la calidad de la imagen y el tamaño del archivo de imagen. Es un equilibrio difícil de alcanzar, pero definitivamente vale la pena lograrlo para mejorar tus velocidades de carga y tu experiencia de navegación. Al final del artículo te mostraré una lista de herramientas o editores de fotos online gratuitospara que puedas reducir el peso de tus fotografías antes de subirlas a la web. Pero antes me gustaría darte unos consejos a la hora se usar las imágenes.

En esta pestaña, lo que debemos enfocarnos es en el cómo se percibe la imagen a rasgos generales. Debido a que es una herramienta para comprimir, no podemos preocuparnos en que la imagen sea 100% nítida o tenga el mejor degradado entre tonos. Pero siempre y cuando se vea bien al tamaño de salida, podemos trabajar con ella. Bajo este método, la compresión será mayor siempre y cuando bajemos el valor de calidad de la imagen. Para mostrar una diferencia, la imagen a 5000 Px de largo tuvo una salida de 11 MB exportada en máximo . En medio la imagen tan solo pesaba alrededor de 1.6 MB y en una calidad baja tan solo pesó 690 kb.

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.

Cómo Se Deben Publicar Las Imágenes En WordPress

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?

como optimizar imágenes para la 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 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.

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.

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.

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.

Tu Sitio Ocupará Menos Espacio En El Servidor

Antes este tipo de imágenes se guardaban con extensión gif, pero ha ido perdiendo terreno a favor de la extensión png. Además de ser atractivas y efectivas para la comunicación en el diseño web deben estar optimizadas, deben ser de calidad y deben ser muy ligeras. En este momento, ya tenemos nuestra imagen al tamaño que buscamos, 640x400px, pero si queremos reducir el peso de una imagen al máximo, esto no acaba aquí, aún hay muchas más cosas que podemos hacer. Es el momento de decidir qué parte de la imagen nos interesa más. Para ello, en esta misma ventana en la que estamos trabajando, tenemos la opción Ancla que nos permite determinar cuál es la zona que el programa tomará como referencia.

Puede obtener más información, o bien conocer cómo cambiar la configuración, pulsando en Más información. La mayoría de las herramientas que están en la lista ofrecen optimización de varias imágenes a la vez. La idea de este post era diseño web jaén dar a conocer un buen número de herramientas. Y si necesitas más información, una comparativa entre varias de estas herramientas, o que comente alguna de ellas en mayor profundidad, sólo tienes que dejarme un comentario aquí abajo.

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.

Ya Hemos Comentado En Otros Artículos La Importancia Que Tienen Las Imágenes En El Diseño Web

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.

Sigue siendo muchísimo, así que, en la zona superior derecha, debajo de JPEG, vemos que tiene la máxima calidad. Cada vez se aumenta más la resolución de las pantallas, lo más novedoso ahora mismo son las televisiones con resolución 4K o Ultra HD que tienen 3840×2160 píxeles. Por tanto, volviendo a las pantallas, la resolución se refiere a la cantidad de píxeles que contiene dicha pantalla. 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. Es decir, una imagen está formada por un conjunto de varios píxeles.

  • Así que con esta herramienta web podemos matar dos pájaros de un tiro solucionando tanto el sobrepeso como el escalado de las imágenes, las dos causas que producen un mayor tiempo de carga de una página web.
  • Las herramientas para escritorio te ofrecen más control sobre tu configuración de optimización.
  • 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.
  • Guardaremos las fotografías complejas, con muchos colores y degradados, con la extensión jpg.
  • En estos dos ejemplos es fácil reconocer como WordPress usa las copias de distintos tamaños de la foto que hemos subido, y con esto nos facilita mucho el trabajo.
  • El problema es que la resolución de estas imágenes es tan grande, que tienen un gran tamaño .

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

Antes, y como complemento, de la optimización de las imágenes, es imprescindible que revisemos los ajustes de WordPress. Está ubicada 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). Además, debemos acordarnos de las copias que hace WordPress de nuestras imágenes.

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.

En el caso de mi página web, se puede ver que quienes lleguen a través de ordenador podrán navegar más fácil que quienes lleguen en móviles. Gracias a esta analítica, podemos determinar dónde hay que mejorar los elementos de nuestra página para una mejor experiencia de usuario. En este caso, se debe trabajar fuertemente en optimizar la web para dispositivos móviles. Kraken.ioes un plugin de pago para la optimización de imágenes en WordPress, que presume de ser una de las mejores herramientas para comprimir imágenes sin perder la calidad de las mismas. Muy recomendable para webs muy visuales, ecommerce de experiencias, portfolios profesionales de fotógrafos, diseñadores, etc. Smush.it es uno de los plugins para optimizar imágenes en WordPress más descargados.

Porque, más píxeles nos dan por resultado archivos más pesados y eso es lo que queremos evitar. Ya hemos comentado en otros artículos la importancia que tienen las imágenes en el diseño web. Esto abrirá una nueva ventana en la que podremos modificar varios valores.

También te da la opción de hacerlo con las que ya estén en tu sitio. Con los parámetros por defecto, se encarga de optimizar de formaautomáticalas fotos que subas a WordPress. Existe una alternativagratuita, que sólo utiliza compresiónlossless(sin pérdida) y acepta ficheros de partida de1MB como máximo. Además, mientras ajustas dicho número, ves unapre-visualizaciónde la imagen, con lo cual te haces una idea de cómo quedará la foto final. Permiteajustar el grado de compresión que se aplica a cada imagen, del 1 al 100. Permite en elegir entre compresiónlossy o lossless(con o sin pérdida).