Marketing Digital

Mucho más que estrategia

nredmobile

Optimiza Las Imágenes En Tu Web Y Responsive Designs

by Dejar un comentario

Luego, pasa tu imagen por una herramienta de optimización y cárgala. Tu objetivo debe ser encontrar un balance ideal entre el tamaño del archivo y el nivel de compresión que usas. Al comprimir una imagen para WordPress, deberás encontrar el equilibrio entre la calidad de compresión y el tamaño de la imagen.

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

Host-Fusion es una empresa especializada en hosting, alojamiento web y registro de dominios. Tal y cómo decíamos al principio de este post en WordPress hay plugins que nos lo ponen muy fácil. Simplemente sitúate en esa sección de tu web en la que va a ir tu imagen y acciona esta funcionalidad de tu navegador. diseño web Para conocer ese ancho máximo nos podemos valer de la funcionalidad «inspeccionar» (se llama así en Chrome) pero la tienes disponible también en otros navegadores. Evidentemente, la imagen del slider debe tener un mayor tamaño para que se muestre correctamente y por tanto también será inevitable que pese más.

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

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.

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

Si no te quieres complicar, es la opción más sencilla si usas WordPress. Es un plugin que se instala en el gestor de contenidos, y actúa automáticamente cada vez que subes una imagen reduciendo su tamaño. Es conveniente comprobar cómo funciona tu página web, haz un test de velocidad a tu web. Yo te recomiendo usar la herramienta PageSpeed Insights de Google. Cuanto más tarda en cargar una página web, más posibilidades tienes de que el lector cierre tu web y se vaya en busca de otra. Reducir o comprimir el tamaño de las fotos es, a veces, una de las acciones a las que no damos mucha importancia a la hora del diseño de nuestra página web… pero que puede aportarnos muchos beneficios.

Optimizar La Descripción

Si quieres reducir el peso de una imagen no solo tenemos Photoshop para optimizarlas. Si no tienes el programa de Adobe, puedes acceder a algunas páginas webs gratuitas que se encargan de comprimir u optimizar imágenes en PNG o JPEG. Lo que hacen, como en el caso del software de fotografía, es reducir su peso, pero manteniendo lo mejor posible su tamaño. Hay muchas webs que permiten subir las fotos y tenerlas listas en un segundo de forma automática, sin tocar nada. Optimizar imágenes para tu web consiste en reducir el tamaño con el fin de mejorar la experiencia del usuario que visite nuestra web. La idea es brindar una carga mucho más rápida a nuestra página, pero por ningún motivo perder la calidad de la imagen.

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.

Comparativa De Peso De Imágenes Guardando En Diferentes Formatos

Es la forma ideal de mostrar el logotipo de tu empresa o los iconos de tu web, pero sigue leyendo, que tiene algunas contraindicaciones. Es un formato sin pérdida de calidad para imágenes de 256 colores o menos. Para imágenes con más, este formato reducirá el número de colores generando pérdida de calidad. Podemos usar este formato de imagen para animaciones de pocos frames y que tengan, en la medida de lo posible, pocas zonas degradadas o sean zonas planas de color.

Mi objetivo es que no te quede ninguna duda sobre qué aplicación te conviene en tu caso particular. Funciona de maneraautomáticacon todas las fotos, en formato JPG, PNG o GIF, que subas a tu web. Tal y como indica su nombre, este servicioredimensiona fotografías. Además, te deja decidir el nivel de compresión de la misma (1-100). Optimizilla es unservicio online gratuitoque admite cargar hasta 20 ficheros a la vez, en formato PNG o JPG. Al igual que Compressor.io, te permite elegir entrelossy o lossless.

  • 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).
  • En nuestra Newsletter siempre hablamos sobre tecnología, SEO, desarrollo web, y novedades y tendencias en el mundo del diseño gráfico.
  • 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.
  • Te contamos qué debes hacer si ya has subido imágenes sin optimizar a tu hosting y cómo puedes optimizarlas a partir de ahora.

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.

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

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

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

