Optimizar El Peso De Las Imágenes Para WordPress

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.

Es la gran ventaja frente a Smush, que tiene su versión gratuita mucho más acotada. No solo tenemos la opción de reducir su tamaño, también podemos recortarla, rotarla y darle la vuelta. Haz scroll hacia abajo, hasta que aparezca en tu pantalla esta imagen, donde imagen en la web debemos seleccionar las características que queremos que tenga la foto. Tenemos la opción de guardar las imágenes en nuestro Dropbox o descargarnos un zip con la carpeta que contiene las imágenes, haciendo clic en botón verde, donde pone “Download all”.

Herramientas Online Para Optimizar Imágenes Y Acelerar Tu Web

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

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.

Cosas Que Hacer Antes De Publicar Un Post

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

• Dado que se utilizan varias imágenes para hacer el GIF, suelen tratarse de elementos muy pesados.
• Simplemente pinchas en el cuadro con línea discontinua al lado del oso panda.
• 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.
• 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.
• Es el título de la imagen que se muestra al usuario cuando pasa el ratón sobre ella.

No te olvides de que antes, nuestras imágenes tienen que estar optimizadas. Este método consiste en solo cargar las imágenes que son visibles en ese momento. Imsanity, valorado con 5 estrellas, redimensiona automáticamente las imágenes que subimos a nuestro sitio WordPress, pudiéndose configurar con los parámetros que queramos. Sin embargo, la versión de prueba gratuita está acotada, por lo que si quieres mayor cobertura deberás pagar por ello.

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

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.

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.

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.

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.

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

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

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

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.

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.

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.

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

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

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.