Reducir el Peso de la Imagen en tu Blog sin plugin ni programa

Aprende a reducir el peso de la imagen sin necesidad de usar algún plugin o programa de edición de imágenes, de manera sencilla en tan solo 2 pasos.

¡Hola! Bienvenido a peengler, soy Gabriela y vengo a explicarte la importancia de optimizar tus imágenes y además te recomendare la herramienta que utilizo y que otro consejo te puedo dar acerca de las imágenes en tu blog.

¿Qué es optimizar una imagen? Y sus ventajas

Simplemente es bajar de peso a tus imágenes, veras las imágenes tienen una resolución y esto varía, si es una fotografía, ilustración o dibujo. Para la web es suficiente que la imagen tenga una resolución de 72 pixeles, es por eso que se optimiza la imagen para que solo uses la resolución necesaria para que se muestre bien en tu blog y no pese demasiado.

Al reducir el peso de la imagen sin usar plugin, tendrás un sitio un poco más ligero y por lo tanto se cargará un poco más rápido, probablemente no seas consciente de esto, pero si tu blog se carga demasiado lento, lo más seguro es que pierdas lectores, visitantes y quizás, no tomen en cuenta a tu sitio en las búsquedas, ya que, actualmente, la velocidad ya forma parte del algoritmo de posicionamiento de Google.

Antes de explicarte cuál herramienta utilizo, debes saber cuál formato usar en tus imágenes.

¿Qué formato es el adecuado para optimizar una imagen?

JPG/JPEG: JPG es la abreviación del JPEG y significa Joint Photographic Experts Group, es el formato estándar de las imágenes hechas por fotógrafos. Debes tener en cuenta, que este formato pierde calidad cada vez que reduces o aumentes su tamaño. Por lo tanto, la imagen se verá un poco pixelada.

PNG: significa Portable Network Graphics, a diferencia del JPG que siempre tendrá un fondo de color con el PNG podrás incluir transparencias a tus imágenes, es muy usado para logos, iconos e ilustraciones.

Este formato que soporta 8-bits y 24-bits, es decir:

  • 8-bits puede almacenar hasta 256 colores.
  • 24-bits puede almacenar hasta 16 millones de colores.
Imagen con fondo y con transparencia

En pocas palabras: el formato .jpg es mejor para fotografía digital mientras que él .png es mejor para imágenes gráficas.

Herramienta para reducir el peso de la imagen

Existen muchas pero la que más utilizo es Optimizilla.

Optimizar imagen con optimizilla

Este optimizador de imagen en línea utiliza una combinación inteligente de la mejor optimización y algoritmos de compresión para reducir el peso de las imágenes con formatos JPEG y PNG, manteniendo el nivel de calidad requerido.

¡Empecemos!

Seleccione una imagen o un máximo de 20 imágenes desde su dispositivo. O arrastre los archivos a la zona de abajo.

Reducir el peso de las imágenes

Luego espere a que la compresión termine.

Cuando ya esté listo, clic en descargar.

Reducir el peso de las imágenes en mi blog

Además, te permite modificar la calidad de la imagen, y ver cuantos colores posee dicha imagen. solo debes bajar un poco la página y veras algo parecido a esto:

imagen original vs imagen comprimida

Tienes la imagen con su peso original y por otro lado la imagen que estas comprimiendo, como veras le ha reducido de peso un 77% por lo tanto es bueno porque la imagen aun mantiene buena calidad.

Otra cosa que puedes hacer es quitar mucho más peso si eso quieres, es decir, en vez de 77% que sea un 70% para esto debes hacer clic al signo – o + para aumentar.

Si has subido muchas imágenes puedes descargarlas de forma agrupada en un archivo ZIP, para esto clic en Todos los archivos.

descargar todas las imágenes comprimidas

Y listo. busca tu imagen en la carpeta descargar y esa es la que vas a usar en tu blog. Vas a ver que la imagen se le agrega al final del nombre un -min con esto sabrás que la imagen esta optimizada.

Imagen comprimida

En conclusión:

Espero que desde ahora empieces a usar esta herramienta y sigas mis consejos porque si quieres un blog más ligero debes empezar con tus imágenes porque de seguro deben pesar mucho y no solo las imágenes de tus posts, sino también, debes hacerlo en todas las imágenes que tengas, ya sea en la barra lateral, cabecera, etc.

