comunidades

Cómo comprimir imágenes con Photoshop para WordPress [ + VÍDEO ]

¡Muy buenas chavales!

Hoy os quiero enseñar en vivo y en directocómo reducir el tamaño de una imagen jpg para que pese menos. De este modo el tiempo de carga de nuestra página web se verá positivamente reducido gracias a esta acción totalmente necesaria para el SEO.

Es un proceso muy rápido y fácil, además os voy a enseñar a hacerlo en Photoshop, el mejor programa de edición de fotos. Hay mucha gente que todavía lo sigue haciendo con algún programa del paquete Office 2016 o cualquier otro programa raro.

Lo haré con un caso práctico donde podréis ver que una imagen que pesa más de 1Mb al comprimir la imagen pasará a pesar 40 kb una reducción bastante buena. Con este simple proceso podrás subir imágenes de alta calidad a tu web sin tener que sufrir largos tiempos de carga y evitar a toda costa que los usuarios abandonen tu página incluso antes de haberla cargado.

Si descargas imágenes de bancos gratuitos como pueden ser las páginas de PEXELS o cualquier otra, tiene su parte positiva porque son imágenes de muchísima calidad, pero si la subes directamente a tu web, estarás subiendo imágenes de 4.000 a 7.000 píxeles, una auténtica bestialidad.

Lo mejor será que aprendas cómo reducir el tamaño de una imagen en Photoshop Cs6 o superiores, ya que desconozco como sería el proceso en las versiones anteriores.

Cómo reducir o comprimir el peso y el tamaño de una imagen

Nos venimos a pexels.com como dije anteriormente, un banco de imágenes gratuitas libres de dopyright y cogemos una foto cualquiera.

Seguidamente, la abrimos en Photoshop y haremos lo siguiente, en vez de guardarla tal cual, la vamos a exportar para para página web, cuando vayamos a importar archivos veremos que pesa 1 con 45 MB entonces.

Bien pues lo primero que tenemos que hacer es venir al formato de exportación y en jpg exportar en calidad baja.

Cuando es para una imagen para una página web me aseguro de ver cuanto pesa y en el tamaño, veo que son 6000 píxeles por 4000 píxeles es una foto gigante, por lo tanto, pondré una nueva medida, para la una página web 700 píxeles por 167 está genial.

Podremos ver que se ha reducido  a 41,7 KB, es una reducción bastante importante. Además con este proceso conseguiremos también decirle a Google que esta imagen es única, es como si fuera totalmente original de nosotros, no existe otra igual en internet, algo que es también beneficioso para el SEO.
Vídeo cómo reducir el tamaño de una imagen en Photoshop



No olvides suscribirte a mi canal, pues estaré compartiendo con vosotros todo tipo de trucos como este para hacerlos la vida más fácil. Además, pronto comenzaré a lanzar nuevos vídeos hablando sobre negocio digitales, con los cuales pretendo que juntos aprendamos a generar ingresos de forma online y totalmente independientes.

Fuente: este post proviene de Instagram pc, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Coaching para emprendedores

Hoy tengo la gran suerte de contar con un invitado muy especial para mi blog. Él es Marc Soriano, un experto coach ejecutivo que nos hablará de la importancia de tener un coach en tu vida si eres un e ...

Recomendamos

Relacionado

Sobremesa Software

Cómo comprimir una o varias imágenes de golpe fácilmente

Uno de los primeros retos a los que me enfrenté como webmaster de este blog, fue el relacionado con las imágenes. Necesitaba comprimir imágenes (JPG, PNG, GIF) con un nivel de exigencia muy alto si quería optimizar los recursos del servidor y que además cargaran rápido. Hoy os voy a explicar los 2 métodos que utilizo para editar y comprimir imágenes como un verdadero ninja. Durante los últimos 3 a ...

general laboratorio photoshop

RESOLUCIÓN DE IMAGEN CON PHOTOSHOP

