Photo management with Publisher 2007

[karen3b]

I do not have sufficient knowledge about photo management & security in order
to understand or implement the Publisher Help topic of:
"Reduce download times by adding thumbnail images to a Web page".

Photos illuminate the topic of my website. Before (treatment) & After
(treatment) pictures are really important when:
a) there's good-enough resolution to see at least some of the
difference;
b) they are clinical pix;
c) they haven't been touched up or altered.
These are not glamorous pictures, nor are they pix of models -- but of every
day people who have graciously given permission to have their photos used for
this purpose.

Some of my concerns/questions are about security:
1. Is there any way of preventing folks from lifting off such a pic &
then messing with it? photoshopping in transformations, distortions,
improvements?
2. I wouldn't have to set up 'network sharing', would I? I think that
photos on a page doesn't allow the same security as no photos? Or am I
totally mixing metaphors/concepts? could be, could be.

And here's the one concrete procedure question that I can formulate right now:
-- Would I be using 'picture display' function, where there are 3
format choices -- Detailed, Fast resize or Hide?

I think that I've got questions about Content Library & Clipboard, too.

And I'm not quite sure how the Insert, Object, Object Type [Adobe Photoshop
Elements]: either Create New or Create From File (yes, I know the explanation
is 'activate object using program that was used to create it -- but I don't
know what that really means/what impact that has on loading time &
accessibility). And then there's the 'Display as Icon' checkbox.

When I searched on this website, nothing came up under Thumbnails or Photos
for Pub 2007. What other search terms might I use? Do you know of a
particularly applicable series of Q&As that have already been published?

Oh -- and I do have the 'normal' display pictures that need to be placed in
the upper left corner of each page.

That's a beginning set of questions. Please use lots of spaces & non-tech
language for those of us who aren't up to speed! <g>

Karen

 

[Rob Giordano [MS MVP]]

inline...

--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression

I do not have sufficient knowledge about photo management & security in
order
to understand or implement the Publisher Help topic of:
"Reduce download times by adding thumbnail images to a Web page".

It means use a thumbnail for general display, if you want a larger view link
the thumbnail to a larger image which gives the viewer an option to see
bigger pic.

Photos illuminate the topic of my website. Before (treatment) & After
(treatment) pictures are really important when:
a) there's good-enough resolution to see at least some of the
difference;
b) they are clinical pix;
c) they haven't been touched up or altered.
These are not glamorous pictures, nor are they pix of models -- but of
every
day people who have graciously given permission to have their photos used
for
this purpose.

Some of my concerns/questions are about security:
1. Is there any way of preventing folks from lifting off such a pic &
then messing with it? photoshopping in transformations, distortions,
improvements?
2. I wouldn't have to set up 'network sharing', would I? I think
that
photos on a page doesn't allow the same security as no photos? Or am I
totally mixing metaphors/concepts? could be, could be.

There's little security on the web; if a viewer can see it...they can get
it. Use low resolution (72 or 96 ppi) and small dimensional sizes where if
someone did steal it there's little they could do with it. You can also
watermark it. Avoid, at all costs, the use of no-right click scripts - they
don't work but they do piss people off.

Make your images the dimensions you need for your design, in your image
editor, then optimize them before use in Pub.

And here's the one concrete procedure question that I can formulate right
now:
-- Would I be using 'picture display' function, where there are 3
format choices -- Detailed, Fast resize or Hide?

Applies only to what you see IN Publisher when creating your design, nothing
to do with the web.

I think that I've got questions about Content Library & Clipboard, too.

And I'm not quite sure how the Insert, Object, Object Type [Adobe
Photoshop
Elements]: either Create New or Create From File (yes, I know the
explanation
is 'activate object using program that was used to create it -- but I
don't
know what that really means/what impact that has on loading time &
accessibility). And then there's the 'Display as Icon' checkbox.

Don't insert as an Object, just insert your .jpg, .gif, or .png images into
your design.

When I searched on this website, nothing came up under Thumbnails or
Photos
for Pub 2007. What other search terms might I use? Do you know of a
particularly applicable series of Q&As that have already been published?

