Story   Photographer   Editor   Student/Intern   Assistant   Job/Item

SportsShooter.com: The Online Resource for Sports Photography

Contents:
 Front Page
 Member Index
 Latest Headlines
 Special Features
 'Fun Pix'
 Message Board
 Educate Yourself
 Equipment Profiles
 Bookshelf
 my.SportsShooter
 Classified Ads
 Workshop
Contests:
 Monthly Clip Contest
 Annual Contest
 Rules/Info
Newsletter:
 Current Issue
 Back Issues
Members:
 Members Area
 "The Guide"
 Join
About Us:
 About SportsShooter
 Contact Us
 Terms & Conditions


Sign in:
Members log in here with your user name and password to access the your admin page and other special features.

Name:



Password:







||
SportsShooter.com: Member Message Board

website help
Jeff Frings, Photographer
Milwaukee | WI | USA | Posted: 7:48 PM on 03.29.05
->> I have been trying to put together a website myself and I think I may have a problem. I uploaded a couple pages to check them out on different computers using different operating systems and browsers. All the photos are on grey backgrounds with drop shadows. The grey is supposed to match the background color of the page, but it doesn't on some screens. I used a screen capture of the page with no photos on it to copy the color for the backgrounds of the photos in Photoshop, so I'm not sure how it could be different color.
The page is at:
http://my.execpc.com/~onion/newweb/dropshadowednature.html
I'd love to know how the colors could be different and more importantly, how I can have photos with drop shadows that don't have a different looking background. I'm using Netscape composer to put the site together.

Any help would be appreciated.
Jeff
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Lyle Waisman, Photographer
Chicago | IL | USA | Posted: 8:13 PM on 03.29.05
->> The first issue I would consider is what color you are using for your background, and whether it is a web safe color. If not, it may render differently depending upon the color space of the computer/monitor you are using.