como optimizar imágenes para la web

No te dejes llevar por el nombre, porque este servicio también permite comprimir y optimizar imágenes en formato .jpeg. Antes de subir las imágenes a mi blog compruebo de manera local si todas las fotos que quiero incluir en la entrada pesan menos como .jpeg o como .png, el formato que resulte ganador es el que subo a la galería multimedia. El formato por excelencia en web es el JPG por su excelente nivel de compresión y su leve pérdida de calidad.

Pexels, es un excelente banco de imágenes, y que está en continuo crecimiento gracias a la aportación de múltiples y profesionales fotógrafos. Esto es posible, gracias a múltiples empresas colaboradoras y al aporte de grandes profesionales en el ámbito de la fotografía y que ceden sus creaciones para que sean difundidas. Una forma sencilla de comprobar los atributos de una imagen, es inspeccionado el código fuente de la misma. Es el título de la imagen que se muestra al usuario cuando pasa el ratón sobre ella.

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

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.

Estas herramientas son excelentes si no quieres perder el tiempo aprendiendo los pormenores del software de edición de fotos. Probablemente hayas notado la explosión de GIFs en los últimos años. Estos videos poco animados se pueden utilizar para mejorar tu contenido existente.

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.

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.

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.

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.

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.

Comprimir Imágenes Sin Perder Calidad

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.

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?

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 Imágenes Para Web

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

  • Utiliza técnicas de compresión con pérdida inteligente para reducir el tamaño de los archivos disminuyendo selectivamente el número de colores de la imagen por lo que se requieren menos bytes para almacenar los datos.
  • 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.
  • 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.
  • 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.
  • El texto alternativo de tu imagen le dará a Google un indicador de lo que trata tu página.

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.

Optimización Seo Para Las Imágenes

Una vez que la sube, la herramienta empieza a trabajar para reducir su peso. Una vez terminado el proceso, ofrece la posibilidad de descargarla. Para reducir el tamaño de una imagen, lo que se puede hacer es reducir diseño web la calidad de la imagen. Si se hace de forma correcta, puede que el descenso de calidad no sea apreciable a simple vista. A menor calidad mayor compresión, lo que se traduce en que la imagen ocupará menos.

Bien, hasta ahora te hemos contado el procedimiento que nosotros solemos llevar a cabo y que es el que te recomendamos pero también te vamos a indicar otros modos automáticos de optimizar una vez subidas las imágenes al servidor. 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. Este es el primer paso de todos, pero antes necesitamos conocer el tamaño máximo al que se van a mostrar nuestras imágenes. Tenemos que tener en cuenta que también afectan al peso los formatos del propio archivo. Una imagen optimizada es esa que tanto su peso como su tamaño son los necesarios y correctos para ser mostrada en diversos tamaños de pantalla de diferentes dispositivos. Da igual el tipo de web que tengas, es un hecho que cada vez utilizamos y subimos más imágenes a nuestras webs, es una tendencia al alza imparable.

como optimizar imágenes para la web

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

Cómo Optimizar Las Imágenes De Tu Web De Manera Automática

by Dejar un comentario

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.

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.

Mejorará Tu Posicionamiento En Los Buscadores

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

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

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.

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.

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.

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.

Cómo Comprimir Imágenes En Tu Web

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.

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.

Si te tomas la molestia de probar o instalar alguna de estas herramientas en tu WordPress te vas a dar cuenta que la optimización de imágenes es algo muy fácil y rápido y que vale más ir gestionando en el momento de la subida. No te quiero contar lo que significa tener que meterte con 800 imágenes de una web subidas a 5000 px y tener que optimizarlas de una tacada. Hacer las cosas bien día a día supone tener tu web ordenada y limpia. Optimizador y compresor de imagen bastante rápido que permite optimizar imágenes en bloque. Sin embargo, no puedes tomar esto como una referencia fija, ya que depende de los colores y el grado de detalle que tenga la imagen. En este caso, al tener mucho gris, sí que hemos podido reducir el peso más.

  • Cuanto más tarda en cargar una página web, más posibilidades tienes de que el lector cierre tu web y se vaya en busca de otra.
  • Haga clic en los títulos de las diferentes categorías para obtener más información.
  • 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.
  • Al no basarse en un mapa de bits, su peso es ínfimo y re-escalable sin perdida alguna.
  • Está exclusivamente pensado para transferir archivos por correo electrónico si no te importa perder algo de calidad.

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

