PSP 7.0 "making thumbnails"

PSP 7.0 "making thumbnails"

Post by Mike Murra » Wed, 29 Nov 2000 13:38:45



        I just purchased Paint Shop Pro 7.0.  I'm having a devil of a time trying
to make "click able" thumbnails that I see in so many Web pages.  Heck, I can't
even make a thumbnail to begin with.  And I don't mean the thumbnail page for
editing and moving files.

        Do you have to "resize" each picture and if so how do you use that "new"
sized picture so that it is Web "click able" into the "regular" sized one.

        I truly thought that this would be a straight forward and easy procedure
but after "playing" with paint shop for over two hours, I give up.

        All help will be greatly appreciated.

Mike

 
 
 

PSP 7.0 "making thumbnails"

Post by JaGo » Wed, 29 Nov 2000 14:17:59



Quote:> I just purchased Paint Shop Pro 7.0.  I'm having a devil of a time trying
> to make "click able" thumbnails that I see in so many Web pages.  Heck, I
can't
> even make a thumbnail to begin with.  And I don't mean the thumbnail page
for
> editing and moving files.

> Do you have to "resize" each picture and if so how do you use that "new"
> sized picture so that it is Web "click able" into the "regular" sized
one.

> I truly thought that this would be a straight forward and easy procedure
> but after "playing" with paint shop for over two hours, I give up.

> All help will be greatly appreciated.

> Mike

Yes, the image needs to be resized to physically reduce it's dimensions.
Find the controls under Image > Resize

Before you resize the image, Duplicate it (Window > Duplicate) and work on
the dupe. You don't want to lose your original image in its larger size.

There are 3 options: Pixel, Percentage, or Actual/Print. You want to use
either of the first two.

Down below these options, you have your resize method. Most of the time,
you'll want to select Resize type: Smart resize.
And check mark Resize all layers, and Maintain Aspect Ratio (without this
last one, your image can end up looking like a 70 mm film reformatted for
TV viewing)

Save the resized image as a psp file, then export it as a jpeg. Use the
jpeg on your webpage, wrapping the <a href="your_page.html">....</a> tags
around your image.

Of course, if you're asking "How do I make my images link to another
webpage", well, that's a whole nother lesson.

Hope this helped.
--
James G
http://www.crosswinds.net/~jgphoto/

"Macros for the Masses"

 
 
 

PSP 7.0 "making thumbnails"

Post by Kris Zaklik » Wed, 29 Nov 2000 04:00:00


JaGo's advice is good. However, from your post it seems like you
believe that a thumbnail being "clickable" is somehow a property
of the thumbnail. It is not. (A thumbnail is just an image, though
a small one.) In order for a thumbnail on a web page to be clickable
and bring up a bigger image (or another web page or some music)
you must write HTML code to make it do this. This is too long a
subject to describe in a post. You can find plenty of introductory
explanations of HTML on the web to guide you through this.

Kris




> > I just purchased Paint Shop Pro 7.0.  I'm having a devil of a time trying
> > to make "click able" thumbnails that I see in so many Web pages.  Heck, I
> can't
> > even make a thumbnail to begin with.  And I don't mean the thumbnail page
> for
> > editing and moving files.

> > Do you have to "resize" each picture and if so how do you use that "new"
> > sized picture so that it is Web "click able" into the "regular" sized
> one.

> > I truly thought that this would be a straight forward and easy procedure
> > but after "playing" with paint shop for over two hours, I give up.

> > All help will be greatly appreciated.

> > Mike

> Yes, the image needs to be resized to physically reduce it's dimensions.
> Find the controls under Image > Resize

> Before you resize the image, Duplicate it (Window > Duplicate) and work on
> the dupe. You don't want to lose your original image in its larger size.

> There are 3 options: Pixel, Percentage, or Actual/Print. You want to use
> either of the first two.

> Down below these options, you have your resize method. Most of the time,
> you'll want to select Resize type: Smart resize.
> And check mark Resize all layers, and Maintain Aspect Ratio (without this
> last one, your image can end up looking like a 70 mm film reformatted for
> TV viewing)

> Save the resized image as a psp file, then export it as a jpeg. Use the
> jpeg on your webpage, wrapping the <a href="your_page.html">....</a> tags
> around your image.

> Of course, if you're asking "How do I make my images link to another
> webpage", well, that's a whole nother lesson.

> Hope this helped.
> --
> James G
> http://www.crosswinds.net/~jgphoto/

> "Macros for the Masses"

--
----------------------------------------------------------------------
Kris Zaklika                                       Jasc Software, Inc.

----------------------------------------------------------------------
 
 
 

PSP 7.0 "making thumbnails"

Post by Gary » Wed, 29 Nov 2000 04:00:00


