Cómo cambiar el tamaño de los gráficos y las fotos para su sitio de medios sociales

Rate this post
  1. Medios de comunicación social
  2. Diseño de redes sociales
  3. Cómo cambiar el tamaño de los gráficos y las fotos para su sitio de medios sociales

Libro Relacionado

Por Janine Warner, David LaFontaine

Como diseñador de un sitio de medios sociales, es importante que sepa cómo y cuándo redimensionar sus imágenes y gráficos para optimizar su sitio. El redimensionamiento es importante por dos razones:

  • Las imágenes deben ser lo suficientemente pequeñas como para que se muestren bien en el monitor de un ordenador.
  • Usted quiere que las imágenes se descarguen rápidamente.

Cuanto más pequeño sea el tamaño del archivo de imagen, más rápido se descargará.

Aunque algunos sitios de medios sociales le permiten cambiar el tamaño de visualización de una imagen, usted obtiene mejores resultados si cambia las dimensiones de una imagen de antemano en un programa de edición de fotos como Photoshop.

Reducir el tamaño de una imagen para su uso en la web requiere dos pasos:

  1. Reduzca la resolución de una imagen, lo que cambia el número de píxeles de la imagen Cuando trabaje con imágenes para la web, querrá reducir la resolución a 72 píxeles por pulgada (ppi).
  2. Reduzca el tamaño físico de la imagen reduciendo sus dimensiones, usted quiere que sus imágenes se ajusten bien a una ventana del navegador y que trabajen dentro del diseño de su sitio.

Siga estos pasos para reducir la resolución y el tamaño de una imagen en Photoshop. En Photoshop Elements, Fireworks o GIMP, usted sigue un proceso similar aunque los pasos específicos pueden variar.

  1. Con una imagen abierta en Photoshop, seleccione Image→Image Tamaño. Se abre el cuadro de diálogo Tamaño de imagen. Observe la alta resolución (240 píxeles/pulgada) y la gran altura y anchura (1698 x 1131). Si no quieres que tu imagen original pierda calidad (o simplemente quieres jugar a lo seguro), haz una copia de tu imagen y redimensiona la copia para tu imagen de perfil.
  2. Desactive la casilla de verificación Cambiar la resolución de la imagen en la parte inferior del cuadro de diálogo Tamaño de la imagen Para obtener los mejores resultados, siempre debe deseleccionar la casilla de verificación Cambiar la imagen de la muestra cuando cambie la resolución. Cuando deselecciona Resample Image, las opciones Scale Styles (Estilos de escala) y Constrain Proportions (Proporciones de restricción) aparecen en gris, y ya no puede cambiar las dimensiones de los píxeles. No se preocupe: trabajará con estas opciones después de activar la opción Cambiar la imagen en el paso 3. Cambie el número en el campo Resolución a 72. Asegúrese de no hacer clic accidentalmente en la lista desplegable situada junto a Resolución y cambie las unidades de numeración a Píxeles/cm. Notará un cambio drástico en el tamaño del documento en pulgadas.
  3. Cambia el tamaño de la imagen.selecciona la casilla de verificación Resample Image.con la casilla de verificación Resample Image deseleccionada, no puedes cambiar las Dimensiones de los píxeles, por lo que debe ser marcada cuando cambies el tamaño de la imagen.introduce una altura y una anchura para la imagen en los campos Altura y Anchura. Si se selecciona la casilla de verificación Limitar proporciones en la parte inferior del cuadro de diálogo, cualquier cambio que realice en la altura afectará automáticamente a la anchura (y viceversa) para garantizar que las proporciones de la imagen permanezcan constantes. Anteriormente, era de 5,49 MB, pero después del proceso de redimensionamiento, el nuevo tamaño es de 1,38 MB.
  4. Haga clic en Aceptar.

Guardar el archivo en esta etapa es opcional y no necesariamente se recomienda porque el último Save for web export que viene después genera una nueva versión.

Si desea devolver la imagen a su tamaño anterior, seleccione Edit→Undo Tamaño de la imagen. Sin embargo, tenga en cuenta que cuando guarde la imagen, los cambios serán permanentes.

Add Comment