Are There Alternative Ways to Display High-Resolution Images on a Website?

In summary, the Photoshop file was greater than 2 gigabites, which photoshop could manipulate but could not save. The file was saved as a .jpg which is ~95 MB. There is a lot of detail in the full size version. For example, there is a child with a ball on the beach on the far side of the log pile and pebbles and reflections of individual grass blades can be seen toward the right side. Zooming in is very immersive. I want to use this effect for a local conservation group's website. There are other possible options for displaying a large image, but they are not as intuitive or as user-friendly as a touchscreen display.
  • #1
BillTre
Science Advisor
Gold Member
2,486
9,717
I have a large image that I made (a river running to the Washington coast on the Olympic Penninsula) by montaging together 32 pictures I took on my T3i in photoshop. It is 24,362 × 8,801 pixels.
It looks like this (a smallified version):
super-small%20log%20pile.jpg


The photoshop file was greater than 2 gigabites (which photoshop could manipulate but could not save).
I saved it as a .jpg which is ~95 MB.
There is a lot of detail in the full size version. For example, there is a child with a ball on the beach on the far side of the log pile and pebbles and reflections of individual grass blades can be seen toward the right side.

I could print things like this out on one of those large format printers, but I would like to display it on a moderate sized screen or put it on a website in a way that people could click on the screen to zoom in in 2X jumps. The zooming in is very immersive. It really sucks you into the shot. I want to use this effect for a local conservation group's website.

A company does make a device to put your camera on to take pictures like this. They also have a website to do the montaging and get codes to embed images on other websites, to display the results. All this is dependent on getting their hardware (not cheap) which I am not now inclined to do.
I can do this with photoshop and Preview (Apple's pdf viewer), but I am wondering if anyone knows of other possible options, particularly for websites.
 
Computer science news on Phys.org
  • #2
Why is PhotoShop unacceptable? Surely it allows whatever level of zoom you want and it will scroll up/down and left/right. What is it that you are looking for in addition to that?
 
  • #3
BillTre said:
photoshop could manipulate but could not save
You are likely not using a modern file system on your computer. Get an external drive and format it to the newest file system you can.

phinds said:
What is it that you are looking for in addition to that?
Superzoom where you can see the whole picture without having to download the whole 2+GB. Then you can get full resolution on zoom. Kind of like google maps. You can use the gigapan system if you buy their hardware. I don't know off the top of my head of any sites that support this except gigapan. Maybe google has something?

BoB
 
  • Like
Likes BillTre
  • #4
phinds said:
Why is PhotoShop unacceptable? Surely it allows whatever level of zoom you want and it will scroll up/down and left/right. What is it that you are looking for in addition to that?
For use on my own computer photoshop is fine. If I want to put on a different computer for a display, it would be nice not to get a copy of photoshop for just that. The preview program could also work that way and I am assuming also acrobat and reader.
Alternative to that could be a touch screen display like a large iPad. Haven't tried that yet.

Also, not sure of any of these options would work for a website.
 
  • #5
rbelli1 said:
Superzoom where you can see the whole picture without having to download the whole 2+GB. Then you can get full resolution on zoom.
Ah, right. I forgot about that kind of capability.
 
  • #6
rbelli1 said:
You are likely not using a modern file system on your computer. Get an external drive and format it to the newest file system you can.

My computer is a 2015 Mac Book Pro with an up to date OS and a cloud version of photoshop which is upto date. I also use a separate disk for my photos.
As I recall, when I tried saving the file as a photoshop file, I got an error message specifically about: too big, >2 GB.
rbelli1 said:
Superzoom where you can see the whole picture without having to download the whole 2+GB. Then you can get full resolution on zoom. Kind of like google maps. You can use the gigapan system if you buy their hardware. I don't know off the top of my head of any sites that support this except gigapan. Maybe google has something?
OK, I should have said that the 2 GB photoshop file is now only 95 MB as a .jpg.
Superzoom, nice term. Did you come up with that or is that a google maps thing? I like it. That's what I want to do.

Ideally, for a display, it would be done in as intuitive a manner as possible. Tap a touchscreen seems to me to be the most intuitive, but that is further down the road.
 
  • #7
BillTre said:
As I recall, when I tried saving the file as a photoshop file, I got an error message specifically about: too big, >2 GB.
Did you try this? http://www.creativetechs.com/tipsblog/how-to-save-photoshop-files-larger-than-2gb/
BillTre said:
Superzoom, nice term. Did you come up with that or is that a google maps thing? I like it. That's what I want to do.
You will need to program the display part for websites.

This or OpenLayers.

I have never used them though. In either case, for the zoom, you will still need to create tiles of different resolutions out of your image.
 
  • Like
Likes BillTre
  • #8
Do people do this for astronomy images?
 
  • #9
Yes, is is sometimes done for large mosaics like this 9 gigapixel mosaic from ESO or this http://www.spitzer.caltech.edu/glimpse360/wwt.
 
  • #10
@BillTre, where is the river in the picture? Is it the Quileute near La Push? It also makes me think of the creek at the north end of the beach at Moclips. I spend a lot of time in the interior of the Olympics, and have done a fair amount of hiking along the beaches.

Random fact: The name La Push is a corruption of the French "la bouche" for the mouth of the river.
 
  • #11
It was at Kalaloch Lodge at Olympic National Park. South of La Push and just north of Queets. I took the picture in the morning from about 40 feet from their driveway, over about 5 feet of brush.
We stayed there a couple of days with some friends who had circumnavigated the penninsula.

I find out from Google Maps that the "river" is actually Kalaloch Creek.
I guess I was giving it the benefit of a doubt because of all the big stumps laying around.
It was during summer and the water flows seemed small at that time.

The Olympic Peninsula is really a special place. Its easy to find things growing on things, growing on things, growing dead stuff there.
Ecology made obvious.
 
  • #12
glappkaeft said:
Yes, is is sometimes done for large mosaics like this 9 gigapixel mosaic from ESO or this http://www.spitzer.caltech.edu/glimpse360/wwt.
Neat stuff!
It would be cool to zoom in and out of the Hubble deep field picture.
 
  • #14
glappkaeft said:
There is but the image doesn't have very high resolution. http://spacetelescope.org/images/heic0611b/zoomable/

It would be nice if they could combine it with lower mag images of the surrounding area to show the surrounding area, maybe with an faint overlay of a finger at arm's length for some perspective, but that sounds pretty unscientific for spacetelescope.org.
It would be more like an art project.
 
  • #15
BillTre said:
Superzoom, nice term. Did you come up with that or is that a google maps thing?

It is a term I have heard used for high zoom photography.

Google... Google...

actually it is a term for a type of lens system that has a large range of magnification capability. It is a malapropism of sorts on my part. Gigazoom is the term the company Gigapan uses for it. Edit: It being the thing the OP wants to do.

BoB
 
  • Like
Likes BillTre
  • #16
BillTre said:
It was at Kalaloch Lodge at Olympic National Park.
That was another place that came to mine, but didn't list. I've stayed there a couple of times. My first teaching job was at Amanda Park, and three of my students lived at Kalaloch -- their father was the ranger at the Olympics Nat'l Park office there.
BillTre said:
South of La Push and just north of Queets. I took the picture in the morning from about 40 feet from their driveway, over about 5 feet of brush.
We stayed there a couple of days with some friends who had circumnavigated the penninsula.

I find out from Google Maps that the "river" is actually Kalaloch Creek.
I guess I was giving it the benefit of a doubt because of all the big stumps laying around.
It was during summer and the water flows seemed small at that time.

The Olympic Peninsula is really a special place. Its easy to find things growing on things, growing on things, growing dead stuff there.
Ecology made obvious.
 
  • #17
Microsoft had https://photosynth.net/ a while back.
I haven't kept up to see what is new.
When it was introduced, users can contribute photos of scene from different vantage points.
Software would stitch them together to provide a view in a 3D world that can be explored in a browser.
 

1. What are the different types of big image display options?

There are typically three main types of big image display options: zoom, pan, and carousel. Zoom allows users to magnify specific parts of the image, pan allows users to move the image around, and carousel displays multiple images in a slideshow format.

2. How do I know which big image display option is best for my website?

The best option depends on the purpose of your website and the type of images you want to display. Zoom is useful for showcasing detailed products, pan is great for showing large images in detail, and carousel is ideal for displaying a variety of images in a visually appealing way.

3. Can I use multiple big image display options on my website?

Yes, you can use multiple display options on your website. For example, you could have a zoom feature on your product pages and a carousel on your homepage. However, it's important to consider the overall design and user experience to avoid overwhelming visitors.

4. Are there any accessibility concerns with big image display options?

Yes, it's important to ensure that all users, including those with disabilities, can access and interact with the big image display options. This can be achieved by providing alternative text for images, keyboard accessibility, and compatibility with screen readers.

5. Are there any limitations to using big image display options?

Some limitations to consider when using big image display options include loading time, compatibility with different devices and browsers, and potential visual clutter. It's important to test and optimize the display options for the best user experience.

Similar threads

  • Computing and Technology
Replies
0
Views
174
Replies
62
Views
3K
  • Astronomy and Astrophysics
7
Replies
226
Views
11K
  • General Discussion
Replies
11
Views
2K
  • Computing and Technology
Replies
5
Views
4K
  • Special and General Relativity
Replies
6
Views
1K
  • Electrical Engineering
Replies
7
Views
1K
  • Computing and Technology
Replies
6
Views
12K
  • DIY Projects
Replies
5
Views
2K
  • General Discussion
Replies
3
Views
4K
Back
Top