May I suggest a program called "Irfanview". It is freeware and widely known
as a great image viewer. But it has other abilities. One of which is a thumb
generator, it will produce a page of thumbs from within a folder of images.
And will generate the code to use these thumbs on a web page if wanted. Not
sure if that's what you want, but I have found the program to be a great
addition to PSP7.

Gary
remove the "Mr." to reply to me by e-mail

 
 
 

PSP 7.0 "making thumbnails"

Post by henrys_ca » Wed, 29 Nov 2000 04:00:00


You can set the img tag in the HTML to display the image at any size, would
that help?
It would mean downloading the entire image just to see the thumbnail, howver
you could do this on an intranet or somesuch...

Not a good solution but it would work.


Quote:> May I suggest a program called "Irfanview". It is freeware and widely
known
> as a great image viewer. But it has other abilities. One of which is a
thumb
> generator, it will produce a page of thumbs from within a folder of
images.
> And will generate the code to use these thumbs on a web page if wanted.
Not
> sure if that's what you want, but I have found the program to be a great
> addition to PSP7.

> Gary
> remove the "Mr." to reply to me by e-mail

 
 
 

PSP 7.0 "making thumbnails"

Post by Mike Murra » Wed, 29 Nov 2000 04:00:00


        Many thanks to all and this post is exactly what I need and the information
is very much appreciated.

Mike


>May I suggest a program called "Irfanview". It is freeware and widely known
>as a great image viewer. But it has other abilities. One of which is a thumb
>generator, it will produce a page of thumbs from within a folder of images.
>And will generate the code to use these thumbs on a web page if wanted. Not
>sure if that's what you want, but I have found the program to be a great
>addition to PSP7.

>Gary
>remove the "Mr." to reply to me by e-mail

 
 
 

PSP 7.0 "making thumbnails"

Post by Chuck Anderso » Wed, 29 Nov 2000 04:00:00



>         Many thanks to all and this post is exactly what I need and the information
> is very much appreciated.

I like and use Irfanview also (for other things), but when it comes to making web
pages, I like to make my own.

Thumbnails linked to larger images are really very simple.

Yes, you *do* need to make your own thumbnail.  I resize to a height of 100 pixels and
let the width take care of itself (maintain aspect ratio).

Now I have two images:
1. image.jpg
2.image_thumb.jpg

The HTML is easy.  You make a hyperlink using your thumbnail image.

<a href=image.jpg>
   <img src="image_thumb.jpg" width=nnn height=100 border=0 alt="click here">
</a>

And note: when I want to display an image, I usually make a page for it, so the above
href would actually be to an HTML file (image.html).  In my HTML file, I make a black
background (in the BODY statement) and then center the image.  It looks much nicer this
way.


> >May I suggest a program called "Irfanview". It is freeware and widely known
> >as a great image viewer. But it has other abilities. One of which is a thumb
> >generator, it will produce a page of thumbs from within a folder of images.
> >And will generate the code to use these thumbs on a web page if wanted. Not
> >sure if that's what you want, but I have found the program to be a great
> >addition to PSP7.

> >Gary
> >remove the "Mr." to reply to me by e-mail

--
**********************************************
 Chuck Anderson ? Boulder, CO    CycleTourist at
 http://www.CycleTourist.com     worldnet.att.net
 Tolerance is recognizing that other people have different ideals
 and needs than you. Compromise is acting on that knowledge.
 ***********************************************************
 
 
 

PSP 7.0 "making thumbnails"

Post by Mike Murra » Thu, 30 Nov 2000 11:42:07


        I want to thank everyone again and to see my results take a look at:

"http://www.atmos-man.com/banjo.htm"

        I used Front Page for the thumbnails and wrote the HTML after Front Page
wrote the "local" HTML.  

         Irfanview was a big help but it crashed each time it tried to write the
HTML, so I went another way and received an education along the way.

Thanks again.

Mike



>>         Many thanks to all and this post is exactly what I need and the information
>> is very much appreciated.

>I like and use Irfanview also (for other things), but when it comes to making web
>pages, I like to make my own.

>Thumbnails linked to larger images are really very simple.

>Yes, you *do* need to make your own thumbnail.  I resize to a height of 100 pixels and
>let the width take care of itself (maintain aspect ratio).

>Now I have two images:
>1. image.jpg
>2.image_thumb.jpg

>The HTML is easy.  You make a hyperlink using your thumbnail image.

><a href=image.jpg>
>   <img src="image_thumb.jpg" width=nnn height=100 border=0 alt="click here">
></a>

>And note: when I want to display an image, I usually make a page for it, so the above
>href would actually be to an HTML file (image.html).  In my HTML file, I make a black
>background (in the BODY statement) and then center the image.  It looks much nicer this
>way.


