🗜 Cómo OPTIMIZAR IMÁGENES para WEB [Tutorial]
Vložit
- čas přidán 5. 09. 2024
- Aprende a optimizar imágenes para tu web y así podrás mejorar el posicionamiento y tiempos de carga.
Las dos herramientas que he usado en el vídeo:
👉 tinypng.com/
👉 picresize.com/es
La optimización de imágenes es un proceso en el que se cambia el nombre del archivo, se adapta el formato, redimensiona la imagen, comprime o reduce su peso y finalmente las subimos a nuestra web donde le añadimos un título y texto alternativo.
Para todo ello te voy a mostrar dos herramientas online estupendas como Tinypng y Picresize, que son las que yo uso.
¡No pierdas detalle de todo el videotutorial que te he preparado! Si tienes dudas, déjame tus dudas más abajo en los comentarios y trato de ayudarte.
#OptimizarImágenes #Videotutorial #OptimizaciónImágenes
--------------
Mi equipo
Cámara Olympus EM-5Mark II+ 12-40+ Power Kit: amzn.to/2HZIma0
Olympus Zuiko 40-150mm F2.8 Pro+ Tele convertidor MC 1.4: amzn.to/2DRRBq9
Olympus Zuiko 12-40mm F 2.8 Pro: amzn.to/2Gi0Ntk
Laowa 7.5mm F.2: bit.ly/2AuayOc
Micrófono Rode SmartLav: amzn.to/2GjSRrI
GENESIS C3 KIT Trípode de Carbono + Rótula BH 34: amzn.to/2GaKI5C
Mochila fotográfica YUHAN: amzn.to/2pDAVOm
Filtro Polarizador HOYA FUSION: amzn.to/2G4nm1d
Filtro HOYA PRO ND 1000: amzn.to/2GpsqR8
Reflector Neewer 80 cm: amzn.to/2DRSor7
----
Sígueme en:
Mi blog: ramgon.es
Twitter: / ramgon
Instagram: / ramgon.es
Linkedin: / ramgon
Pinterest: / ramgon
El mejor video que podria encontrar.
Saludos desde Lima - Perú !
Ole Ole Y Ole. Gratuito rapido y preciso. Ojala RaMGoN todos los profes de instituto fueran tna productivos como tu.
Genial, seguro que también hay muchos
Qué fácil y sencillo. Muchas gracias por el vídeo y por la manera tan clara con el que has explicado la optimización de imágenes.
Genial, me alegro mucho de que te haya gustado
¡Menos mal! Ya echaba de menos algún vídeo nuevo en este canal. Muy instructivo el vídeo. Gracias. :)
Gracias, y vienen más vídeos en camino 😀
excelente por fin me entero de que tamaño se muestran las imagenes ! :)
Gracias Victor
gracias por las herramientas, pase de imagenes de 36mb a 80kb ahora si jala rápido mi página
Gracias, muy claro todo el proceso. Ya lo estoy aplicando a mi web.
Buen video muy bien explicado, Manito Arriba.👍
Gracias
Muchas gracias!
Muchas Gracias por este tutorial! Me ha sido de gran ayuda 🙂
Gracias a ti
Genial. Ya se te echaba de menos, desde los tutos de Seo Local que no te mostrabas. Lo bueno es que estas bien. Saludos 👍👍.
Una acotación, yo en lo personal no uso .jpg, mejor la trasformo a .webp con Software IrfanView 64. Y es freeware.
Gracias, Webp me parece un gran formato, la verdad que todavía no lo he implementado por posibles problemas de compatibilidad con navegadores, es un formato con menos peso a similar calidad
Muy buen video, Gracias maestro.
Muchas gracias a ti, encantado con que te haya gustado
gracias
Excelente video, pero tengo una duda. Yo quiero redimensionar una imagen grande a una medida concreta para subir a mí web y ponerla en una caja. Al indicar las nuevas medidas en Canva, debo indicar el ancho y el alto o solo el ancho y guardar la proporción de imagen? Me ocurre que al reducir tamaño de una foto muy grande para poner en una caja más pequeña, la imagen se ve algo pixelada. Esas son las dos dudas que tengo. Gracias
Hola RaMGoN, cómo estás??. Cuál es la razón por la cual le cambias el título y texto alternativo de la foto al momento de cargarla a tu galería de recursos en el sitio web??.
Saludos desde Argentina!!
A efectos de posicionamiento
Sirve para mejorar el SEO de tu web
cuantas imágenes poner en un post de unas 500 palabras
Hola Ramgon,
Primero decirte que me ha gustado mucho el tutorial y de ahí mi suscripción a el canal para seguirte.
Bien, desde mi poca experiencia, te pregunto ( yo uso tinypng y Bulk resize ), pero la verdad es que me parece un chollazo optimizar cada imagen, aunque necesario claro.
Hace poco me hablaron de este plugin " WP Smush" que lo que hace es comprimir todas las imágenes sin que pierdan resolución , por lo que deriva una mejora de la optimización de la web.
A mi me parece genial, independientemente de que se hagan los cambios de nombre de fotos y formato que me lo anoto de tu tutorial ;) ,
Qué te parece a ti ? es una buena opción ? sobre todo al comenzar una tienda con muchas imágenes de productos por subir aún, Yo pienso que es buena idea para poner la tienda en marcha y ya con más tiempo, una vez abierta, centrarme en cada una.
¿Qué opinas , sinceramente porfi?
Muchas gracias
Hola, muchas gracias. Pues es como digo en el vídeo, al hacerlo mediante un plugin tienes menos control sobre la optimización y utilizas más recursos del propio servidor. Si tienes muchas fotos ya subidas u otras circunstancias que así lo requieren es una muy buena opción. El plugin que indicas además es de los mejores y uno de los que más tiempo llevan usandose.
@@RaMGoN Muchísimas gracias, soy la chica que hice la pregunta, pero hoy entré con el perfil de siempre, me suscribo con este .
Saludos desde Vigo
Con que aplicación podría cambiar el nombre de un conjunto amplio de imágenes, Muchas gracias por todo el aporte
Hola, no uso ninguna app para eso, en Windows si seleccionas varias imágenes puedes renombrarlas todas a la vez. También tienes alguna app como rename que se supone hace lo mismo.
no es mejor hacerlo de forma manual y tener coherencia, que dejar que una web lo haga? saludos
El método es manual si lo comparamos con que se se optimicen de por un plugin de forma masiva al subirlas a nuestra web. Y los resultados y trabajo que hace son muy fiables.
Disculpa una pregunta: el tamaño de imagen que aparece en el inspector de código ¿No cambia conforme al tamaño de la pantalla?
En efecto, cambia dependiendo del tamaño de la pantalla. Lo bueno del inspector es que nos permite simular diferentes tamaños así que poniendo uno de mayor resolución lo podemos saber. Yo la prueba la he hecho a máxíma resolución de pantalla y como mi blog tiene un ancho de caja más ancho de ese nunca va a tener.
Cuando se considera una imagen pesada?, a partir de 500 kb?
Incluso menos, de todos modos esto es relativo. Te pongo un ejemplo, imagina que pones el logo de un cliente en un sección en un tamaño muy pequeño y que por sólo pesar 4oKb ya consideras que no es pesada, pues error, si comprimiendo se puede quedar en 10Kb se podría quedar en 1/4 parte de su tamaño. Por contra, una imagen destacada de un encabezado a lo mejor pesa 200Kb pero ya la hemos ajustado y no hay forma por tamaño al que se muestra de reducir más, además es importante por el lugar y valor que tiene que se vea a alta calidad...En ese caso sería un peso correcto.
📢 Ey, por aquí te dejo las 2 HERRAMIENTAS que he usado en el vídeo:
🗜 TINYPNG: tinypng.com/
✂ PICRESIZE: picresize.com/es
Hola RamGoN - espero me contestes :´( - estoy comenzado hacer mi pagina web, para eso quiero usar imagenes de Instagramers famosos o no, para subirlas a mi web, quiero dar créditos ( y ponerles el logo de mi empresa, ¿es posible?)
Hola, pues deberías pedirles permiso para usar sus imágenes
@@RaMGoN wow, sí, lo correcto sería eso, pero y sí los menciono nada más? 🙄
@@robertfalcon1143 Pues no