Una duda muy habitual entre los aficionados a la fotografía digital está relacionada con los términos que definen la resolución de una imagen. Como sabes, las imágenes que van a verse en el monitor de un ordenador requieren una resolución inferior a la necesaria para imprimir esas mismas imágenes. Por lo general, se habla de 72 ppi (píxeles por pulgada) para el monitor; y de 300 dpi (dot per inch ...

web 2.0 Servicios Web blogs ...

Herramientas para comprimir las imágenes de tu sitio web.

Comprime las imágenes de tu sitio web y aumenta la velocidad de carga. En notas anteriores, hemos hablado sobre la gran importancia que tiene el manejo de las imágenes en la comunicación de las ideas, a través de nuestro sitio web o blog. El material gráfico es de gran importancia hoy en día y que nos ayuda a crear mensaje más eficientes. Sin embargo el tener muchas imágenes en nuestro sitio web ...

Tecnología

Cómo hacer un pdf de varias páginas con Photoshop

Hay una forma fácil de crear un archivo en pdf con Photoshop, sin necesidad de utilizar ningún otro programa, como el Adobe Acrobat Pro, Pdf Creator o similares. La opción de Photoshop de guardar en formato pdf (Photoshop PDF) no sirve, ya que te guarda todo en un pdf de una única página. La versión que estoy utilizando es la CS6, pero creo que las versiones anteriores también tienen esta opción. ...

recortar imágenes con photoshop software

Cómo recortar fácilmente imágenes con Photoshop

En ocasiones nos topamos con la necesidad de recortar algún detalle o parte de una imagen propia o de cualquier otra fotografía, con la intención de utilizarlo en un diseño u otra imagen. Otras veces surge la necesidad porque o bien no nos gusta un fondo, una parte de la foto, o simplemente por extraer un objeto o una persona de esa toma. Pues bien, para facilitarte la tarea te proponemos el video ...

FOTOGRAFÍA Adobe Photoshop CC 2017

5 consejos para aprender a retocar fotos con Photoshop en unos minutos

La mejor foto es aquella que no es necesario retocar con Photoshop o con cualquier otro programa. Sin embargo, un software como el de Adobe incluye múltiples funciones con las que mejorar una imagen. Entonces ¿dónde está el término medio? La imagen perfecta sería aquella que no parece haber sido retocada. En ocasiones vemos desastres realizados con Photoshop que hacen dudar de la idoneidad de util ...

Blogger Imágenes Recursos

Optimización de imágenes

A día de hoy, mucha gente seguimos cometiendo el error de subir a nuestro blog o web imágenes muy grandes, y entre otras cosas es por falta de información. Yo cuando empezé, no tenía ni idea de las consecuencias que podría llevar subir imágenes de gran dimensión, me limitaba a subirlas tal cual y punto. Por eso hoy, os voy a dejar dos páginas como recursos, que son fundamentales a la hora de subi ...

Aplicaciones Multimedia WhatsApp

Cómo enviar imágenes sin comprimir en WhatsApp, Telegram y Messenger

Las apps de mensajería siempre se han utilizado como herramientas de chateo, pero también son un excelente método para intercambiar documentos multimedia. El problema es que aplicaciones como WhatsApp o Telegram, comprimen las fotos e imágenes para que el consumo de datos sea menor. Algo que tiene bastante sentido por otro lado. Si queremos mandar una imagen en su resolución original, sin que se p ...

FOTOGRAFÍA editor de fotos profesional

LazPaint, un Photoshop gratuito para Windows, Mac y Linux

De vez en cuando nos encontramos por la red alguna que otra sorpresa. Nos referimos a LazPaint, un editor de fotos que más bien parece una versión antigua de Photoshop. Y lo decimos porque en el fondo se parece al software de Adobe, aunque un poco anticuado. Lo mejor es que podemos disfrutar de un Photoshop gratuito disponible tanto para Windows como para OSX y Linux. Y que funciona de forma muy l ...

FOTOGRAFÍA Adobe Photoshop CC 2017

5 cursos gratuitos para aprender Photoshop desde casa

Photoshop es el programa profesional para la edición de imágenes y diseño gráfico mas utilizado por los diseñadores y amantes de la creatividad. Desafortunadamente es un software bastante caro con lo que aprender a utilizar Photoshop no es fácil ya que requiere de una curva de aprendizaje bastante prolongada para poder dominar todas sus herramientas y funciones. Por esta razón hemos rastreado la w ...