Formatting a PS image to fit a bloc background (?)

I Need Help
1

I want to use a PS image of “Sears Tower” that I took a couple of years ago in a global area bloc as a background. The photo is in portrait orientation. The image fits nicely in tablet view and is livable in phone view but the desktop view does not fit due to the orientation of the bloc vs the photo.

I have looked at the search topics and think that i understand how to correct this but I have questions.

  1. I need to resize this large image in PS. If the width of the project is 1170 PX what is the height of the bloc @ 100%? This resized image will leave some areas to the left and right that I can fill with blue sky by making a composite.
  2. Norm gave an explanation of a solution using background images on different devices back in Dec of 16. He recommended using a square image on a phone background. What would be the reasoning? Does a Blocs app site reorient when turned to landscape mode or is it fixed?

Thanks in advance

Rich

Screen shot WIllis ipad
Screen shot WIllis ipad.jpg3048×1968 1.19 MB
Screen shot Willis desktop
Screen shot Willis desktop.jpg3004×1906 1.42 MB

2

The reason for Norm to say a square image works the best is that it’s more forgiving on different devices. You are right in making a separate portrait and landscape image does help. Blocs recently did improve this feature as Norm changed the zoom setting in a background picture.

I don’t think there is a holly grail of image size backgrounds as there are just to many screen sizes. When using this feature I normally try a few different sizes and test them trying to get the best possible for my project.

I use this site that simulates what it will look like, very useful.
http://quirktools.com/screenfly/

Hope this helps.
Casey