Oh -- and I do have the 'normal' display pictures that need to be placed
in
the upper left corner of each page.

Not sure what you have, or what you mean.

 

[Spike]

Karen

Bottom line: If you display an image on a web site it is available for
anyone to take and do what ever they please. It may not be legal but that
is the reality of images on the web.

Spike.

 

[DavidF]

Karen,

You have a two replies that answer most of your questions. I can get into
some more stuff that would explain how Publisher works with pictures, but
would you please explain in more details exactly what you are wanting to do
with your pictures? We can give you more specific instructions on how to
create a thumbnail that is linked to a full sized image if that is what you
want. But it seems that you want a before and after side by side for
comparison sake, and comparing a thumbnail version of a before picture to a
full sized image of the after pictures doesn't seem to me to accomplish your
goals. Explain how you were envisioning having these before and after
pictures in your web, and how many of them? Also are your original pictures
72 dpi or 96 dpi or higher resolution?

DavidF

I do not have sufficient knowledge about photo management & security in
order
to understand or implement the Publisher Help topic of:
"Reduce download times by adding thumbnail images to a Web page".

Photos illuminate the topic of my website. Before (treatment) & After
(treatment) pictures are really important when:
a) there's good-enough resolution to see at least some of the
difference;
b) they are clinical pix;
c) they haven't been touched up or altered.
These are not glamorous pictures, nor are they pix of models -- but of
every
day people who have graciously given permission to have their photos used
for
this purpose.

Some of my concerns/questions are about security:
1. Is there any way of preventing folks from lifting off such a pic &
then messing with it? photoshopping in transformations, distortions,
improvements?
2. I wouldn't have to set up 'network sharing', would I? I think
that
photos on a page doesn't allow the same security as no photos? Or am I
totally mixing metaphors/concepts? could be, could be.

And here's the one concrete procedure question that I can formulate right
now:
-- Would I be using 'picture display' function, where there are 3
format choices -- Detailed, Fast resize or Hide?

I think that I've got questions about Content Library & Clipboard, too.

And I'm not quite sure how the Insert, Object, Object Type [Adobe
Photoshop
Elements]: either Create New or Create From File (yes, I know the
explanation
is 'activate object using program that was used to create it -- but I
don't
know what that really means/what impact that has on loading time &
accessibility). And then there's the 'Display as Icon' checkbox.

When I searched on this website, nothing came up under Thumbnails or
Photos
for Pub 2007. What other search terms might I use? Do you know of a
particularly applicable series of Q&As that have already been published?

Oh -- and I do have the 'normal' display pictures that need to be placed
in
the upper left corner of each page.

That's a beginning set of questions. Please use lots of spaces & non-tech
language for those of us who aren't up to speed! <g>

Karen

 

[karen3b]

Hi, David ~

I've got a couple of different applications for images on my website. [I
know that I don't have the tech language for this topic -- so I hope that you
can interpret this into Pub 2007-coding-tech language. I could find the dpi
value for only one set of images.]

I think the easiest application is the pix I'm using on ea page: in the
upper left corner of ea page is a picture of a professional model [except on
the About Us page, when it's a pic of me (4513 KB & why is it so big? I
certainly do not want/need that much resolution) -- definitely not a
professional model!]. I've just copied & pasted those pix in place. There's
about
14 of those, @ 20-60 KB ea.

Then I have images of various versions of Splendid Faces logo -- copied &
pasted again. Again those are part of the page structure and are on every
page --

one @ the top (@ 16 KB ea) x 14 pages
one@ the bottom (@ 65 KB ea) x 14 pages.


Plus I have images of CareCredit on various pages --

1 animated vertical banner @ 20 KB,
2 animated horizontal banners @ 19.4 KB ea,
4 static buttons @ 7 K ea;
1 video @ 7.72 MB via zip;
1 payment calculator @ 784 bytes via zip.

I've already described the 3 dynamic ones, which will be accessed via text
on my website. So those don't really count -- right?

Then there are images of product (that the manufacturers have sent me for
use on line). I can go a couple of directions with product:

pix of ea different product + description for 3+ lines (~ 50 images );
OR
rotate one product from each line every other week so there would be ~
7-10 images.
If all the manufacturers use similarly sized images --
one image is 150 dbi.jpg


Then there are the clinical pictures. I now have the before-and-afters
(b&a) on one canvas, so they will come up together. I haven't yet given them
a unified look -- such as the same frame style & same text on each one.
Given that:

Allergan for Botox & Juvedem = 8-10 @ ~150 KB ea (1268x1268) +

mine = 2-5 @ ~ 236 KB ea for moderate size OR
~ 1766 KB for max size ( both are in jpeg format)
(and I'd like to double that number, as I have time to get them into web
format).

I hope that gives you the detail you need.

--
karen3b

Karen,

You have a two replies that answer most of your questions. I can get into
some more stuff that would explain how Publisher works with pictures, but
would you please explain in more details exactly what you are wanting to do
with your pictures? We can give you more specific instructions on how to
create a thumbnail that is linked to a full sized image if that is what you
want. But it seems that you want a before and after side by side for
comparison sake, and comparing a thumbnail version of a before picture to a
full sized image of the after pictures doesn't seem to me to accomplish your
goals. Explain how you were envisioning having these before and after
pictures in your web, and how many of them? Also are your original pictures
72 dpi or 96 dpi or higher resolution?

DavidF

I do not have sufficient knowledge about photo management & security in
order
to understand or implement the Publisher Help topic of:
"Reduce download times by adding thumbnail images to a Web page".

Photos illuminate the topic of my website. Before (treatment) & After
(treatment) pictures are really important when:
a) there's good-enough resolution to see at least some of the
difference;
b) they are clinical pix;
c) they haven't been touched up or altered.
These are not glamorous pictures, nor are they pix of models -- but of
every
day people who have graciously given permission to have their photos used
for
this purpose.

Some of my concerns/questions are about security:
1. Is there any way of preventing folks from lifting off such a pic &
then messing with it? photoshopping in transformations, distortions,
improvements?
2. I wouldn't have to set up 'network sharing', would I? I think
that
photos on a page doesn't allow the same security as no photos? Or am I
totally mixing metaphors/concepts? could be, could be.

And here's the one concrete procedure question that I can formulate right
now:
-- Would I be using 'picture display' function, where there are 3
format choices -- Detailed, Fast resize or Hide?

I think that I've got questions about Content Library & Clipboard, too.

And I'm not quite sure how the Insert, Object, Object Type [Adobe
Photoshop
Elements]: either Create New or Create From File (yes, I know the
explanation
is 'activate object using program that was used to create it -- but I
don't
know what that really means/what impact that has on loading time &
accessibility). And then there's the 'Display as Icon' checkbox.

When I searched on this website, nothing came up under Thumbnails or
Photos
for Pub 2007. What other search terms might I use? Do you know of a
particularly applicable series of Q&As that have already been published?

Oh -- and I do have the 'normal' display pictures that need to be placed
in
the upper left corner of each page.

That's a beginning set of questions. Please use lots of spaces & non-tech
language for those of us who aren't up to speed! <g>

Karen

 

[DavidF]

Karen,

Obviously your site is going to be very image intensive, so the main thing
to keep in mind is that you need to 'optimize' the images for the web so
that your pages load as quickly as possible and don't use more images than
you need. You can optimize your images two basic ways...by doing it in a
third party image program before you insert the image, or by using the
compress pictures feature in Pub 2007.

It doesn't sound like 'thumbnailing' is necessary a technique you need to
use, but if you read the article a bit closer the procedure is fairly
simple. You create a small image that you insert into your page that would
be fairly fast loading, and then provide a link to a larger version of the
same picture for those who want to see it. One recommended way of
implementing that is to create a folder on your webhost server called
'images' at the same directory level as your Publisher web files...the
'index.htm' file (your home page) and the 'index_files' folder (which
contains all your other pages and the supporting graphics that you inserted
into each page), and upload your larger images to the new 'images' folder.
Then you provide a link from your smaller thumbnail pictures to the large
pictures: http://www.yourdomain.com/images/yourbigimage.jpg
You will have to decide where or when to use this technique.

