Cómo guardar las fotografías para web y redes sociales

Cuando hemos terminado de editar una fotografía siempre nos encontramos con este problema. Queremos guardar nuestras fotografías para subir a nuestra web o redes sociales pero tenemos miedo de perder calidad.

¿Cómo podemos guardar las fotografías para web y que las imágenes se vean bien?

Es importante tener claro que para subir imágenes a la web no podemos utilizar la máxima calidad de la fotografía sino que es necesario reducir su tamaño y optimizarla para web. A menudo a los fotógrafos nos da miedo reducir el tamaño de nuestras imágenes y que no se vean correctamente pero este miedo hay que perderlo para no colapsar nuestra web con fotografías muy pesadas. Para subir imágenes a la web yo os recomiendo siempre archivos por debajo de 1MB de tamaño (300-700k dependiendo de donde vayan a estar ubicadas en la web y lo grande que se vayan a ver).

¿Por qué es importante que las imágenes pesen poco cuando las subimos a internet?

Hay varias razones, pero la más importante es la carga de la web. Cuando tu tienes una página web necesitas que se cargue deprisa para que la gente pueda verla rápidamente. Si tus imágenes pesan mucho la web tardará en cargar y la gente se aburrirá de esperar y se irá. Otra razón es el SEO. Si tu página pesa mucho google tendrá en cuenta esto como algo negativo y te pasará alas últimas posiciones. Para ello debes asegurarte que al crear tu portfolio online las imágenes no sean muy pesadas, o nadie podrá verlas.

Una configuración cómoda para exportar el RAW para web es JPG sRGB 2000px lado largo 72dpi de resolución 700k peso máximo de tamaño.

¿Esto también ocurre en redes sociales?

Desgraciadamente si. Cada red social tiene unos parámetros de tamaño, resolución y peso de archivo límite…y todo lo que se pase de ahí sera comprimido de manera automática. Si va a ser comprimido igualmente  ¿No es mejor que lo hagas tu a que lo haga la red social sin tener en cuenta como se verá?

Tamaños de las imágenes para las principales redes sociales:

Instagram:

110×110 pixeles foto de perfil

1080×1080 píxeles fotografías del feed (cuadrada)

1080x1350px fotografías del feed (verticales)

1080x566px fotografías del feed (horizontales)

1080x1920px instagram stories

 

Facebook:

1200×628 píxeles banner

1080×1080 píxeles imágenes en noticias

1080×1920 píxeles en imágenes de facebook stories

 

Twitter:

1500×500 pixeles en la imagen de cabecera

400×400 píxeles en la imagen de perfil

1024×512 píxeles en un tweet

800×418 píxeles en twitter cards

*Conviene tener en cuenta las proporciones pero guardar las imágenes a un tamaño algo superior para que la gente pueda hacer zoom y para evitar que en las pantallas de retina las imágenes no se vean bien.

¿Cómo guardo las imágenes para web desde Photoshop?

Para guardar las imágenes para web desde photoshop yo te recomiendo usar la opción “Guardar para web”

Vamos al menú Archivo>Exportar>Guardar para web

Se nos abre un cuadro en el que podemos configurar el formato de nuestra fotografía, la calidad y el espacio de color

guardar fotografías para web y redes sociales iris encina

¿Qué formato debo escoger?

Si vas a guardar una fotografía yo te recomiendo JPG. Los archivos PNG tiene la opción de ser transparentes así que te servirán para guardar tu logotipo y los SVG son archivos vectoriales.

*Ten en cuenta que el archivo que guardas no debe sustituir nunca al archivo en alta calidad, de manera que será una copia en calidad web.

Yo suelo guardar dos copias del JPG y a la que va en calidad web le pongo al final del nombre una “w” para saber que es la optimizada para web.

Ejemplo: 

retrato.jpg

retrato-w.jpg

De esa manera al ver dos archivos jpg se que el que tiene la terminación en “w” es el que tengo optimizado para web.

Espero que estos TIPS os hayan ayudado a comprender mejor como guardar las imágenes para redes sociales y portfolio online

 

 

 



Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies