¿Cómo compongo una imagen para usarla como fondo del navegador o papel tapiz en un monitor de pantalla ancha?

Quiero usar algunas de mis imágenes para el fondo de una página web en mi navegador y para el fondo de escritorio de la computadora en mi computadora portátil de pantalla ancha .

Cuando uso una imagen (orientada al paisaje) tal como está (en una página web simple), el navegador la escala para llenar el ancho y la centra. Esto hace que gran parte de la parte superior e inferior de la imagen se recorte.

Si cambio el tamaño de la imagen de alguna manera mientras mantengo la relación de aspecto, no hay diferencia. Tuve que cambiar el tamaño a 1600x700 sin mantener la relación de aspecto para que la mayor parte del sujeto encajara verticalmente. Eso estiró la imagen tanto horizontalmente como para ser inutilizable.

No parece que haya forma de arreglar esto.

Lo que quiero saber es cómo debo componer nuevas fotografías para que sean utilizables para este propósito.

Mi primer pensamiento es alejar el sujeto para que la parte que quiero llene alrededor de la mitad de la altura y luego recortar la imagen verticalmente más tarde. (Con mi cámara actual y una más nueva, debería haber muchos píxeles para admitir esto). Parece que sería difícil obtener la imagen inicial correcta, especialmente cuando la tendencia es llenar el visor/pantalla con la imagen deseada. .

Tal vez mis cámaras u otras similares puedan disparar en formato panorámico (16:9) para empezar. Todavía tendría que cambiar su tamaño, pero mucho menos (porque la ventana del navegador es más ancha que 16:9).

Soy relativamente nuevo en fotografía y estoy aprendiendo la manipulación de imágenes digitales. Mi antigua cámara digital de apuntar y disparar toma imágenes de 3024x1184. (También tengo un extremo superior más nuevo, apuntar y disparar con una resolución mucho más alta y una serie de configuraciones manuales).

En este momento, hago mi trabajo digital en Linux con gimp e imagemagick, pero también uso Windows 7 y tengo una copia de Lightroom que aún no he instalado.

En la medida de lo posible, me gustaría una respuesta de "qué" hacer y no solo "cómo" porque no tengo Photoshop.

Leí algunas cosas sobre el escalado bicúbico y sobre un complemento de escalado líquido para gimp, pero estaban un poco por encima de mi cabeza.

Esto no aborda cómo componer para él, pero en general, simplemente recorto (no cambio el tamaño) la imagen a la misma relación de aspecto...
Eso, y dejo mucho espacio negativo que facilita el recorte y también hace que sea más fácil ver los íconos en el escritorio.
@drewbenn ¡Grandes artículos! Aunque nada que ver con mi pregunta. Revisaré mis cámaras para el CHDK. Uno de ellos (Canon Elph) podría tenerlo. No lo tengo aquí para mirar ahora. Esa podría ser en realidad "la respuesta".
Para las páginas web, es posible que desee ajustar para que la imagen no cambie de tamaño sino que se recorte (alineando la izquierda de la imagen con la izquierda de la pantalla, o el centro de la imagen con el centro de la pantalla). Esto se puede hacer usando CSS o JavaScript
@Paolo Gracias. Ya encontré uno de esos y estoy trabajando con él.

Respuestas (2)

Primero, debe tener en cuenta que la mayoría de las computadoras portátiles de pantalla ancha no son 16: 9; están hechas con la pantalla más corta para reducir el tamaño y el costo, por ejemplo, dijo que su monitor es 1600x700; no necesita demasiada matemática para trabajar esto es 16:7 y no 16:9.

Ahora que lo eliminamos, en realidad es fácil convertir una imagen en un fondo de escritorio:

  1. Primero, tenga en cuenta que necesitará recortar la imagen cuando la tome, la opción más simple es dejar mucho espacio en los 4 bordes y dejar que el sistema operativo haga el trabajo por usted; en Windows, configure el modo de mosaico en "Recortar para fit" (cambios de nombre exactos entre versiones) y todo funciona, su escritorio Linux debería tener una configuración similar.

  2. Si desea recortar la imagen usted mismo, reduzca la escala en GIMP para que el ancho de la imagen sea el mismo que el ancho de la pantalla y luego recórtelo para que se ajuste a la altura.

Aquí hay un diagrama que le dará una idea de cuánto espacio necesita dejar al disparar:

El marco azul es una relación de aspecto de 4:3 común en las cámaras de apuntar y disparar

El marco rojo es 3:2 usado en cámaras DSLR y de película

El área negra es 16:9

El área amarilla es 16:7 (su pantalla)

Diagrama de cultivos

Como dices, la relación real para el fondo de pantalla sería la dimensión de píxeles de la pantalla, pero para el navegador con barras de herramientas, etc., es mucho más pequeña. Solo tener 16: 9 sería un lugar más fácil para comenzar. Sé que ninguno de los dos casos es exactamente 16:9. En cuanto al recorte, eso es procesamiento posterior. La pregunta es sobre la composición. Para imágenes "normales", recortarlas severamente arruinaría la mayoría de las imágenes. Deben estar compuestos "correctamente" para que la imagen recortada sea viable.
@Joe: escribí que debe tener en cuenta el recorte al disparar y dejar mucho espacio vacío, si comenzar desde 16: 9 es más fácil para usted, pero aún deberá recortar más de una quinta parte de la altura de la imagen ( a diferencia de aproximadamente la mitad con una imagen de 4: 3 común en las cámaras de apuntar y disparar), por lo que aún no puede llenar el cuadro. e ignoré la parte del navegador web porque esa es una discusión completamente diferente que no está relacionada con este sitio (el tamaño de la barra de herramientas puede variar, el navegador no tiene que maximizarse, la página se puede ver desde un dispositivo con un tamaño de pantalla diferente, etc.) .)
@Joe: agregué un diagrama que puede ayudarlo a visualizar cuánto espacio vacío debe dejar al disparar
El diagrama es muy útil. Supongo que tendré que observarlo cuando esté disparando, a menos que mi cámara tenga una opción de tipo CHDK para que sea más fácil.
El otro problema a tener en cuenta es que las barras de tareas y las pestañas del navegador, los menús, la barra de título, etc., a menudo se colocan horizontalmente en la pantalla. Esto nuevamente reduce aún más el espacio vertical disponible, cambiando aún más la relación de aspecto.

Aunque no mencionó el problema del desorden, personalmente creo que un fondo de pantalla no debería tener demasiados detalles detrás de los íconos, si los hay.

En este fondo de pantalla de Windows "Dangerous Creatures" , el fondo con efecto bokeh a la izquierda permite ver fácilmente los íconos del escritorio.

Al mismo tiempo, el león de la derecha que mira hacia la izquierda atrae la mirada hacia los íconos (siempre que ningún ícono cubra al león) y brinda interés visual.

Además, hay suficiente fondo alrededor de la cabeza del león para que siga siendo efectivo incluso después de recortarlo para adaptarse a otras relaciones de aspecto.

Soy consciente de que. Sin embargo, la composición de la imagen es una pregunta aparte que podría no encajar en este foro. Uso anteojos para leer y tengo cuidado de usar fondos apropiados para que las cosas sean más fáciles de leer. Sin embargo, la idea del león frente al menú es genial.