Skip to main content

How to Embed Large Photos In Web Pages

Say you have an extremely long screenshot image or a high resolution photograph (like a 360° panoramic image) that you want to embed in web pages.

The standard IMG tag may not be the best approach when inserting really big photos because 1) wide images break the layout of your web page as they span outside the standard width and 2) large images are heavy in size so you web page loading time will become much higher.

If you were to insert such a big image in you web page, a very neat option is Zoomify which you can see in action below - your visitors can view (or even zoom, pan and scroll) the gigantic image in full resolution without leaving the current web page.

Update: Zoomify is no longer free but you embed large images using Google Maps tiles or with the help of zoom.it.

And since Zoomify renders the image in Flash, it's another good alternative for webmaster to prevent casual downloading of their images. Like Google Maps, the large image loads in tiles and only the visible portions are downloaded on the visitor's computer so the waiting time is reduced quite a bit.

You download a small executable from Zoomify website and pass on the image that would embed in the web page. Zoomify will slice it into tiles and you can upload the to any web space. Then you add a small Flash code to your web page that embed the Zoomify Flash image viewer. That's it. Everything is configurable including the initial zoom, menu bar, etc.

Zoomify is a commercial software but they provide a free version called Zoomify Express which is good enough for most of us - no restrictions, no image watermarks. Available for both Mac and Windows.

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include...

Firefox Keyboard Shortcuts for Power Users

All features in Mozilla Firefox browser are accessible through the use of the keyboard. You can use shortcut keys to view and save Web pages, search the web, open new webpages, work with bookmarks, or find text on the current webpage. Some of the most common keyboard shortcuts in Mozilla Firefox are Ctrl+N (to open a new Firefox window), Ctrl+T (to open a new tab), Ctrl+F4 (to close the current tab) and Ctrl+S to save the current webpage. Mozilla Firefox supports many more powerful keyboard shortcuts. For instance, by pressing a simple key combination, you can manually delete autocomplete entries from the Firefox location bar or Web forms. I am sharing a list of my favorite Mozilla Firefox Keyboard Shortcuts that make web browsing with Firefox even more fun . And you also save your precious time as navigating through several layers of Firefox Toolbar menus is no longer necessary. 1. Web Search Ctrl+K moves the cursor to the Search Bar. You can then type in the terms you wish to fin...

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.