Cómo cambiar el tamaño de una foto para su sitio web

Sí, es totalmente posible tomar una foto directamente desde su cámara digital y ponerla en su sitio web, pero no es recomendable hacerlo. Es probable que su cámara digital guarde las imágenes en formato jpg, que los navegadores web pueden leer, pero si su foto puede aparecer en su sitio web, y si su foto DEBE aparecer en su sitio web en esa forma, son dos asuntos completamente diferentes.

Las fotos de su cámara digital probablemente tengan un tamaño de archivo demasiado grande para ser bueno para su sitio web. Si los archivos tienen más de 25 o 30 K, deberá cambiar su tamaño. Puede reducir el tamaño eligiendo una calidad inferior en su cámara, pero eso le da una foto de menor calidad. Lo que vamos a intentar es mantener la mayor calidad posible y reducir el tamaño del archivo.

Las fotos de su cámara digital pueden necesitar ajuste de iluminación y partes recortadas. Toma la mejor foto que puedas y luego haz el resto en Photoshop. Sin embargo, siempre tenga en cuenta que puede mejorar una foto mala, pero nunca puede hacer que una foto mala sea buena. Entonces, si tus fotos son menos que maravillosas, toma una clase de fotografía digital antes de tomar fotos para tu sitio web.

Hay muchos programas diferentes disponibles para manipular fotos. Puede encontrar uno que tenga una herramienta para hacer la mayoría de estos pasos haciendo clic en un icono. Si tienes fotos de alta calidad, estas pueden funcionar bien. Sin embargo, ese programa no está verificando los resultados de los pasos que toma. Tendrá que revisar cada foto que manipula para asegurarse de que no haya enviado la foto en exceso o que no la pueda utilizar de alguna otra manera, especialmente si las fotos no son de calidad profesional. El siguiente ejercicio lo ayudará a comprender qué está haciendo ese software y le ayudará a tomar la decisión de si desea seguir los pasos de sus fotos o utilizar un sistema automatizado.

Instrucciones para cambiar el tamaño de su imagen

Las siguientes instrucciones y capturas de pantalla son de Photoshop 7 y suponen que tiene habilidades básicas de Photoshop.

  1. Abra su archivo de imagen en Photoshop.
  2. Mire en la barra de título y vea qué% abrió la foto. Si la foto es demasiado grande para caber en la pantalla, es posible que se haya abierto en un tamaño más pequeño de lo que realmente es en píxeles. Es muy fácil pasarlo por alto y pensar que la foto tiene un tamaño diferente de lo que realmente es. La foto puede abrirse al 25%, 50% o algún otro tamaño, dependiendo de cuántos píxeles de alto y ancho sea. Photoshop lo abrirá para que sea visible en una pantalla.
  3. T Para ver la foto en el tamaño que tendrá en una página web, vaya a Ver -> Píxeles reales y la visualización de la foto cambiará de tamaño al 100%. Algunos navegadores cambiarán el tamaño de la imagen para que quepa en la pantalla y otros no. El hecho de que la imagen se muestre al 50% en realidad no cambia nada en la imagen. Solo está cambiando la forma en que Photoshop te muestra la imagen. Si está acostumbrado a trabajar en la impresión, algunos de estos pasos pueden parecer extraños, pero la web es un entorno diferente.
  4. Cuando algunas fotos se muestran al 100%, no todas se ajustan a la pantalla. Si lo colocas en tu sitio web, harán que todo salga de su camino. Esto es especialmente cierto si la imagen comienza a 300 ppp o más. El tamaño de la foto en la pantalla de la computadora de cualquier otra persona dependerá de la configuración de su monitor. Para su sitio web, debe tener en cuenta que no todos sus espectadores tendrán el mejor equipo informático; entonces, usa 72 dpi como tu regla. Eso es por cada 72 píxeles, la imagen será de una pulgada.
  5. Vaya a Imagen -> Tamaño de imagen, y verá el tamaño de su foto en píxeles . Podría ser que su DPI sea mayor que 72. O podría ser que el DPI salió como 72, pero el tamaño de píxel de la imagen es muy grande. Su imagen puede ser demasiado grande en la Resolución y en las Dimensiones de píxeles. Para la web, no nos preocuparemos por el tamaño del documento porque la foto se interpreta en píxeles.
  6. Puede cambiar el tamaño de la imagen al tamaño que desee en un solo paso. Una imagen de 300 px es un poco más de 4 pulgadas, lo que es un gran tamaño para una foto web. Por lo tanto, puede introducir 300 en el cuadro de texto de ancho. Debido a que se comprueba Restringir proporciones, el alto se ajustaría automáticamente al número correcto. El problema con el cambio de tamaño de la imagen en un solo paso es que Photoshop tuvo que descargar mucha información del archivo para reducir el tamaño. Uno de los efectos es que la foto no es tan nítida y clara como la original. Si reduce el tamaño en pasos, puede conservar algo de la nitidez de la imagen original. Nuevamente, cuanto mejor sea la foto con la que empieces, menos manipulación tendrás que hacer.
  7. Volver a la imagen a tamaño completo, si la imagen comienza a 1200px de ancho, Tómalo en tres pasos: 900px, 600px y 300px.
    • Cambia el ancho a 900 px.
    • Mira el borde de algo en la foto.
    • Ir al filtro -> Enfocar -> Máscara de enfoque
    • Mira el borde de nuevo. ¿Es más nítido que en la versión que eliminó en un solo paso? Si no puede decirlo, deshaga el paso y hágalo de nuevo hasta que sus ojos puedan notar la diferencia.
    • Cambia el ancho a 600 px.
    • Ahora la Máscara de enfoque debería aparecer en la parte superior del menú Filtro.
    • Echa un vistazo a la imagen de nuevo. ¿Es mejor después de tu Unsharp Mask? Si no, deshágalo y continúe con el siguiente paso. Nunca querrás afilar demasiado.
    • Cambia el ancho a 300 px.
    • Haz otra Máscara de enfoque.

A dónde ir desde aquí

Además de que la foto es más nítida, se ha perdido parte del contraste de color. Además de cambiar el tamaño de sus imágenes, deseará recibir instrucciones sobre cómo controlar el contraste y el color de sus fotos. El tamaño de archivo de su foto puede ser aún mayor que el óptimo. Photoshop viene con un programa llamado ImageReady, que puede reducir aún más el tamaño de su archivo, después de haber realizado el trabajo que desea en Photoshop. Es posible que también desee aprender a crear sombras y fondos.

Languedok Autor

Deja un comentario