En este caso, el resultado es bastante correcto y tiene un peso de tan solo 4KB. A continuación, después de pinchar en Ok, nos dirigimos otra vez al menú Imagen, pero en este caso queremos modificar el Tamaño de lienzo. Esta acción nos permite aumentar o reducir cualquiera de las dimensiones de una imagen sin afectar a la proporción, de forma que la fotografía no se distorsionará. Una vez hecho esto, cambiaremos los píxeles de alto y ancho de la imagen de manera que una de ellas tenga el valor que buscamos y la otra tenga el otro valor o lo supere. Por eso, vamos a aprender cómo debemos tratarlas para que, sin perder calidad, sean lo más ligeras posible.

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

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

No tiene ningún sentido subir a nuestro gestor de contenidos, imágenes con un ancho superior al que van a ser mostradas. Sin duda, el primer paso es seleccionar el formato de imagen correcto. El nombre de archivo de tu imagen puede ayudarte a posicionarte en la búsqueda de imágenes de Google, que puede ser una buena fuente de tráfico adicional.

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

by Dejar un comentario

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.

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

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.

como optimizar imágenes para la web

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.

Si continúa navegando se considerará que acepta la política de cookies. El hecho de no tener las imágenes optimizadas hace que una página web tarde más de lo que debería en cargarse y como consecuencia, el usuario puede volver por donde vino o lo que es peor, saltar a la competencia. La gente no tiene todo el día para ver tu sitio y sino lo pones fácil estás potenciando que se vayan.

Cómo Optimizar Imágenes Con El Plugin De Photoshop De Tinypng

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.

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.

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

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.

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.

Y, de verdad, que soy consciente de lo que puede mejorar mi blog si lo hago, pero me da una perezaaaa. Todas sus imágenes están englobadas en una licencia Creative Common, lo que nos permite usarlas, por ejemplo, para fines comerciales. Se diseño web trata de otro banco de imágenes de excelente calidad y en constante crecimiento. Las imágenes además de poseer una excelente calidad, las encontramos clasificadas por Colecciones, cosa que nos facilita cualquier búsqueda que realicemos.

¿como Optimizar Imágenes Para Tu Web Correctamente?

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

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

No sólo es negativo para los usuarios que visitan nuestra web sino que también es motivo de penalización para los buscadores. Vamo a ver un ejemplo de cómo se reduciría una imagen para nuestra web. Una fotografía que nos han mandado directamente de una cámara fotográfica con buena calidad. Al ir a propiedades de la imagen y “Detalles” nos indica que su tamaño es de 5184×3456 pixeles con una resolución de 300ppp con el formato jpg y que tiene un tamaño de 7,41 Mb.

Guardar mi nombre, correo electrónico y sitio web en este navegador para la próxima vez que comente. Marca esta casilla sí has leído y aceptas la política de privacidad y protección de datos. Se trata de otra conocida herramienta Online para la compresión y reducción del tamaño de las imágenes. Con Kraken.io, obtendrás una compresión de imágenes sin perdida visible de calidad. Sin duda, estamos ante una gran herramienta para la edición de imágenes de forma Online. El GIF, es un formato de imagen que soporta animaciones y transparencias, pero con una limitación de colores.

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.

