Como optimizar fotografías en Photoshop para tu blog

Artículos sobre Photoshop en CableNaranja
Artículos sobre Photoshop en CableNaranja

¡Comparte nuestro contenido!

Las imágenes son muy valiosas para un blog. Mejoran el mensaje que queremos transmitir, ayudan al SEO de nuestro sitio, alientan al usuario a participar o compartir nuestras entradas, entre otras razones. Por eso mismo, es importante que las imágenes estén bien optimizadas.

¿PNG, JPG, GIF?

Primero definamos los términos:

  1. JPEG o JPG: es un formato de archivo para almacenar y distribuir imágenes fotográficas. También es el nombre del Grupo Conjunto de Expertos en Fotografía que creo el estándar. Es el formato de imagen más utilizado en computadoras, cámaras digitales, teléfonos o tablets.
  2. GIF: Formato de Intercambio de Gráficos creado para imágenes de baja calidad, limitadas por una paleta de 256 colores. Actualmente su mayor uso es en animaciones cortas.
  3. PNG: es la abreviación de Gráficos de Red Portables, un formato creado para superar las deficiencias del formato GIF basado en un algoritmo de compresión sin pérdida. Incluye transparencia alpha de 8 bits, lo que permite hasta 256 grados de transparencia. Típicamente se usa para dibujos, vectores, logotipos, entre otros.

Dado que en un blog la mayoría de las imágenes a utilizar serán fotografías o imágenes con calidad fotográfica, en esta ocasión te enseñaremos a optimizar tus fotografías haciendo uso de Photoshop.

¡Checa los pasos!

  1. Abre la imagen que necesites en Photoshop:
    Optimizar Imagenes para Web en Photoshop - CableNaranja

    Paso 1

  2. Ajusta sus dimensiones al tamaño que necesites, para ello ve a Imagen > Tamaño de imagen – o presiona Alt + Ctrl + I – establece el ancho y alto que necesites. Luego, en la opción Remuestrear selecciona bicúbica más suavizada (ampliación)
    Optimizar Imágenes para Web en Photoshop - CableNaranja

    Paso 2

    .
  3. Cambia el perfil de color RGB a sRGB IEC61966-2.1. Para ello, ve a Edición > Asignar Perfil.
    Optimizar Imágenes en Photoshop para Web - CableNaranja

    Paso 3

  4. Para exportar la versión para web, ve a Archivo > Exportar > Guardar para web (heredado) – o presiona Ctrl + Alt + Shift + S
    Optimizar Imágenes para Web en Photoshop - CableNaranja

    Paso 4

    1. Ajuste preestablecido: En el caso de JPG, permite elegir entre JPEG Alta, baja o media.
    2. Calidad: JPG es un formato de compresión con pérdida, donde 0 es la máxima compresión (pérdida absoluta) y 100 sin compresión (sin pérdida) El valor recomendado fluctúa entre 60 u 80.
    3. Progresivo: La imagen se descarga en varias fases.
    4. Optimizado: Crear archivos más pequeños.
    5. Convertir en sRGB: Aplica el perfil sRGB nuevamente

    Siendo estos los valores más importantes, ajusta de acuerdo a tu necesidad.

  5. Presiona el botón Guardar y establece el nombre para tu archivo.
    Optimizar Imágenes para web en Photoshop - CableNaranja

    Paso 5

  6. Los resultados saltan a la vista.
    Optimizar Imágenes para Web en Photoshop - CableNaranja

    Paso 6

¡Comparte nuestro contenido!

Israel García

Docente, IT Manager, Blogger & Developer. Escribo por diversión, educo por pasión. | Grandstanding is not my thing.

Podría también gustarte...

1 Respuesta

  1. agosto 10, 2018

    […] ir muy bien juntas, tal vez nos veamos en la necesidad de lograr un impacto mayor, sobre todo si son para un blog. Debido a esto, en esta ocasión veremos una forma sencilla pero efectiva de fusionar imágenes en […]

Deja un comentario

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

shares