En este tutorial explico como optimizar imágenes para web en Photoshop. Reduciendo el tamaño y el peso de nuestras imágenes y fotografías para subirlas a la web.

OPTIMIZAR IMÁGENES PARA WEB EN PHOTOSHOP

 

 

 

Para optimizar nuestras imágenes usaré el comando del menú Archivo>»Guardar para web». Ese gran desconocido para muchos que aunque han llegado a ver el comando muchas veces no lo han usado por desconocimiento. Se podrá ver como reducir el tamaño consiguiendo que nuestras imágenes pesen lo que queremos y pudiendo controlar la calidad final en todo momento.

->> Tutorial para Photoshop CC 2015: ->> ¿Dónde está «Guardar para Web» en Photoshop CC 2015?

©Tripiyon Tutoriales – Licencia de uso de recursos.
Política de Privacidad y Política de Cookies

CONTENIDO RELACIONADO

14 pensamientos en “Optimizar imágenes para web

  1. Me ha interesado mucho este tutorial (y otros muchos que he visto, aunque no haya escrito nada).- Lo que pasa es que yo uso una aplicación gratis, que se llama «Resize My Photos v 1.0» y, aunque está en inglés y no entiendo ni torta, tampoco hace falta, ya que lo dejo tal cual viene y cambio solamente la calidad, que la pongo al máximo.- Una foto JPG de más de 6 Mb la puede dejar por debajo de 1 Mb.- Además, reduce lotes enteros en pocos segundos y las guarda, por defecto, en la misma carpeta de las originales.- Cuando se ven en pantalla las dos fotos, se nota diferencia, tanto en tamaño como en calidad, pero, en ningún caso es una exageración.-
    Pero, repito, me interesa el tutorial, porque es importante saber como se hacen las cosas, con independencia de aplicaciones más mo menos automáticas.-
    Gracias de nuevo, saludos y felicidades en estas Fiestas

    1. Hola Adg, no conozco la aplicación que dices pero si he llegado a conocer otras que vienen a hacer lo mismo que tú dices de procesar por lotes y demás. Yo con este tutorial tan solo he querido mostrar como hacerlo con Photoshop, lo que no significa que tenga que ser mejor que otra utilidad.

      Por ponerte un ejemplo, hace poco hice un tutorial para poner una marca de agua a nuestras imágenes (puedes verlo AQUÍ), pues con este script también redimensionas las imágenes al tamaño que tú quieres, con la calidad que quieras y además puedes decirle que le de un mínimo enfoque después de redimensionar, y lo mejor es que le puedes decir que se lo haga a un lote de imágenes.

      Con Photoshop también podrías Guardar para web un lote de imágenes, aunque sería algo más complejo.
      Gracias y Felices Fiestas para ti y lo tuyos 🙂

  2. Muchas gracias, Pedro, siempre aprendo algo (o mucho) de tus magníficos tutoriales, ya ves esta parte de Photoshop, que estoy harto de usar, siempre había dejado activo lo del sRGB, y gracias a ti se que para lo que utilizo mis fotos no debo tenerlo activado; te repito, muchas gracias por la aclaración.
    Felices Fiestas, te deseo lo mejor para ti y tu familia.

  3. muy buenos tus tutoriales,ilustrativos, instructivos y con mucha pedagogia, que es lo que les falta a muchos que son expertos.
    Tengo una pregunta y quiero que me la ayudes a resolver :resulta que tengo instalado el Photoshop cs6,y al abrir una imagen, quiero pasarla a la web, es decir optimizarla, como lo explicas muy bien en entu video, pero siempre me sale que: un error, la operacion no podido completarse.Que debo hacer para solucionar este error,solicito su ayuda con todas las imagenes.Lo tengo instalado en windows xp prof. sp3.gracias por tu atencion…………………….jaime

    1. Hola Jaime, me alegro de que te gusten los tutoriales, gracias.
      Respecto a tu problema es la primera vez que alguien me comenta este tipo de problema. ¿Podrías pasarme una captura del mensaje que te da cuando tienes el problema? También sería bueno saber todos los datos posibles como puede ser el tamaño original de la imagen, peso, modo de color, pasos que sigues, etc… Cuantos más datos me des más fácil será determinar el problema, aunque ya te adelanto que hace muchos años que no trabajo con Windows, por lo que si es un problema del sistema operativo, que es lo que me temo, poco podré ayudarte porque no conozco muy bien Windows.
      Saludos

      1. gracias por su respuesta,le comento que en otra computadora tengo instalado el Windows 7 y con el photoshop cs5, me trabaja muy bien, y me brinda unas imagenes maravillosas,tal vez tengas razon el windows xp pro sp3, para ese comp. tal vez no sea compatible, pero veo que es solamente para subir a la web, que no trabaja, porque para lo demas funciona bien en esa comp. voy a enviarte una captura de imagen para que obseves el problema……gracias…..jaime

      2. Curiosamente, desde el último reinicio de mi pc, me aparece ese mismo error al intentar guardar para web, independientemente del tamaño de la imagen (osea siempre y con todas)
        He probado a instalar una versión diferente de PS, pero el problema continúa.
        Ojalá aparezca alguna solución.
        Gracias de antemano.

    2. Hola, a mí me salía el mismo error con Photoshop CC al tratar de guardar un gif. No sé si te sirva esto, pero a mí me dejó de aparecer ese error al cerrar otros archivos que tenía abiertos (tenía más de 15 PSDs abiertos) al cerrar todos esos psds pude guardar el gif que quería y todo se solucionó.

Deja un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Comienza escribiendo tu búsqueda y pulsa enter para buscar. Presiona ESC para cancelar.

Volver arriba

Uso de cookies y política de Privacidad

Este sitio web utiliza cookies y otras tecnologías para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de nuestra política de cookies y política de Privacidad. Pinche en los enlaces para mayor información. Puede retirar su consentimiento en cualquier momento. plugin cookies

ACEPTAR
Aviso de cookies

 

DESCARGA DE METADATOS

DESCARGAR AQUÍ

 

 

FOTO DEL CASTILLO

DESCARGAR

FOTO DEL GLOBO

DESCARGAR

 

 

IMAGEN DEL RETRATO DE pixabay.com
IR A ENLACE

TEXTURA DE NIEVE DE textures4photoshop.com
IR A ENLACE

 

 

IMAGEN DE FONDO de pixabay.com
IR A ENLACE

IMAGEN DE MODELO de pixabay.com
IR A ENLACE

 

 

 

DESCARGA DE RECURSOS
DESCARGAR

TEXTURA DE NIEVE de textures4photoshop.com
IR A ENLACE

IMAGEN DE MONTAÑAS de pexels.com
IR A ENLACE

IMAGEN DE CASTILLO de pexels.com
IR A ENLACE

 

 

DESCARGA DE RECURSOS PARA SEGUIR EL TUTORIAL
DESCARGAR

IMÁGENES A MAYOR RESOLUCIÓN

Imagen de caverna de pexels.com
IR A ENLACE

Imagen de montañas de pixabay.com
IR A ENLACE

Imagen de nubes de pixabay.com
IR A ENLACE

 

 

DESCARGA DE RECURSOS PARA SEGUIR EL TUTORIAL
DESCARGAR

IMÁGENES A MAYOR RESOLUCIÓN

Imagen de modelo de pexels.com
IR A ENLACE

Imagen de textura de www.textures4photoshop.com
IR A ENLACE

 

 

DESCARGA DE RECURSOS PARA SEGUIR EL TUTORIAL EN PHOTOSHOP

IMAGEN DE FONDO

IMAGEN DE GNOMO

 

 

DESCARGA DE RECURSOS PARA SEGUIR EL TUTORIAL EN PHOTOSHOP

IMÁGENES

PINCELES

 

 

DESCARGA DE RECURSOS PARA SEGUIR EL TUTORIAL EN PHOTOSHOP

IMAGEN DE CIUDAD

IMAGEN DE CIELO

 

 

DESCARGA DE RECURSOS PARA SEGUIR EL TUTORIAL

DESCARGA DE ARCHIVOS

IMAGEN DE CASA

 

 

DESCARGA DE RECURSOS PARA SEGUIR EL TUTORIAL EN PHOTOSHOP

IMAGEN ORIGINAL

IMAGEN DE AMANECER

 

 

DESCARGA DE RECURSOS PARA SEGUIR EL TUTORIAL EN PHOTOSHOP

IMAGEN ORIGINAL

IMAGEN DE FUEGO