>> >May I suggest a program called "Irfanview". It is freeware and widely known
>> >as a great image viewer. But it has other abilities. One of which is a thumb
>> >generator, it will produce a page of thumbs from within a folder of images.
>> >And will generate the code to use these thumbs on a web page if wanted. Not
>> >sure if that's what you want, but I have found the program to be a great
>> >addition to PSP7.

>> >Gary
>> >remove the "Mr." to reply to me by e-mail


             Mike Murray        Founder of Clocksmiths

A specialist in Atmos and 400-day (anniversary) clock repair.
Also, I overhaul most plug in electric clocks.

An Atmos and Anniversary Clock Instructor!
"http://www.atmos-man.com/atmosin.html"
"http://www.atmos-man.com/400dayin.html"

My main Web site is located at "http://www.atmos-man.com/"

Main FTP site is located at "http://home.earthlink.net/~atmosman/earthftp.html"

 
 
 

PSP 7.0 "making thumbnails"

Post by Chuck Anderso » Thu, 30 Nov 2000 14:17:32


I had to take a look, as Front Page can create some pretty messy HTML.  Your files, however,
and the resultant page look good.

There are two things I'll mention:

1. You are using absolute URLs to point to your images.  It is more efficient (less
characters - slightly smaller files) and easier to make changes if you you use relative
URLs.  What that means is, use rim00001.jpg instead of
http://www.atmos-man.com/rim00001.jpg.

As it is now, if you ever move the page to another domain you will have to change all of
those links and img tags.

2. Somehow (I know how - I've done it, too) you named your thumbnails image.jpg_t.jpg.
There is an extra .jpg in there that could end up causing some confusion later.

These are relatively minor issues, especially number 2, but since I took a look I though I'd
tell you what I saw.

I like the idea of putting the linked file's size in the alt tag.  That's a great courtesy
to your viewers.  I'll have to remember that one.


>         I want to thank everyone again and to see my results take a look at:

> "http://www.atmos-man.com/banjo.htm"

>         I used Front Page for the thumbnails and wrote the HTML after Front Page
> wrote the "local" HTML.

>          Irfanview was a big help but it crashed each time it tried to write the
> HTML, so I went another way and received an education along the way.

> Thanks again.

> Mike



> >>         Many thanks to all and this post is exactly what I need and the information
> >> is very much appreciated.

> >I like and use Irfanview also (for other things), but when it comes to making web
> >pages, I like to make my own.

> >Thumbnails linked to larger images are really very simple.

> >Yes, you *do* need to make your own thumbnail.  I resize to a height of 100 pixels and
> >let the width take care of itself (maintain aspect ratio).

> >Now I have two images:
> >1. image.jpg
> >2.image_thumb.jpg

> >The HTML is easy.  You make a hyperlink using your thumbnail image.

> ><a href=image.jpg>
> >   <img src="image_thumb.jpg" width=nnn height=100 border=0 alt="click here">
> ></a>

> >And note: when I want to display an image, I usually make a page for it, so the above
> >href would actually be to an HTML file (image.html).  In my HTML file, I make a black
> >background (in the BODY statement) and then center the image.  It looks much nicer this
> >way.


> >> >May I suggest a program called "Irfanview". It is freeware and widely known
> >> >as a great image viewer. But it has other abilities. One of which is a thumb
> >> >generator, it will produce a page of thumbs from within a folder of images.
> >> >And will generate the code to use these thumbs on a web page if wanted. Not
> >> >sure if that's what you want, but I have found the program to be a great
> >> >addition to PSP7.

> >> >Gary
> >> >remove the "Mr." to reply to me by e-mail


>              Mike Murray        Founder of Clocksmiths

> A specialist in Atmos and 400-day (anniversary) clock repair.
> Also, I overhaul most plug in electric clocks.

> An Atmos and Anniversary Clock Instructor!
> "http://www.atmos-man.com/atmosin.html"
> "http://www.atmos-man.com/400dayin.html"

> My main Web site is located at "http://www.atmos-man.com/"

> Main FTP site is located at "http://home.earthlink.net/~atmosman/earthftp.html"

--
**********************************************
 Chuck Anderson ? Boulder, CO    CycleTourist at
 http://www.CycleTourist.com     worldnet.att.net
 Tolerance is recognizing that other people have different ideals
 and needs than you. Compromise is acting on that knowledge.
 ***********************************************************
 
 
 

PSP 7.0 "making thumbnails"

Post by Mike Murra » Thu, 30 Nov 2000 04:00:00



>1. You are using absolute URLs to point to your images.  It is more efficient (less
>characters - slightly smaller files) and easier to make changes if you you use relative
>URLs.  What that means is, use rim00001.jpg instead of
>http://www.atmos-man.com/rim00001.jpg.

        I debated on that but I left it because it reminds me of the procedure
and I can move the JPG's to another directory in the future with little hassle.

Quote:>As it is now, if you ever move the page to another domain you will have to change all of
>those links and img tags.

        Understood but it is very doubtful that I'll be "turning" in my domain
name.

Quote:>2. Somehow (I know how - I've done it, too) you named your thumbnails image.jpg_t.jpg.
>There is an extra .jpg in there that could end up causing some confusion later.

        True but that's how both Irfan and Front Page choose to label them and I
did not what to fool around with that.

Quote:>These are relatively minor issues, especially number 2, but since I took a look I though I'd
>tell you what I saw.

>I like the idea of putting the linked file's size in the alt tag.  That's a great courtesy
>to your viewers.  I'll have to remember that one.

        Thanks but that too is Front Page generated and not very accurate because I
let Front Page do the first one then I wrote (copied) the rest.

Mike

 
 
 

PSP 7.0 "making thumbnails"

Post by marjo » Fri, 01 Dec 2000 04:00:00



>May I suggest a program called "Irfanview". It is freeware and widely known
>as a great image viewer. But it has other abilities. One of which is a thumb
>generator, it will produce a page of thumbs from within a folder of images.
>And will generate the code to use these thumbs on a web page if wanted. Not
>sure if that's what you want, but I have found the program to be a great
>addition to PSP7.

Another program which I think does a better job of making a nice page
of clickable thumbnails is Thumber - available at
http://members.tripod.com/~tawba/thumber.htm
I like Irfanview and use it a lot, but its web page has an ugly grey
background.  Thumber takes some experimenting, but you can set the
colors, thumbnail size, data to display and such for the page.  You
can also make the thumbnails a % of the size of the original image.

Here's a quick comparison of the two results (without the larger
photos that a click would take you to):

1.  Thumber thumbnails sample page
    http://i10.yimg.com/10/ac10a21/h/1c5dcc94/thumbs-2.htm
2.  IrfanView thumbnails sample pg
    http://i10.yimg.com/10/ac10a21/h/bcfc50ba/Thumbnails-2.html

And, you can edit either of the pages later to put in your own title,
etc. with Notepad or your choice of HTML editors.

Or, back to Irfanview - I haven't tried it but there's a batch
conversion feature that lets you resize multiple images to a new size
or by percentage, and also a batch rename process.  Looks like you'd
want to copy the photos to another folder, batch resize, then batch
rename to add _thumb or _t or whatever to the smaller image file
names.  This would avoid getting Irfanview's grey frame which looks
like a cardboard slide frame but uses up screen space around each
image.

Marjory
To reply, remove not.here. from e-mail address

 
 
 

PSP 7.0 "making thumbnails"

Post by Shirley A. Shar » Tue, 12 Dec 2000 04:03:46



>Another program which I think does a better job of making a nice page
>of clickable thumbnails is Thumber - available at
>http://members.tripod.com/~tawba/thumber.htm
>I like Irfanview and use it a lot, but its web page has an ugly grey
>background.  Thumber takes some experimenting, but you can set the

If you don't like the background color Irfan makes (In your source
code:   <body bgcolor="#C0C0C0">)