Also, in looking at your image files, they have a border around them. This will serve to make any color differences very apparent. You should matte the shadow to your background color, and trim the image to just the picture and the shadow.
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Jeff Frings, Photographer
Milwaukee | WI | USA | Posted: 8:40 PM on 03.29.05
->> Lyle,
I just picked a shade of gray from the color picker that Composer showed me. I'll admit it I'm a bit of a dunce when it comes to this.
I just assumed that if I used the same color for the background of the photos and the background of the page, there would be no visible difference. Any idea why there would be a difference?
How would one go about "matte the shadow to your background color and trim the image"?
thanks
Jeff
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Sebastian Szyszka, Photographer
Lisle | IL | USA | Posted: 10:36 AM on 03.30.05
->> Are the images saved in sRGB? The colors will shift if they're not.
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Phil Hampel, Photographer
Barrington | IL | USA | Posted: 2:53 PM on 03.30.05
->> If you are talking about the results after clicking on a thumbnail... The reason the page is not a consistent background is because the links you made from the thumbnails are to the jpegs themselves and not a page with a defined background that contains a jpeg. So the browser you are viewing on is displaying the jpeg and the background of the window comes from the browser and the operating system.
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Jeff Frings, Photographer
Milwaukee | WI | USA | Posted: 8:32 PM on 03.30.05
->> The links do not work properly yet, I'm just checking the way the layout looks on different setups before I proceed.
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Andrew Sullivan, Photographer
Kissimmee | FL | USA | Posted: 9:35 PM on 03.30.05
->> Check in the composer program and see if you can find the hex color attribute for the grey that you picked (a nuetral grey would look like #555555). Then when you are making the mattes around your picture in PS, set the color in the color picker by hex value and everything should match on the page.

Andrew Sullivan
http://sullivanfotografix.8m.com
 This post is:  Informative (1) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Jeff Frings, Photographer
Milwaukee | WI | USA | Posted: 3:37 PM on 03.31.05
->> ok, I'm stumped. I've saved the photos in sRGB, I've double checked and the colors are exactly the same on the background and the background of the photos. #999999.
I even made a new test photo with that specific color,(even though all my other photo backgrounds are that color), and saved for web, which I assume is sRGB and I still get a slighty lighter shade of grey on the photo background made in photoshop, on some monitors. Any other ideas?
Jeff
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Lyle Waisman, Photographer
Chicago | IL | USA | Posted: 5:16 PM on 03.31.05
->> I'll try to clarify... take a look at any of your images.

http://my.execpc.com/~onion/newweb/nature1.jpg
for example.

There is no need to have any of the gray border. The reason you are seeing any discrepancies is because of where gray meets gray. It also makes the images larger and take longer to load.

This image should be cropped on the top left exactly where the picture starts, on the bottom right exactly where the shadow ends. You will not have any similar colors meeting, and will not notice any color differences.
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Andrew Sullivan, Photographer
Kissimmee | FL | USA | Posted: 6:00 PM on 03.31.05
->> Your border shifts to #9C9A9D. The easy but stupid way to fix this would be to set #9C9A9D as the web page's background color, keeping in mind for future art that your pictures need to start at #999999 - and will shift to the final color.

There are still other things you can try though. In the compression options box that opens when you Save For Web, use the eyedropper in the left tool palette to select a portion of your border, then double check that you have the same reading by clicking on the color swatch below the eyedropper. Now click on the right side of the compression options box where it says matte... choose the eyedropper option (which you just set).

You could also get better results by increasing the file size (excessive file compression is probably your enemy here), or by going GIF (but by the time you get to photo-quality results, your viewer will need DSL to view a whole page of work).

Hope some of this helps! Welcome to web design, I always get hung up on some detail... but then I'll get half a site done in an hour. Hope it gets easier for you!


Andrew Sullivan
http://sullivanfotografix.8m.com
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Jeff Frings, Photographer
Milwaukee | WI | USA | Posted: 11:36 PM on 03.31.05
->> Andrew,
I don't have a border around my photos. Are you talking about the background around the photos?
How did you figure that the color shifts?
I've tried the matte option, and I've saved the photos at a pretty high quality. I think it was like 79.
Thanks for your help.
Jeff
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Sebastian Szyszka, Photographer
Lisle | IL | USA | Posted: 10:51 AM on 04.01.05
->> Andrew Sullivan is right I think. You are not only getting color shifts between border and background, you are also getting color shifts between the different sections of backgrounds. The area around the enlarged image, for example, is #9B989C. If you are converting to sRGB before saving for web, check the color after the conversion. If you aren't converting before save for web, then the images don't get converted, save for web does not automatically convert to sRGB, and the shift might be caused by that. If that is not the case, then it might be the JPG compression step. Just for kicks, save all the images out as highest-quality jpegs, if that solves the problem, then it's the compression.

You really do have way too much grey around the links and the enlarged image though, there is absolutely no reason for that. Use a table with a grey background color to make the background, and drop another table into it containing your images, and just use cell alignment and size to control placement. The way it is right now you are making people download a lot of pixels over and over again needlessly.

Feel free to email me if you have any questions.
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Andrew Sullivan, Photographer
Kissimmee | FL | USA | Posted: 5:36 PM on 04.01.05
->> If I understand it correctly, the reason the main image is so big is to allow for a future image that is vertically oriented to fit... that sound about right? The way to keep to this and trim your image to the minimum amount of background-grey is to set the cell size to the size of the image you have now, trim the image, then control its placement in the cell by using a control like:

(IMG ALIGN="absmiddle" SRC="images/yourimage.jpg" WIDTH=xxx HEIGHT=xxx ALT="" /)

I would prefer to make pages entirely out of images because the size is concrete, but if the images won't play nice, you may just have to trust your clients browsers do the work for you... Scary!

Andrew Sullivan
http://sullivanfotografix.8m.com
 This post is:  Informative (0) | Funny (0) | Huh? (0) | Off Topic (0) | Inappropriate (0) |   Definitions

Add your comments...
If you'd like to add your comments to this thread, use this form. You need to be an active (paying) member of SportsShooter.com in order to post messages to the system.

NOTE: If you would like to report a problem you've found within the SportsShooter.com website, please let us know via the 'Contact Us' form, which alerts us immediately. It is not guaranteed that a member of the staff will see your message board post.
Thread Title: website help
Thread Started By: Jeff Frings
Message:
Member Login:
Password:




Return to -->
Message Board Main Index
What town is celebrating its 100th anniversary, but not Las Vegas, NV? Click here ::..