Cuando menciono que esto solo mejorará un poco la carga de tu blog es porque hay otros componentes que también se deben ir mejorando y que más adelante iré explicando.

¿Dime que te pareció el post?

¿Te gusto el post?
¡Compártelo!

Gabriela Laya

Me gusta el Diseño Web, Crear plantillas para Wordpress y Blogger y todo lo relacionado a estas 2 plataformas de Blogs.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Mónica B.:

Una super recomendación para quienes sabemos que el peso de una simple imagen, nos puede ocupar muchísima espacio en nuestro blog. Yo también uso TinyPNG, sirve para los dos formatos, tanto PNG como JPG y deja una muy buena calidad en la imagen.
Empezaré también a usar esta herramienta.
Un saludo.

Responder
Joanna:

Very útil. Gracias por compartir.

Besos

Responder
Espe:

No sabia como se podía comprimir o bajar de peso las imágenes así que gracias por la entrada, me ha resultado muy útil.
Besos

Responder
Miss Bridgerton:

Hola,
Gracias por la información.
Besos desde Promesas de Amor, nos leemos.

Responder
Adriana:

Excelente consejo para optimizar nuestras páginas web, muchas gracias!

Responder
Tanya:

Waooo la verdad es q soy nueva con todo esto del blog y ni idea de la importancia de bajar el peso de las imágenes muchas gracias

Responder
LasCosas de Mari:

Hola… Muy buenos consejos y la verdad que no conocia ninguno de ellos… Es muy importante saber diferenciar los tipos de imagenes para nuestro blog..

Saludos,

Responder
Citu:

Uy gracias por la recomendación,. Lo tendré en cuenta en mis próximas entradas

Responder
Ash Tailor:

¡Hola! ¡Gracias por estos consejos! Los tendré en cuenta^^
¡Nos leemos!

XX ASH XX

Responder
Serena Miles:

hola,
pues me apunto estos consejos porque me van a venir genial para mi blog
Gracias por la entrada
Besotesssssssss
#yaquedamenos

Responder
FlordeCereza:

Hola, buena entrada informativa para los que no dominan estos temas.

Besos desde Promesas de Amor, nos leemos.

Responder
Nayade:

Hola bonita ^^
Esta información es super útil, la verdad, muchas gracias por compartirla
Besos ♥

– – El Mundo de Naya – –

Responder
Rocío:

Es muy útil. Yo siempre busco programas online para no tener que descargarme nada.
Un abrazo.

Responder
Ailina entre libros:

¡Vaya! Pues me ha resultado muy interesante la entrada de hoy.
No sé mucho de diseño, pero me defiendo un poquito. Aunque siempre es bueno aprender algo nuevo.
¡Muchas gracias, bonita!

Responder
Maria Eugenia ARIAS LOZANO:

Buen artículo, como siempre. Un saludo.

Responder
Celia | Miles de Libros:

¡Hola, hola!

No tenía ni idea de que se pudiese reducir el peso, pero tomo nota del tip, ¡es muy bueno!

Mil besos,
Celia | 1000 LIBROS blog.

Responder
Asunción Artal:

Es un buen consejo, a mi me lo comentaron hace tiempo y desde entonces lo hago siempre. Un beso

Responder
EMBRUJO:

Hola Peengler corazón no sabia nada de esto así que he aprendido un algo mas, gracias tesoro por explicar las cosas, yo entiendo poco solo lo del blog y poco mas, asi que voy aprendiendo cositas contigo FELIZ DIA BESITOSS

Responder
Yomi MR:

Hola, gracias por la información, me da intriga qué tan rápido se podría hacer mi blog con esto, pero es que muchas imágenes no las subo yo, sino que uso enlaces, en fin, gracias por el consejo 😀
¡Besos! :3

Responder
El desvan de vicensi:

Me ha encantado este post Gabriela. Lo voy a poner en practica, me parece genial. La de cosas que aprendo contigo!! Un beso y feliz noche 🌈🌈🌈

Responder
CECILIA RAMOS PONCE:

Hola gracias por la información yo suelo usar otra pagina para reducir el tamaño de mis imágenes para el blog pero sin duda probare con esta pagina haber que tal. Saludos

Responder

Adblock Detectado

Apoya este sitio desactivando el Adblock para seguir navegando. ¡Gracias!

¡Ya Desactive el Adblock!