Optimizar las imágenes de tu web es una tarea que ya deberías estar haciendo si quieres que tu blog sea rápido, ligero y que ofrezca una buena experiencia de usuario para tus lectores. La mejor opción, siempre que sea posible, es la de tratar nosotros mismos las imágenes y especificar el tamaño, la resolución y el nivel de compresión. Para ello los editores principales como Adobe Phosothop o Gimp entre otros, poseen opciones para exportarlas a nuestro gusto. A la hora de preparar imágenes para web debemos prestar especial atención a la resolución. Para web considera más que suficiente una resolución de 72ppp, pero la aparición de pantallas de mayor calidad, capaces de soportar densidades de puntos mayores. Dicho esto, no te asustes, usar imágenes en tu sitio web es algo clave dadas las estadísticas.

Los motores de búsqueda como Google penalizan los sitios web pesados y de cargas excesivas. Se ha demostrado que los tiempos de carga excesivos hacen que los visitantes no permanezcan en la web, aumentando así la tasa de rebote. En nuestro artículo dedicado a los términos del SEO te explicamos qué significan estos términos. El objetivo de cualquier portal web que se desarrolle, es estar lo más optimizado posible para que los buscadores lo tengan más en consideración. Uno de los puntos más importantes es el tiempo de carga de la página.

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.

  • Excelentes recomendaciones, siempre es importante estar al tanto de los mejores trucos para poder optimizar imágenes en páginas web, ayudan bastante.
  • La mejor opción, siempre que sea posible, es la de tratar nosotros mismos las imágenes y especificar el tamaño, la resolución y el nivel de compresión.
  • Debes saber que usar este formato en tu web puede generarte algunos problemas de seguridad.
  • 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.

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?

️ Cómo Optimizar Imágenes Para La Web Y Tener + Velocidad

by Dejar un comentario

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.

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.

Puedes quitarle ese peso de más a tu sitio web y tener un sitio más liviano y de mayor rendimiento. Además, puedes reducir los costos del servidor si pagas con base en el almacenamiento. Un sitio de carga lenta crea una experiencia de usuario mediocre. Esto conduce a tasas de rebote más altas y un menor tiempo de cada visita a tu sitio en general. No puedes esperar que tus usuarios se queden y esperen a que se carguen tus imágenes.

Misma Calidad, Menos Peso: Guardar Para Web En Photoshop

Al navegar por esta página Web consiente el uso de cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Puede obtener más información o rechazarlas en el siguiente enlace sobre nuestra Política de Cookies”. También es cierto que comprimen automáticamente las nuevas imágenes que vayamos subiendo, y como ya hemos visto, algunas de las herramientas automáticas que os he comentado no bajan suficiente el peso. Ahora arriba, vamos a Save – Computer, para guardarlo en nuestro ordenador. Y nos sale una ventana como esta, donde pondremos el nombre, elegiremos JPG en este caso al ser una imagen.

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.

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

Reducir Más El Peso De Las Imágenes Para 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. diseño 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.

como optimizar imágenes para la web

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.

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.

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

Imsanity redimensiona automáticamente las imágenes que subes a un tamaño standard de uso típico en webs. Esto es muy útil si tienes colaboradores en el blog o personas que gestionan el WordPress que no tienen mucha idea de optimización de imágenes. Herramienta online para reducir drásticamente el tamaño de las imágenes y fotos mientras mantiene una alta calidad.

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.

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

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.

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

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

  • Entre estas herramientas tenemos la opción de comprimir, redimensionar, recortar, y convertir tanto a JPEG como desde JPEG.
  • Inquieto por naturaleza y aprendiendo constantemente nuevas técnicas.
  • 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.
  • En este otro caso, para conseguir que ocupe menos espacio, se suelen utilizar algoritmos de compresión reversibles.

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.

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

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

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.

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

Luego, pasa tu imagen por una herramienta de optimización y cárgala. Tu objetivo debe ser encontrar un balance ideal entre el tamaño del archivo y el nivel de compresión que usas. Al comprimir una imagen para WordPress, deberás encontrar el equilibrio entre la calidad de compresión y el tamaño de la imagen.