¿No te gustan las herramientas que nombro en el vídeo? NO TE PREOCUPES. 👇👇👇 Debajo tienes una lista de otras 15 herramientas para reducir el tamaño y el peso de las imágenes de tu web ✅ bit.ly/30MAzHi ✅
Excelente herramienta yo ya estoy trabajando con la conversión hacia Webp, que también está incluida. Gracias 👍👍👍👍
3 ปีที่แล้ว
Sí, hay que estar atentos ya a ese nuevo formato de imágenes, Flavio. Cuando grabé este vídeo, este formato aún no estaba demasiado presente en nuestro día a día.
Muchas gracias José me has sido de gran ayuda para tener una web profesional y rentable, me he suscrito porque a mi quien me da contenido de valor me subscribo a su canal, nos vemos mas por aquí, muchas gracias José. Un saludo. Alejandro
MIL GRACIAS POR TU CLARA EXPLICACION ME HACIA MUCHA FALTA SIEMPRE COMETIA EL MISMO ERROR QUE EXPICATE ,ALGUNA PLATAFORMA NO ME ACEPTABAN LAS FOTOS POR PESADA.
Muchísimas gracias por su información Antonio! Estoy creando mi página web y no tenía idea de cómo funciona el tamaño de las fotos… un abrazo desde Atlanta Georgia!😎👌
2 ปีที่แล้ว
De nada, Olga. Un saludazo de vuelta para Atlanta (qué lejos estás!)
muchas gracias, mi photoshop ya no funciona y me fui a redimensionar, estoy probando que tamaño darle a las fotos de producto para mi web . muchas gracias de verdad :)
Hola! Tengo una duda ¿La portada de un artículo (imagen destacada) o las que uno inserta en el artículo deben llevar una medida específica ancho por alto?
Hola, muchas gracias, cual es el tamaño ideal de las imágenes para mis productos en el woocommerce con WordPress
3 ปีที่แล้ว
Un buen tamaño para trabajar imágenes en Woocommerce es el de 800x800 o 600x600, pero dependerá también de lo que el diseño de tu tema te ofrezca en este sentido. Yo con Generatepress suelo usar ese tamaño, 800x800.
Hola! Tendrás algún video explicando como identificar los tamaños de las imágenes que se necesita según sección para la que se usarán y así poder optimizarlas antes de subirlas? Es decir, cómo sé cuál es el tamaño que le debo dar a la imagen al optimizarla. Dónde busco cual es según para qué usaré la imagen. Espero haber sido clara. Muchas gracias de antemano
2 ปีที่แล้ว +1
Hola Yorlenis. No, no tengo un vídeo así porque no hay una respuesta universal para eso. Los tamaños de las imágenes dependerán del uso que vayas a darle así como del diseño que estés planteando para tu proyecto. En función de dicho diseño, tendrás que probar cuáles son los tamaños que se adecúan a él.
Hola José Antonio! Muy útil, gracias. ¿Cómo puedo comprimir las imágenes que ya están en mi sitio?
4 ปีที่แล้ว +1
Buena pregunta! Lo mejor siempre es comprimirlas manualmente, pero también existen plugins que las pueden comprimir (ojo, solo en peso, no en dimensiones) de forma masiva. Podría explicar esto en otro video...🤔
José Antonio Carreño Muchas gracias! Ya lo estamos haciendo manualmente. Muy útil tu guía! Me puedes orientar sobre cómo reducir los recursos que bloquean el renderizado y el Java Scriot que no se usa? O me puedes recomendar a alguien?
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
pero si no es fondo de web cuantos megapixeles tiene que tener?
4 ปีที่แล้ว
Depende del espacio que ocupe en el contenedor de la sección que vaya a alojar. Por ejemplo, si el contenedor de tu web tiene 1000px divididos en dos columnas iguales y en una de ellas vas a meter una imagen, esa imagen es suficiente con que tenga un ancho máximo de 500 píxeles. 😉
Hola José buen video aunque me queda la duda en Photoshop pones alta me parece muy pesada 510kb y segundo no convendría cambiar la resolución 72p/pulgada gracias
Hola Jose, te consulto por imágenes en wordpress CON ssl no me cargan(todas) las imágenes SIN el ssl si me las carga
3 ปีที่แล้ว
Es bastante probable que tengas un problema de contenido mixto. Tendrás que solucionarlo con un plugin de SSL, forzando https para todos los elementos desde el hosting y, si usas Elementor, regenerando las rutas correspondientes a las imágenes. Si deseas que evalúe concretamente dicho problema técnico para darte un diagnóstico concreto y ponerle solución, recordarte que tienes a tu disposición mi servicio de soporte técnico en el que puedes solicitar un presupuesto a medida para realizar las tareas que sean necesarias 👉 bit.ly/34Ngfd1
El mejor tutorial que he visto, muy fácil y mil veces mejor que mi profesor que se pegó 5 horas para al final hacer eso jaja, te ganaste mi like y mi suscripción
4 ปีที่แล้ว
Muchas gracias Sergio. Igual entonces tengo que plantearme ser profesor y montar mis propios cursos o mi propia academia online, ¿no crees?
Enhorabuena José Antonio por tu canal, es de gran utilidad. Tengo una pregunta que hacerte, hablas de la proporción de 2000 px para un fondo de sección pero de qué forma saber que proporcion ajustar para otros lugares de la web, en cajas por ejemplo, o no tan grandes como en una sección. Hay alguna fórmula para saber que proporcion necesito para según donde vaya la imagen? Gracias
2 ปีที่แล้ว
Pues depende, José Daniel. No hay un tamaño fijo para todas las imágenes de una web ni para todas las webs. Yo lo hago teniendo en cuenta el ancho total de mi contenedor principal y, a partir de ahí, estimo en función de la proporción de las columnas de cada sección cuanto puede ser el ancho de las imágenes que necesito. Espero te sirva este consejo.
Manita arriba 218 !! Excelente tip y bune aporte para contar con un sitio web para reducir nuestras fotos, Gracias Antonio y me interesa mucho seguir aprendeindo de estos temas, me he suscrito a tu canal, porque se nota que eres un profesional. Saludos desde México.
4 ปีที่แล้ว +1
Muchas gracias Jorge y bienvenido al canal y a la comunidad!
José Antonio un saludo desde Chile. He visto varios de tus videos son muy buenos. Te quería consular por un problema que tengo al subir la imagen de producto al woocomerce que aunque la he reducido previamente queda un poco mas grande cuando el cliente la ve en la pagina ¿que puede estar pasando allí?
3 ปีที่แล้ว
Seguramente esto es porque las has subido por debajo del tamaño mínimo que tu tema (o en tu Wordpress) tienes establecido para las imágenes de Woocommerce y lo que hace es adaptarla a ese tamaño mínimo, por eso se ve algo más grande. Yo no subiría las imágenes por debajo de ese tamaño mínimo, porque perderás calidad y nitidez en las mismas al ser ampliadas.
wooow muchisisismas gracias tienes una nueva subscriptora.... por favor haz un video de como tomar fotos de productos para la web ... diseño y vendo corbatas, tome las fotos pero no sabia que tenia que comprimir y ahora tengo que volver a tomarlas pero no quiero cometer errores.. gracias mil
3 ปีที่แล้ว
Bienvenida! Lo tengo en cuenta, aunque yo no soy fotógrafo profesional y no sé si soy la persona más indicada para hacer un tutorial de ese tipo. 😉 Gracias a ti. Un saludo.
Por que solo se redimenciona solo en ancho, no seria mejor redimencionar toda la imagen para que quepa exacto y peso menos?
4 ปีที่แล้ว
Hola Dax. Mira bien el vídeo: al redimensionar, redimensionamos anchura y altura para respetar las proporciones de la imagen. Al cambiar el dato de anchura, haciendo lo que digo, también se modifica automáticamente el dato de la altura. 😉
Hola José Antonio, hay alguna manera de guardar en lote multiples imágenes en un mismo tamaño para web, pero con la característica de que inicialmente estas imágenes sean de diferentes tamaños? Es decir, supongamos que tengo 20 imágenes en diferentes tamaños y peso, y me gustaría guardarlos para web cada una de ellas en 50kb independientemente de su tamaño. ¿Sería posible? Gracias
2 ปีที่แล้ว
Hola Elixabete. Lo máximo que se puede hacer de forma masiva (o al menos, que yo conozco) lo puedes ver en este vídeo: th-cam.com/video/TMXEBISFJ-4/w-d-xo.html Un saludazo.
Hola, se podría hacer algo así desde el celular? Hay alguna app?
2 ปีที่แล้ว
Pues, la verdad, lo desconozco Silvana. Pero aunque la hubiese, yo recomiendo realizar este trabajo desde un ordenador de sobremesa o portátil. Te resultará mil veces más cómodo y rápido. Saludos.
@ gracias por responder, realmente tuve un momento de impaciencia pero ya lo estoy haciendo sin problema desde mi notebook (desde photoshop guardo en png) Gracias por todo!
Buenas Jose ,¿podrías hacer un vídeo explicando lo que hay que poner en el título , descripción y texto alt de una imagen para wordpress? Gracias.
3 ปีที่แล้ว
Hola Adrián. Sí que lo haré. No sólo eso, tengo pensado hacer un vídeo sobre cómo optimizar cualquier página o entrada de una web en cuanto a SEO on page se refiere. Pero de momento, toca esperar (lo siento, pero el tiempo entre clientes, canal de TH-cam y vida personal me da para lo que me da). 😉
Una consulta. Leí que las fotos para web, como máximo deben de tener 100kb. Es esto falso? Muchas gracias
4 ปีที่แล้ว
No hay un peso límite máximo establecido para una imagen optimizada. Una imagen optimizada puede pesar más de 100kb perfectamente porque también depende el tamaño de dicha imagen. Es decir, no es lo mismo optimizar una imagen para un fondo que va a ocupar toda la pantalla, que una imagen para un fondo que va a ocupar 1/3 de la pantalla o que una imagen pequeña para un avatar.
Saludos desde peru, gracias por compartir tus conocimientos,pues tengo fotos de 15 a 30 megas, deseo reducir el peso para publicar en facebook o web, la consulta es se puede reducir de peso ,QUIZAS QUE PESE A MENOS DE UN MEGA, pues lo intente con PHOTOSHOP PERO ES UNA POR UNA, ATRAVES LA OPCION GUARDAR PARA WEB PERO EN EL FORMATO JPG,pero sin reducir tamaño??? en BLOQUE.....?? LA OTRA PREGUNTA ES CUAL FORMATO ES MEJOR JPG O PNG PARA PUBLICAR EN LAS REDES SOCIALES Y LA WEB..
Holi!! Soy fotógrafa, mi web tiene muchísimas fotografías, yo las exporto con LR porque cuando renuevo subo 20 fotos de golpe para poner una galería de una boda por ejemplo, tu lo has explicado con PS e ir una por una, es demasiado trabajo, como se pueden optimizar por LR? me encanta tu contenido.
3 ปีที่แล้ว +2
En Photoshop hay formas para automatizar un proceso de optimización como el del que hablo en el vídeo para que repita dicho proceso las veces que sean necesarias. Es una buena idea para un futuro vídeo. Gracias por tu pregunta, Esther.
EL tema es que cuando lo hago, los colores no quedan iguales. A mí, al menos no me sirve, porque son ilustraciones vectoriales que quiero imprimir. : (
Hola José, como estás? Te escribo desde Uruguay, estoy teniendo problemas con mis fotos para queden pequeñas para mi web (en preparacion) hago macros, y me gustaría que se vean como las veo en mi monitor... intenté con los metodos que me dices pero no, se pierde la calidad del ojo por sobre todo, ya sabes ojos de insectos son interesantes, alguna sugerencia? Entiendo que no deben pesar mas de 200 kb... Desde ya muchas gracias por tu ayuda. PD soy fotografa, no las uso para fondos.
4 ปีที่แล้ว
Hola Daniela. Al optimizar para web siempre se pierde algo de calidad, eso es innegociable. Pero realmente si sigues los pasos de este vídeo, puedes conseguir que la calidad baje muy poco. ¡Cuidado con las obsesiones! Lo que tu ojo de fotógrafa ve, seguramente no es importante para los "mortales" comunes como puedo ser yo. Exactamente igual que las ves tú en tu monitor "en bruto" (es decir, sacadas directamente desde la cámara) es imposible a menos que las subas tal cual. Pero subirlas así es pegarse un tiro en el pie. El término medio, como te decía antes, lo tienes en este vídeo. Saludos.
Muy buen Vídeo José. Gracias por ese Gran aporte. Tengo algunas consultas, ¿Haciendo esta redución de imágenes que explicas ya no será tan necesario usar un CDN para servir la imágenes en nuestra web? ¿Qué peso máximo recomiendas para culaquier imágen o ilustración que subamos a la página web? y por último, uso SiteGround como hosting ¿En qué me beneficia este hosting para servir mis imágenes más rápido? te pregunto porque percibo que es tu mismo hosting. Gracias anticipadas 😀
4 ปีที่แล้ว +2
Hola Diego. Yo por ejemplo no uso CDN's porque, en mi caso, no he visto mejora de rendimiento con ellos. Sería implementarlo y comprobar si tienes una mejora considerable. A veces, dependiendo de la web, un CDN incluso puede empeorarlo. Así que es probar y ver qué te funciona mejor. En cuanto a tu pregunta sobre Siteground, no es que el hosting en sí haga que tus imágenes se sirvan mejor. Eso es tarea tuya al realizar la web casi a un 80% o 90%. Si tú no optimizas, ya puedes tener el mejor hosting del mundo, que el rendimiento de la web será malo seguro. Pero sí que es cierto que el hosting puede ayudarte con algunas de sus características técnicas, como por ejemplo puede ser la de que tu web esté instalada en un disco SSD (Siteground utiliza estos discos). Saludos.
👉👉👉 José Antonio, muchas gracias excelente video, muy claro y práctico. Respecto de la optimización de las imágenes para la web, para ajustar la imagen al tamaño exacto del espacio que ocupará en la página, de qué forma o qué herramienta puedes sugerir para determinar el tamaño en pixels al que ajustarías tu imagen. 😀🙂👍
4 ปีที่แล้ว
Hola José. Realmente con Photoshop (es la que yo utilizo) puedes hacer la imagen del tamaño que tú quieras y adaptar la foto que quieras poner a ese tamaño. Si sabes el tamaño exacto que quieres que ocupe tu imagen en la web, es simplemente crear una imagen de ese tamaño en Photoshop y listo. ;) Saludos.
eso no sirve, no es suficiente guardarlas de esa forma
4 ปีที่แล้ว
Siento contradecirte, Iván. Pero el proceso a seguir para optimizar imágenes es este, no hay otro (o yo no conozco ninguno más eficaz). En cualquier caso, si tú conoces otro mejor, se agradece que dejes tu aporte en los comentarios y nos ilumines a todos con tu sabiduría. Un saludo.
@ Está muy bien, yp iba a lo que iba y cuando busco algún tutorial siempre me está por pillar el toro y busco que sea concreto y directo "la formula". Es un problema más bien mío, vos das soluciones. Gracias de todas formas!
4 ปีที่แล้ว +1
@@carismaticofilms a mi es que me gusta dar una visión lo más completa posible de los temas que trato y explicar por qué se hacen las cosas. De todos modos, todos estos vídeos tengo que ponerlos al día con la nueva función de capítulos de TH-cam para que así la gente que, como tú, quiera ir al grano, pueda ir directamente al momento del vídeo donde se explica el proceso. Un saludo!
Ay personas que solo deberían de ver videos que duren 2 minutos, ..... Debemos de agradecer a quien sube estos contenidos, no esperando que sean perfectos.. ¡ Ufff !!que difíciles estos tiempos en donde todo lo queremos a la la velocidad de la luz. Lo bueno es que la web es muy amplia y variada, afortunadamente hay tutos para todos los gustos. Saludos
¿No te gustan las herramientas que nombro en el vídeo? NO TE PREOCUPES.
👇👇👇 Debajo tienes una lista de otras 15 herramientas para reducir el tamaño y el peso de las imágenes de tu web
✅ bit.ly/30MAzHi ✅
No sabes cuanto tiempo estuve buscando la manera de optimizar mi sitio web. Te lo agradezcooooooooo
Me alegra que te haya sido de utilidad para mejorar el rendimiento de tu web, Andrea. ¡A seguir mejorando y seguir creciendo! Un saludo.
Simple, conciso, claro, práctico. Muchas gracias!!!
A ti por comentar y por tan bonitas palabras. Un saludo, Felipe.
Gracias, muy bueno el tutorial, es lo que buscaba.
De nada! Estupendo que hayas encontrado aquí las soluciones.
Graaaacias! Comprimía las imágenes pero la saturación que le había puesto a la imagen se quitaba y se veía opaco, ahora si! muchas muchas gracias!
Gracias excelente video, muy amable
Excelente video, felicitaciones mi estimado de ojos soñolientos. Saludos.
excelente ayuda....gracias José por todo tu apoyo y tiempo
A ti por tus amables palabras! Un abrazo, Carmen.
Excelente ayuda te lo agradezco de verdad!!!!
Genial, Alfredo. Me alegra que te haya resultado útil. Saludos.
buena causa justo lo que estaba buscando, tome su like y muchas gracias por el aporte, saludos.
Muchas gracias, Donovan.
Muy útil! Gracias por compartirlo
Genial, perfectamente explicado 👌🙌💯Jose Antonio
Muchas gracias!
En hora buena. He visto tu video me h parecido excelente. Porque técnica y buena didáctica para transmitir conocimiento. Thank you very much.
Muchísimas gracias, Henry. Eres muy amable. Me alegra leer que te gusta el trabajo que realizo en este canal. Saludos.
Muchas gracias José...!!!! muy útil tus consejos...!!!
Gracias a ti por tu comentario y tu feedback, Joaquin.
Excelente herramienta yo ya estoy trabajando con la conversión hacia Webp, que también está incluida. Gracias 👍👍👍👍
Sí, hay que estar atentos ya a ese nuevo formato de imágenes, Flavio. Cuando grabé este vídeo, este formato aún no estaba demasiado presente en nuestro día a día.
Muchas gracias José me has sido de gran ayuda para tener una web profesional y rentable, me he suscrito porque a mi quien me da contenido de valor me subscribo a su canal, nos vemos mas por aquí, muchas gracias José. Un saludo. Alejandro
Me alegro mucho! Bienvenido Alejandro. ☺️
Muchas gracias José Antonio Carreño
MIL GRACIAS POR TU CLARA EXPLICACION ME HACIA MUCHA FALTA SIEMPRE COMETIA EL MISMO ERROR QUE EXPICATE ,ALGUNA PLATAFORMA NO ME ACEPTABAN LAS FOTOS POR PESADA.
Te explicas genial! Biennn!!! suscrita y like!
Muchas gracias y bienvenida! ,🙂
MUSCHISIMAS GRACIAS PADRE SALUDOS DESDE ARGENTINA
De nada, Bladesmis!
Hola José, buen día. Mil gracias por tu excelente apoyo.
De nada!
Muchísimas gracias por su información Antonio! Estoy creando mi página web y no tenía idea de cómo funciona el tamaño de las fotos… un abrazo desde Atlanta Georgia!😎👌
De nada, Olga. Un saludazo de vuelta para Atlanta (qué lejos estás!)
Facil, concreto, rápido, excelente explicación 😍
😀😀😀
muchas gracias, mi photoshop ya no funciona y me fui a redimensionar, estoy probando que tamaño darle a las fotos de producto para mi web . muchas gracias de verdad :)
Hola! Tengo una duda ¿La portada de un artículo (imagen destacada) o las que uno inserta en el artículo deben llevar una medida específica ancho por alto?
Muchas gracias, estuve utilizando otra aplicación que no reducía tanto solo un porcentaje definido, me encanto tu recomendación gracias!!
De nada, Miriam! 🙂😉
Gracias eres un genio. Me ayudaste con lo que necesitaba, no soy diseñadora web pero te explicaste tan bien que pude hacerlo.
Me alegra leerlo y que te haya sido de utilidad, Jessica. Gracias a ti por tu comentario!
Hola, muchas gracias, cual es el tamaño ideal de las imágenes para mis productos en el woocommerce con WordPress
Un buen tamaño para trabajar imágenes en Woocommerce es el de 800x800 o 600x600, pero dependerá también de lo que el diseño de tu tema te ofrezca en este sentido. Yo con Generatepress suelo usar ese tamaño, 800x800.
gracias por tu tiempo
Gracias a ti
Hola! Tendrás algún video explicando como identificar los tamaños de las imágenes que se necesita según sección para la que se usarán y así poder optimizarlas antes de subirlas? Es decir, cómo sé cuál es el tamaño que le debo dar a la imagen al optimizarla. Dónde busco cual es según para qué usaré la imagen.
Espero haber sido clara. Muchas gracias de antemano
Hola Yorlenis. No, no tengo un vídeo así porque no hay una respuesta universal para eso. Los tamaños de las imágenes dependerán del uso que vayas a darle así como del diseño que estés planteando para tu proyecto. En función de dicho diseño, tendrás que probar cuáles son los tamaños que se adecúan a él.
Hola José Antonio! Muy útil, gracias. ¿Cómo puedo comprimir las imágenes que ya están en mi sitio?
Buena pregunta! Lo mejor siempre es comprimirlas manualmente, pero también existen plugins que las pueden comprimir (ojo, solo en peso, no en dimensiones) de forma masiva. Podría explicar esto en otro video...🤔
José Antonio Carreño Muchas gracias! Ya lo estamos haciendo manualmente. Muy útil tu guía! Me puedes orientar sobre cómo reducir los recursos que bloquean el renderizado y el Java Scriot que no se usa? O me puedes recomendar a alguien?
Sabes si hay algún modulo o manera de convertir las imágens que ya tengo subidas en la web masivamente?
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
Muchas gracias José por los consejos tienes mi LIKE. Un Saludo
De nada, un placer! 😉
pero si no es fondo de web cuantos megapixeles tiene que tener?
Depende del espacio que ocupe en el contenedor de la sección que vaya a alojar.
Por ejemplo, si el contenedor de tu web tiene 1000px divididos en dos columnas iguales y en una de ellas vas a meter una imagen, esa imagen es suficiente con que tenga un ancho máximo de 500 píxeles. 😉
Hola José buen video aunque me queda la duda en Photoshop pones alta me parece muy pesada 510kb y segundo no convendría cambiar la resolución 72p/pulgada gracias
Excelente, gracias. Me voy a tu blog y te sigo
Genial, Trias. Saludos.
Hola Jose, te consulto por imágenes en wordpress CON ssl no me cargan(todas) las imágenes SIN el ssl si me las carga
Es bastante probable que tengas un problema de contenido mixto. Tendrás que solucionarlo con un plugin de SSL, forzando https para todos los elementos desde el hosting y, si usas Elementor, regenerando las rutas correspondientes a las imágenes.
Si deseas que evalúe concretamente dicho problema técnico para darte un diagnóstico concreto y ponerle solución, recordarte que tienes a tu disposición mi servicio de soporte técnico en el que puedes solicitar un presupuesto a medida para realizar las tareas que sean necesarias 👉 bit.ly/34Ngfd1
Gracias amigo, muy valiosa la información.
De nada, Adriana!
3:58 comienza el tutorial
Lo de antes también es importante, amigo! 😁 Yo que tú y el resto no me lo saltaba...
Wou, muchísimas gracias José, convertí una imagen de 4.9 mb a 551 kb jaja, gracias
Muchas gracias por hacer este vídeo. ¡¡Me ha venido genial!!
Me alegro, Odelyn! Gracias a ti.
Excelente che!! saludos desde Argentina!
Saludos de vuelta para allá, Nico!
Muy útil, muchas gracias José
De nada!
El mejor tutorial que he visto, muy fácil y mil veces mejor que mi profesor que se pegó 5 horas para al final hacer eso jaja, te ganaste mi like y mi suscripción
Muchas gracias Sergio. Igual entonces tengo que plantearme ser profesor y montar mis propios cursos o mi propia academia online, ¿no crees?
Yo sí lo creo… 😂
Enhorabuena José Antonio por tu canal, es de gran utilidad. Tengo una pregunta que hacerte, hablas de la proporción de 2000 px para un fondo de sección pero de qué forma saber que proporcion ajustar para otros lugares de la web, en cajas por ejemplo, o no tan grandes como en una sección. Hay alguna fórmula para saber que proporcion necesito para según donde vaya la imagen? Gracias
Pues depende, José Daniel. No hay un tamaño fijo para todas las imágenes de una web ni para todas las webs. Yo lo hago teniendo en cuenta el ancho total de mi contenedor principal y, a partir de ahí, estimo en función de la proporción de las columnas de cada sección cuanto puede ser el ancho de las imágenes que necesito. Espero te sirva este consejo.
¡Muchas gracias por la información!
Excelente herramienta, muchas gracias José
De nada, Hasan. La verdad es que sí que lo es. No tener Photoshop no es una excusa para no optimizar las imágenes de una web. 😜
genial carreño
gracias
De nada, Walter.
Excelente video José
Super hermano buen dato ese gracias un abrazo
Manita arriba 218 !! Excelente tip y bune aporte para contar con un sitio web para reducir nuestras fotos, Gracias Antonio y me interesa mucho seguir aprendeindo de estos temas, me he suscrito a tu canal, porque se nota que eres un profesional. Saludos desde México.
Muchas gracias Jorge y bienvenido al canal y a la comunidad!
Gracias bro buenaso me has salvado de un error garrafal
De nada! Es un error bastante común, sí. 😉
Gracias José excelentes consejos, me agrada paint muy simple..
Ojo! No es paint! Es Photoshop!
@ Sí lo tengo claro yo utilizo Paint..Gracias!
José Antonio un saludo desde Chile. He visto varios de tus videos son muy buenos. Te quería consular por un problema que tengo al subir la imagen de producto al woocomerce que aunque la he reducido previamente queda un poco mas grande cuando el cliente la ve en la pagina ¿que puede estar pasando allí?
Seguramente esto es porque las has subido por debajo del tamaño mínimo que tu tema (o en tu Wordpress) tienes establecido para las imágenes de Woocommerce y lo que hace es adaptarla a ese tamaño mínimo, por eso se ve algo más grande. Yo no subiría las imágenes por debajo de ese tamaño mínimo, porque perderás calidad y nitidez en las mismas al ser ampliadas.
Woow me funciono bastante bien muchas gracias. Like y me suscribo
Excelente leer eso, Miguel. Bienvenido a la comunidad!
si las imágenes se encuentran en CR2 Y HEIC que recomienda convertirlas a jpg ?
A JPG o cualquier otro formato de menos peso y compatible con los estándares web actuales.
wooow muchisisismas gracias tienes una nueva subscriptora.... por favor haz un video de como tomar fotos de productos para la web ... diseño y vendo corbatas, tome las fotos pero no sabia que tenia que comprimir y ahora tengo que volver a tomarlas pero no quiero cometer errores.. gracias mil
Bienvenida! Lo tengo en cuenta, aunque yo no soy fotógrafo profesional y no sé si soy la persona más indicada para hacer un tutorial de ese tipo. 😉 Gracias a ti. Un saludo.
Gracias capo 👏🏾👏🏾👏🏾
De nada!
Hola, rey saludos ve y como puedo hacer con las imágenes que ya he subido sin hacer esto
No se puede, Sergio. Tendrás que descargarlas, optimizarlas y volverlas a subir. No queda otra. 😅
Por que solo se redimenciona solo en ancho, no seria mejor redimencionar toda la imagen para que quepa exacto y peso menos?
Hola Dax. Mira bien el vídeo: al redimensionar, redimensionamos anchura y altura para respetar las proporciones de la imagen. Al cambiar el dato de anchura, haciendo lo que digo, también se modifica automáticamente el dato de la altura. 😉
@ gracias, pero me refiero cuando a una imagen me la piden con una ancho y largo predeterminado.
@@collasmaldonadodaxalonso6466 en ese caso, efectivamente, tendrías que crear una imagen de ese ancho y alto concreto.
Hola José Antonio,
hay alguna manera de guardar en lote multiples imágenes en un mismo tamaño para web, pero con la característica de que inicialmente estas imágenes sean de diferentes tamaños?
Es decir, supongamos que tengo 20 imágenes en diferentes tamaños y peso, y me gustaría guardarlos para web cada una de ellas en 50kb independientemente de su tamaño.
¿Sería posible?
Gracias
Hola Elixabete. Lo máximo que se puede hacer de forma masiva (o al menos, que yo conozco) lo puedes ver en este vídeo:
th-cam.com/video/TMXEBISFJ-4/w-d-xo.html
Un saludazo.
Hola, se podría hacer algo así desde el celular? Hay alguna app?
Pues, la verdad, lo desconozco Silvana. Pero aunque la hubiese, yo recomiendo realizar este trabajo desde un ordenador de sobremesa o portátil. Te resultará mil veces más cómodo y rápido.
Saludos.
@ gracias por responder, realmente tuve un momento de impaciencia pero ya lo estoy haciendo sin problema desde mi notebook (desde photoshop guardo en png) Gracias por todo!
Buenas Jose ,¿podrías hacer un vídeo explicando lo que hay que poner en el título , descripción y texto alt de una imagen para wordpress? Gracias.
Hola Adrián. Sí que lo haré. No sólo eso, tengo pensado hacer un vídeo sobre cómo optimizar cualquier página o entrada de una web en cuanto a SEO on page se refiere. Pero de momento, toca esperar (lo siento, pero el tiempo entre clientes, canal de TH-cam y vida personal me da para lo que me da). 😉
Una consulta. Leí que las fotos para web, como máximo deben de tener 100kb. Es esto falso? Muchas gracias
No hay un peso límite máximo establecido para una imagen optimizada. Una imagen optimizada puede pesar más de 100kb perfectamente porque también depende el tamaño de dicha imagen. Es decir, no es lo mismo optimizar una imagen para un fondo que va a ocupar toda la pantalla, que una imagen para un fondo que va a ocupar 1/3 de la pantalla o que una imagen pequeña para un avatar.
Saludos desde peru, gracias por compartir tus conocimientos,pues tengo fotos de 15 a 30 megas, deseo reducir el peso para publicar en facebook o web, la consulta es se puede reducir de peso ,QUIZAS QUE PESE A MENOS DE UN MEGA, pues lo intente con PHOTOSHOP PERO ES UNA POR UNA, ATRAVES LA OPCION GUARDAR PARA WEB PERO EN EL FORMATO JPG,pero sin reducir tamaño??? en BLOQUE.....??
LA OTRA PREGUNTA ES CUAL FORMATO ES MEJOR JPG O PNG PARA PUBLICAR EN LAS REDES SOCIALES Y LA WEB..
Holi!! Soy fotógrafa, mi web tiene muchísimas fotografías, yo las exporto con LR porque cuando renuevo subo 20 fotos de golpe para poner una galería de una boda por ejemplo, tu lo has explicado con PS e ir una por una, es demasiado trabajo, como se pueden optimizar por LR? me encanta tu contenido.
En Photoshop hay formas para automatizar un proceso de optimización como el del que hablo en el vídeo para que repita dicho proceso las veces que sean necesarias. Es una buena idea para un futuro vídeo. Gracias por tu pregunta, Esther.
@ La verdad es que me gustaría hacerlo con LR sería mucho más rápido y en un solo click
Estaré atenta a tus vídeos como siempre.
EL tema es que cuando lo hago, los colores no quedan iguales. A mí, al menos no me sirve, porque son ilustraciones vectoriales que quiero imprimir. : (
gracias me has salvada el pellejo
De nada!
ESTUPENDO MUHAS GRACIAS
De nada!
Hola José, como estás? Te escribo desde Uruguay, estoy teniendo problemas con mis fotos para queden pequeñas para mi web (en preparacion) hago macros, y me gustaría que se vean como las veo en mi monitor... intenté con los metodos que me dices pero no, se pierde la calidad del ojo por sobre todo, ya sabes ojos de insectos son interesantes, alguna sugerencia? Entiendo que no deben pesar mas de 200 kb... Desde ya muchas gracias por tu ayuda. PD soy fotografa, no las uso para fondos.
Hola Daniela. Al optimizar para web siempre se pierde algo de calidad, eso es innegociable. Pero realmente si sigues los pasos de este vídeo, puedes conseguir que la calidad baje muy poco. ¡Cuidado con las obsesiones! Lo que tu ojo de fotógrafa ve, seguramente no es importante para los "mortales" comunes como puedo ser yo. Exactamente igual que las ves tú en tu monitor "en bruto" (es decir, sacadas directamente desde la cámara) es imposible a menos que las subas tal cual. Pero subirlas así es pegarse un tiro en el pie. El término medio, como te decía antes, lo tienes en este vídeo.
Saludos.
Muy buen Vídeo José. Gracias por ese Gran aporte. Tengo algunas consultas, ¿Haciendo esta redución de imágenes que explicas ya no será tan necesario usar un CDN para servir la imágenes en nuestra web? ¿Qué peso máximo recomiendas para culaquier imágen o ilustración que subamos a la página web? y por último, uso SiteGround como hosting ¿En qué me beneficia este hosting para servir mis imágenes más rápido? te pregunto porque percibo que es tu mismo hosting.
Gracias anticipadas 😀
Hola Diego. Yo por ejemplo no uso CDN's porque, en mi caso, no he visto mejora de rendimiento con ellos. Sería implementarlo y comprobar si tienes una mejora considerable. A veces, dependiendo de la web, un CDN incluso puede empeorarlo. Así que es probar y ver qué te funciona mejor.
En cuanto a tu pregunta sobre Siteground, no es que el hosting en sí haga que tus imágenes se sirvan mejor. Eso es tarea tuya al realizar la web casi a un 80% o 90%. Si tú no optimizas, ya puedes tener el mejor hosting del mundo, que el rendimiento de la web será malo seguro. Pero sí que es cierto que el hosting puede ayudarte con algunas de sus características técnicas, como por ejemplo puede ser la de que tu web esté instalada en un disco SSD (Siteground utiliza estos discos).
Saludos.
👉👉👉 José Antonio, muchas gracias excelente video, muy claro y práctico. Respecto de la optimización de las imágenes para la web, para ajustar la imagen al tamaño exacto del espacio que ocupará en la página, de qué forma o qué herramienta puedes sugerir para determinar el tamaño en pixels al que ajustarías tu imagen. 😀🙂👍
Hola José. Realmente con Photoshop (es la que yo utilizo) puedes hacer la imagen del tamaño que tú quieras y adaptar la foto que quieras poner a ese tamaño. Si sabes el tamaño exacto que quieres que ocupe tu imagen en la web, es simplemente crear una imagen de ese tamaño en Photoshop y listo. ;) Saludos.
Buenos dias, José yo usaba otra aplicacion pero esta en muchísimo mejor Gracias por esta excelente herramienta
😉🙂
una web como pongo el tamaño en centimeros u pixeles...quien me orienta
Imposible poner tamaños de una web en centímetros. Píxeles o porcentajes, Jose. Saludos.
@ gracias...despues de 2 años veo tu video..nunca me llega lo que montas en la web
eso no sirve, no es suficiente guardarlas de esa forma
Siento contradecirte, Iván. Pero el proceso a seguir para optimizar imágenes es este, no hay otro (o yo no conozco ninguno más eficaz). En cualquier caso, si tú conoces otro mejor, se agradece que dejes tu aporte en los comentarios y nos ilumines a todos con tu sabiduría. Un saludo.
Manita arriba 314
Put your hands Up! 👍🏼
3:58 a lo que vinieron!! De nada y Bendiciones..
No me sirvio su informacion.
El video comienza a partir del 4:01
10 minutos para explicar la reducción de una foto? Adiooooo!!!
Si ves el vídeo verás que se explican muchas más cosas...😉
@ Está muy bien, yp iba a lo que iba y cuando busco algún tutorial siempre me está por pillar el toro y busco que sea concreto y directo "la formula". Es un problema más bien mío, vos das soluciones. Gracias de todas formas!
@@carismaticofilms a mi es que me gusta dar una visión lo más completa posible de los temas que trato y explicar por qué se hacen las cosas. De todos modos, todos estos vídeos tengo que ponerlos al día con la nueva función de capítulos de TH-cam para que así la gente que, como tú, quiera ir al grano, pueda ir directamente al momento del vídeo donde se explica el proceso. Un saludo!
@ Si lo haces ganaras mucho, creeme! Gracias por las molestías y por ofrecer tutoriales en la red que aportan conocimiento.
blablabla por 4 mintos, Jesus no somos ricos para perder 4 minutos en bla, bla, bla
Tú los viste perdidos? Jajajaja 😬 porque yo ganados de conocimiento e importancia de porque hacerlo y cómo hacerlo.
Ay personas que solo deberían de ver videos que duren 2 minutos, ..... Debemos de agradecer a quien sube estos contenidos, no esperando que sean perfectos.. ¡ Ufff !!que difíciles estos tiempos en donde todo lo queremos a la la velocidad de la luz. Lo bueno es que la web es muy amplia y variada, afortunadamente hay tutos para todos los gustos. Saludos