Re: Images on web look a little blurry

Pub 2003 makes copies of the images that you insert into the web page when
you convert to html. The theory is that the "best" copy will be rendered
depending upon which browser is used to view the page, and the image...with
dubious results.

For example it appears that you optimized your images in Photoshop to 72
dpi. If you view your home page in IE, then this is the image that is
displayed:
http://www.trishephoto.com/index_files/image314.jpg
That image is 850 X 1269 at 72 dpi and is 553 KB in size, and takes a little
over 2 minutes to load with my dial-up connection. However in FireFox, this
is the image that you see:
http://www.trishephoto.com/index_files/image3141.jpg
That version of your image is 271 X 401 at 96 dpi and is only 21 KB in size.
A much better, faster loading size.

If you want faster loading and better quality images and want to
insert/embed them in your Pub page, then start with an image that has been
optimized for 96 dpi, and resized in Photoshop so that you can insert the
image full size...100% scale. Use as much compression as possible to get
good quality but small file size...fast loading images. You might start with
~30% compression and see what that gives you. When you "Publish to the Web"
and produce your html the image will not be changed during the copying
process, and you will get the same image for both IE and FF.

If you insert an oversized image into a Pub page image box, and use the
Compress graphics feature, then Publisher will resample and resize the image
for you. If you started with a 72 dpi image, then it will convert it to a 96
dpi at the size of the image box on your page. This is a faster way to go,
but your image quality might not be quite as good as if you had done the
optimizing and sizing before you inserted it. This is especially true if
your original image that you optimize in PS is at a higher dpi to begin
with. And yes, be sure to uncheck "Rely on VML..." and "Allow PNG...".

For the most faithful rendition of your image, you can import the image into
the page vs. embedding it, and thus bypass the html coding engine in
Publisher. You will get what you produced in Photoshop. This requires a bit
more work, and the difference in quality may not be worth it, but given your
site is about photography, it might be in your case. Let me know if you want
instructions on how to import your images, but try the information above
first. You might be satisfied with that and its faster.

DavidF

"Trishe" <Trishe@xxxxxxxxxxxxxxxxxxxxxxxxx> wrote in message
news:EBF2FB60-A981-499C-95A2-D3C9FF070C0D@xxxxxxxxxxxxxxxx
I prepare my photos in PS CS2. I use output sharpening for the web. In
Publisher they look fine, but on the web they look a little blurry. Why
is
this and any suggestions on how to correct? Also, what is the optimum
file
size to use?

(Saw the link about compression "Compress graphics file sizes to create
smaller Publisher Web pages"...also vml/allow png are unchecked in
P2003...will look at applying info.)

Thanks!

Trish


.

Relevant Pages

  • Re: How can I hyperlink to an enlarged picture in Publisher 2003?
    ... Discovered one reason I could not set up the background I wanted: Publisher is looking only in its PUB60COR files for graphics for the website. ... I also tend to just delete the entire contents of those subfolders before I upload the updated HTML. ... dpi, I meant pixels!). ... I find that 400 pixel wide images give me enough detail, but you might need larger, and perhaps not need that large depending on the photo. ...
    (microsoft.public.publisher.webdesign)
  • Re: How can I hyperlink to an enlarged picture in Publisher 2003?
    ... I, perhaps foolishly, chose to stay with Publisher and found that it was easier to manage the site by breaking it up into sections and subfolders. ... I also tend to just delete the entire contents of those subfolders before I upload the updated HTML. ... dpi, I meant pixels!). ... I find that 400 pixel wide images give me enough detail, but you might need larger, and perhaps not need that large depending on the photo. ...
    (microsoft.public.publisher.webdesign)
  • Re: How can I hyperlink to an enlarged picture in Publisher 2003?
    ... The program automatically resizes it to 96 dpi. ... One of the places where Publisher starts to feel its limits is when the website gets big, and when you have pages that need to be updated frequently. ... I also tend to just delete the entire contents of those subfolders before I upload the updated HTML. ... I find that 400 pixel wide images give me enough detail, but you might need larger, and perhaps not need that large depending on the photo. ...
    (microsoft.public.publisher.webdesign)
  • Re: How can I hyperlink to an enlarged picture in Publisher 2003?
    ... One of the places where Publisher starts to feel its limits is when the website gets big, and when you have pages that need to be updated frequently. ... I also tend to just delete the entire contents of those subfolders before I upload the updated HTML. ... dpi, I meant pixels!). ... I find that 400 pixel wide images give me enough detail, but you might need larger, and perhaps not need that large depending on the photo. ...
    (microsoft.public.publisher.webdesign)
  • Re: Images on web look a little blurry
    ... dpi was what I should use. ... If you want faster loading and better quality images and want to ... Use as much compression as possible to get ... then Publisher will resample and resize the image ...
    (microsoft.public.publisher.webdesign)
Quantcast