You also need to understand that when you insert a large image such as that
4.513 MB image of yourself, and change the size of the picture box that does
not change the size of the picture file you inserted. If you were to upload
that page as it was then it would take a viewer with a dial-up internet
connection approximately 20 to 25 minutes for them to load that one
image...5 minutes per MB. Obviously this isn't going to work, and that is
why you need to 'optimize' the image either before or after you insert it.

Your easiest solution at this point is to use the compress pictures function
in Publisher after your insert all your images. After you get all your
images inserted into your publication and the image box sized as you want
it, then you compress the image. This will resize and resample the image to
a 96 dpi version of the image.

Reference: Compress Pictures dialog box (2007):
http://office.microsoft.com/en-us/help/HA100363901033.aspx?pid=CL100605171033

One point I should make is that if you read other references about how to
optimize your images for the web, they will suggest a 72dpi image, but as I
said above Publisher uses 96dpi. This means in practical terms that if you
use a third party image editor to resample, resize and optimize your images
before you insert them, then you should save them at 96 dpi, not 72 dpi. You
probably have an image editing program on your computer, but if you don't
then www.irfanview.com has a good freebie. Fair warning, image editing is
another open ended subject so for the short term you probably should use the
compress graphics tool in Publisher.

One thing I noticed in your list of 'images' that you planned on using
raised a yellow flag for me. You said you were going to insert "1 video @
7.72 MB via zip and 1 payment calculator @ 784 bytes via zip". You won't
insert those. You can't insert a zipper file or folder. You will provide a
link to those for the viewer to download those as an option. Read this
reference: Including external files in a Publisher web:
http://msmvps.com/blogs/dbartosik/archive/2006/01/07/80561.aspx

And finally, here is a reference that will help you test your final pages to
see how fast they are going to download depending on the internet
connection:
Reference: Web Page Load Time Speed Analysis:
http://www.websiteoptimization.com/services/analyze/

Hope these general comments help. Good luck.

DavidF

Hi, David ~

I've got a couple of different applications for images on my website. [I
know that I don't have the tech language for this topic -- so I hope that
you
can interpret this into Pub 2007-coding-tech language. I could find the
dpi
value for only one set of images.]

I think the easiest application is the pix I'm using on ea page: in the
upper left corner of ea page is a picture of a professional model [except
on
the About Us page, when it's a pic of me (4513 KB & why is it so big? I
certainly do not want/need that much resolution) -- definitely not a
professional model!]. I've just copied & pasted those pix in place.
There's
about
14 of those, @ 20-60 KB ea.

Then I have images of various versions of Splendid Faces logo -- copied &
pasted again. Again those are part of the page structure and are on every
page --

one @ the top (@ 16 KB ea) x 14 pages
one@ the bottom (@ 65 KB ea) x 14 pages.


Plus I have images of CareCredit on various pages --

1 animated vertical banner @ 20 KB,
2 animated horizontal banners @ 19.4 KB ea,
4 static buttons @ 7 K ea;
1 video @ 7.72 MB via zip;
1 payment calculator @ 784 bytes via zip.

I've already described the 3 dynamic ones, which will be accessed via text
on my website. So those don't really count -- right?

Then there are images of product (that the manufacturers have sent me for
use on line). I can go a couple of directions with product:

pix of ea different product + description for 3+ lines (~ 50 images );
OR
rotate one product from each line every other week so there would be ~
7-10 images.
If all the manufacturers use similarly sized images --
one image is 150 dbi.jpg


Then there are the clinical pictures. I now have the before-and-afters
(b&a) on one canvas, so they will come up together. I haven't yet given
them
a unified look -- such as the same frame style & same text on each one.
Given that:

Allergan for Botox & Juvedem = 8-10 @ ~150 KB ea (1268x1268) +

mine = 2-5 @ ~ 236 KB ea for moderate size OR
~ 1766 KB for max size ( both are in jpeg
format)
(and I'd like to double that number, as I have time to get them into web
format).

I hope that gives you the detail you need.

--
karen3b

Karen,

