Cómo Optimizar Imágenes en WordPress & WooCommerce ✅ Mejorar Peso & que NO se vean borrosas 2024
Вставка
- Опубліковано 31 лип 2024
- Si quieres saber cómo optimizar tus imágenes para WordPress y WooCommerce de forma sencilla y gratuita mira este vídeo.
✅ Contrata el hosting para tu web aquí con el mayor descuento:
🔥 Webempresa con máximo descuento: 👉 drp.li/YVL4s
🔥 SiteGround con máximo descuento: 👉 drp.li/L9wcw
🔥 Hostinger con máximo descuento: 👉 drp.li/iBZCE
🔥 Raiola Networks con máximo descuento: 👉 drp.li/dig5p
🔥 LucusHost con máximo descuento: 👉 drp.li/yRzAb
🔥 Sered con máximo descuento: 👉 drp.li/npO0N
🔥 Ionos con máximo descuento: 👉 drp.li/ME5kM
✅ Cómo editar y optimizar imágenes para WordPress y WooCommerce
Autor: Alegría, de tuwebconalegria.com, más de 15 años de experiencia diseñando y desarrollando sus propias tiendas y las de sus clientes.
En este tutorial Alegría te explica basado en la experiencia real con sus clientes cómo solamente optimizando las imágenes de nuestra web en WordPress se consiguen cambios espectaculares que impactan directamente en nuestras ventas.
Sin tecnicismos, de forma sencilla y gratis vas a optimizar tus imágenes, sabrás por qué es tan importante optimizarlas, qué es optimizarlas, y cómo se hace.
0:00 Lo que vas a aprender
00:20 Biblioteca de medios y ajustes de medios
02:40 Demostración del impacto de optimizar una sola imagen en
nuestro sitio web
05:23 ¿Por qué optimizar nuestras imágenes en nuestra web de
WordPress?
06:00 ¿Cómo comprobarlo?
07:39 Origen de nuestras imágenes: propias o de bancos de imágenes
09:25 Formatos de las imágenes tradicionales y de nueva generación
como WebP
11:16 Tamaño(peso), dimensiones y resolución
12:24 Qués la resolución explicado fácil
14:50 Pasamos a la práctica y medimos los espacios donde colocamos
nuestras imágenes
16:55 Aprendemos a comprimir bien
19:57 Instalamos el plugin ThumbPress para mejorar la velocidad de
carga de nuestra web en WordPress
Recursos mencionados en este vídeo:
Photopea 👉 www.photopea.com/
Dos ejemplos de bancos de pago y gratuitos 👉 depositphotos.com/es/ & pixabay.com/es/
Plugin WordPress ThumbPress 👉 es.wordpress.org/plugins/imag...
Síguenos también en nuestra web Ciudadano 2.0 y nuestras redes sociales:
1.) La web de Ciudadano 2.0: www.ciudadano2cero.com/
2.) Instagram: ibit.ly/3BX0
3.) Facebook: ibit.ly/Hmf8
4.) Twitter: ibit.ly/Pncv
19:02 me encanto esto, es muy importante al momento de nombras las imágenes que subimos a nuestras webs, y casi no se le da importancia cuando estamos muy novatos en todo este mundillo.
Me alegro de que te haya servido. De eso se trataba. 😊
Gracias así es
EL MEJOR VIDEO de optimización de imágenes en todo UA-cam.
Y eso que he visto demasiados y de canales con muchos seguidores.
Maravilloso video, muchas gracias 🎉
Muchas gracias 😊
Muchas gracias 🙏🏼
Sigo tus videos y la verdad son de los mejores que conozco hasta ahora. Muy generosos con el conocimiento. Felicitaciones y muchas gracias. Saludso
Muchísimas gracias por tan amable comentario. 😊
Muchas gracias.
Excelente, gracias!
Muchas gracias por tus amables palabras. 😊
Excelente contenido, muchas gracias :D
Me alegro mucho de que te haya sido útil. 😊
😊
Gran profesora! Muchas gracias por tanto conocimiento
Muchas gracias por tus amables palabras. Y si no te has suscrito aún, ya sabes. 😊
Muchas gracias espero que os ayude.
Genial como todos sus tutoriales, gracias nuevamente 👍
Muchas gracias por tus amables palabras. 😊
Gracias por comentar y seguir el canal.
Preguntandome estaba como bajar el peso a las imagines sin perder calidad y di con tu video muy bien explicado y ya estoy en proceso gracias por tu explicaion (soy un novato )🙂 muchos exitos ............
Me alegro mucho de que te haya sido útil. 😊
Nos alegramos que te ayude!
Magnífico video y una explicación fantástica, muy pedagógica y completa. Muchas gracias
Muchas gracias por tus amables palabras. 😊
Gracias!
gracias continua haciendo mas videos por fa
Muchas gracias por tus amables palabras. Y si no te has suscrito aún, ya sabes. Además, así nos ayudas a crecer el canal. 😊
Muchas gracias.
bella bien expliccado
Me alegro mucho de que te haya sido útil. Y recuerda que te puedes suscribir con la campanilla para que UA-cam te avise de nuevos vídeos. Además, así nos ayudas a crecer el canal. 😊
Gracias.
muy interesante, quisiera saber si no hay algún plugin que optimice las imágenes automáticamente en webp...
Hola, si hay varios que permiten convertir a WebP y/o optimizar imágenes automáticamente: Imagify, WebP Converter for Media, WebP Express, ShortPixel Image Optimizer y EWWW Image Optimizer, por ejemplo.
Lo que no te sé decir de cabeza es qué características y opciones de configuración ofrecen cada uno, en muchos la versión gratuita, está limitada. Pero en fin, es cuestión de que les eches un vistazo y veas el que mejor se te ajusta a tus necesidades.
hola como esta, me encato el video, tengo una duda, en i pagina de producto individual, la imagen que subi es bien pero al cambiar el diseño donde lo quiero del lado de costado me aparece doble imagen y se no se pueden ver las demas fotos, solo se ve cuando lo cambio a imagen por imagen enteros, el probllema es al cambiar el diseño, porfavor si usted puede saber como resolverlo
Me alegra mucho saber que te gustó el video. 😊 En cuanto a tu consulta sobre la página del producto individual y el problema con la visualización de imágenes al cambiar el diseño, parece que estás experimentando un conflicto con la disposición de las imágenes al optar por un diseño lateral. No parece que tenga nada que ver con la imagen en sí. Esto podría deberse a varias razones, como conflictos de CSS o JavaScript que no manejan bien el cambio de diseño, o un problema con la implementación del carrusel de imágenes si estás utilizando uno. Más allá de esto, desde la distancia no te puedo ayudar más. Esto es un tema que ya tendría que ver un profesional.