Extracting and Collecting
Images for Your Page

How to extract images from Webpages and Email and add them to your site.





In this tutorial I will explain how to collect images you find on the web and add them to your site. Since I have already covered how to put images on your page in the
HTML for Webpages page on IMAGES, I won't be going into that here.

There are several ways to extract and collect images. The key lies in finding the URL of the image in the source codes of the page it appears on. This can be done by using a Source Viewer or an Image Extractor. You can find two of each of these on my TOOLS PAGE by scrolling down just below the HTML Testbed. In this tutorial we will only use the image extractors. The first one is the button on the right labeled View Images which uses "Dr. HTML", and the other one is labeled Image Filedex which uses "Filedex".

I won't discuss here all the different ways to get images but only the quickest and simplest way that I use. The first thing you need to do is to go to my TOOLS PAGE and save it to your Favorites Folder, then assign it to an F key. The reason for this will become clear as you read on. It is also very helpful if you have your favorite transloader on another F key.

Now we're ready to begin collecting images.

Go to the page that has the images you want. If this is an "image site" that offers backgrounds and images for the taking then you won't need to use the Tools Page but you will need the Transloader. On these type of sites they usually show the image URLs or have clickable thumbnails which will bring up the image file and display only the image. In that case your can use your GO TO button and click on SHOW LAST to get the image url, then copy and paste it into the transloader, or while viewing the image, just hit your Transloader F key to automatically load the URL into the Transloader. Need I mention that the next thing to do is to transload the image to your site?...lol

What if the image only appears on a Webpage as just a part of the page?

This is where you will use the Tools Page. Go to the webpage where the image appears. After the page loads, hit your F key for the Tools Page. The URL of the page you were viewing will be automatically entered into the submission forms on the Tools Page. Just click on one of the Image Viewers and when the next page loads, it will show all of the images from the page along with the URLs. Find the image you want and click on the URL above it. The image will now load onto your screen. Hit your Transloader F key and the image will be on it's way to your site.

If you don't have the Tools Page and Transloader on your F keys then your will have to copy and paste the URLs from the image into the submission forms. Only the last page you were viewing will be automaticall entered. That is why we use the F keys for the utilities.


This method will work with most email attachments whether they come from Webtv or a computer providing they are gif or jpg images. It works with other file types too but Webtv won't be able to load them so we on Webtv can't use them.

Too pull image attachments off of email pages you will need a mail account at either Eudoramail or Mailcity. Both of these mail servers are at the bottom of my Logins Page. When you have an email attachment you want to extract, first forward it to your Eudoramail or Mailcity address, then go to your account and wait for it to appear in your mailbox. You may have to reload from time to time to see if it's there yet.

When your forwarded mail arrives, open the message, then click on download in the navagation bar at the top of the page. In some cases with Webtv you won't see the word "download" because the page is compressed to fit on our screens. You will only see buttons that show....
(r....) (f....) (d....) (d....) (m.....)
The first (d....) is for "discard" and the one on the right is for "download". Don't hit the wrong one by mistake. When the next page loads it will show the email broken down into separate items. Usually at the bottom of the breakdown will be the attachment shown as a "picture attachment" and the name of the attachment. Click on it and the attachment will load to your screen. Then do the same as above with your Transloader F key and the image will be loaded into the Transloader and on it's way to your site.


This involves 3 basic steps. Upload the pic to your scrapbook, create a page for the pic, publish the page.

1. While the entire email with the attachment is on your screen, click "Scrapbook" in the sidebar.
2. A pop-up will appear, click "Add to Scrapbook".
3. A new pop-up will appear to confirm the upload. Click "View Scrapbook".

1. Click "Create" in the sidebar.
2. Click on your choice of background for the page. (there are several pages of choices. Use the buttons at the top to see the next page of bg choices.
3. Click "Add an item".
4. Click "Picture".
5. Click "From Scrapbook".
6. Click on the pic you just uploaded.

1. Click "Publish" in the sidebar.
2. Type in your page title. (Keep this short and only one word. This entry will become the filename for this page and will be part of the URL.)
3. Skip the description box and click "Done" The checkbox for public listing is optional. If left checked, this page will show in your public index listing.
4. The next page will show the URL for your page at the top. Click on the URL and now you can copy and paste it using "go-to / show last".

Additionally, if you want to use only the pic and not the page you created for it, you can do the following after first publishing the page.

Take the URL, for example:

Add to it:
scrapbookFiles/mailedD#.jpg (or gif, whichever applies) Change the underscore shown in your scrapbook just before "jpg" to a period.

The "#" is replaced with the image number shown in your scrapbook, or in the title bar when you click on the image.

The final URL for the pic should look like this if I did it right. (Since I use my website for this sort of thing, I'm not real familliar with using the PageBuilder Scrapbook)


That should work to go directly to the image. If it doesn't then I guess I'm in trouble and better stick to real website building. This method can also be used to get the image URL for transloading to your real site.

This page is written and Copyrighted by Techniguy
All rights reserved.