Artículos sobre Photoshop en CableNaranja

Cómo optimizar fotografías en Photoshop para tu blog

¡Comparte nuestro contenido!

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)

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

¡Y eso es todo por ahora! ¿Te ha resultado? Déjanos saber en los comentarios aquí abajo, en nuestra cuenta de twitter @cablenaranja7 o en nuestra página de facebook.

¡Comparte nuestro contenido!

Entradas relacionadas

Un comentario en "Cómo optimizar fotografías en Photoshop para tu blog"

Deja un comentario

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