You have a two replies that answer most of your questions. I can get into
some more stuff that would explain how Publisher works with pictures, but
would you please explain in more details exactly what you are wanting to
do
with your pictures? We can give you more specific instructions on how to
create a thumbnail that is linked to a full sized image if that is what
you
want. But it seems that you want a before and after side by side for
comparison sake, and comparing a thumbnail version of a before picture to
a
full sized image of the after pictures doesn't seem to me to accomplish
your
goals. Explain how you were envisioning having these before and after
pictures in your web, and how many of them? Also are your original
pictures
72 dpi or 96 dpi or higher resolution?

DavidF

I do not have sufficient knowledge about photo management & security in
order
to understand or implement the Publisher Help topic of:
"Reduce download times by adding thumbnail images to a Web page".

Photos illuminate the topic of my website. Before (treatment) & After
(treatment) pictures are really important when:
a) there's good-enough resolution to see at least some of the
difference;
b) they are clinical pix;
c) they haven't been touched up or altered.
These are not glamorous pictures, nor are they pix of models -- but of
every
day people who have graciously given permission to have their photos
used
for
this purpose.

Some of my concerns/questions are about security:
1. Is there any way of preventing folks from lifting off such a pic
&
then messing with it? photoshopping in transformations, distortions,
improvements?
2. I wouldn't have to set up 'network sharing', would I? I think
that
photos on a page doesn't allow the same security as no photos? Or am I
totally mixing metaphors/concepts? could be, could be.

And here's the one concrete procedure question that I can formulate
right
now:
-- Would I be using 'picture display' function, where there are 3
format choices -- Detailed, Fast resize or Hide?

I think that I've got questions about Content Library & Clipboard, too.

And I'm not quite sure how the Insert, Object, Object Type [Adobe
Photoshop
Elements]: either Create New or Create From File (yes, I know the
explanation
is 'activate object using program that was used to create it -- but I
don't
know what that really means/what impact that has on loading time &
accessibility). And then there's the 'Display as Icon' checkbox.

When I searched on this website, nothing came up under Thumbnails or
Photos
for Pub 2007. What other search terms might I use? Do you know of a
particularly applicable series of Q&As that have already been
published?

Oh -- and I do have the 'normal' display pictures that need to be
placed
in
the upper left corner of each page.

That's a beginning set of questions. Please use lots of spaces &
non-tech
language for those of us who aren't up to speed! <g>

Karen

 

[Eric James]

optimize your images for the web, they will suggest a 72dpi image, but as I

said above Publisher uses 96dpi.

David,
I'd guess from this that you don't really understand how computer displays,
printing and images work, but you'd do well to try to understand and explain
this further. "dpi" values for digital images have no useful meaning unless
there is a physical size involved, like 6x4 inches, for example (which leads
one to an actual size in pixels). Computer displays and printers, however,
have a "dpi" value (although with colour and greyscales things get a little
more complicated) and so a picture displayed or printed (at a certain size)
will have a dpi value. For image display purposes though, what matters is
the size in pixels, and the actual size an image is displayed at depends
upon the display resolution (in dpi).
If you weren't confused before, maybe you are now.
To complicate the issue, some image formats (like Tiff) can contain embedded
data stating what the physical image size should be - usually emanating from
scanning software which records the size of the original image. Not many
programs take much notice of this though, but top-end programs like
Photoshop, Quark Xpress & InDesign certainly would.
The references to 72dpi and 96dpi which are often seen are historical relics
relating to early dtp programs on the Apple Macintosh, where a picture
scanned at those resolutions might appear at roughly the original size on
the display screen of the time.
Publisher, as such, does not "use" any sort of image resolution - it will
simply resample an image to create the required image size (in pixels) on
the chosen output device. In the case of screen display (as in web pages),
it may well assume that the screen resolution is 72 or 96 dpi in order to
achieve that, however.

(A full understanding of this topic however is beyond the scope of this
post - as I intimated earlier further complications set in when considering
colour and grey scales, when an additional measure of "lpi" (lines per inch)
is used in the print world, which determines the range of possible greys &
colour which can be rendered.)