Just change the bgcolor to something else.  for Instance, in your
Thumber page the background color is:    "#98CBCB"

You can substitue that color (or any other in the code when you put it
into Notepad) [I use TextPad].  This is a very simple matter to do.

HTH,
Shyrl

Quote:>colors, thumbnail size, data to display and such for the page.  You
>can also make the thumbnails a % of the size of the original image.

>Here's a quick comparison of the two results (without the larger
>photos that a click would take you to):

>1.  Thumber thumbnails sample page
>    http://i10.yimg.com/10/ac10a21/h/1c5dcc94/thumbs-2.htm
>2.  IrfanView thumbnails sample pg
>    http://i10.yimg.com/10/ac10a21/h/bcfc50ba/Thumbnails-2.html

>And, you can edit either of the pages later to put in your own title,
>etc. with Notepad or your choice of HTML editors.

>Or, back to Irfanview - I haven't tried it but there's a batch
>conversion feature that lets you resize multiple images to a new size
>or by percentage, and also a batch rename process.  Looks like you'd
>want to copy the photos to another folder, batch resize, then batch
>rename to add _thumb or _t or whatever to the smaller image file
>names.  This would avoid getting Irfanview's grey frame which looks
>like a cardboard slide frame but uses up screen space around each
>image.

>Marjory
>To reply, remove not.here. from e-mail address


#########################################
 "Men occasionally stumble over truth,
 but most of them pick themselves up
 and hurry off as if nothing had happened."    
 (Winston Churchill)
###########################################

My dog now has her own Page.  Feel free to visit; she's
got some jokes,  some Doggie adages, and good links.

 http://geo.to/mandyspage