Members normally prepare their own full size and thumbnail image, and load these directly for web viewing. Save each image as an RGB JPG. Please do not submit CMYK JPGs.
Full images: Each full size image should be no more than 690 pixels in each direction. If your image is square, you can have a 690 pixel x 690 pixel image. If your image is vertical, the maximum height is 690 pixels, the width will be something less than 690 pixels. If the image is horizontal, it should be 690 pixels wide, the height will be something less than 690 pixels. No dimension should exceed 690 pixels.
Thumbnail images: Each image in your gallery will be represented by a thumbnail image. It should be no more than 108 pixels in each direction. This thumbnail may work better if you crop a detail area of the gallery image, rather than simply reducing the entire image.
Image Quality and File Size: It is easiest to save your JPG images with the "Save for Web..." function of your image editing program. If you are using recent versions of Photoshop, a lot of unneeded data is added when doing a "Save As...". This increases file size unnecessarily.
Full Image: 690 x 690 pixels max., JPG- quality 50% (recommended), and max. file size 150KB
Thumbnail: 108 x 108 pixels max., JPG- quality 30% (recommended), and max. file size 8KB
Load Images: Log into your gallery on the Service Info page and add you images. The Add Image form will guide you to include data about your images to make searching easier for your visitors.
Step By Step Instructions
1. Move your images into electronic form
Digital Cameras: The current level of digital camera technology makes this "instant" method an attractive option, if you have access to a digital camera.
Flatbed and Slide Scanners: If you have access to flatbed or slide scanners, you can prepare your own digital files. This will involve more time on your part to tweak the scanner for good results. The good news is you don't need a lot of quality to show your work on the web. You can scan originals if they are small enough, or scan prints made from negatives. Scanning 35mm slides on a flatbed scanner is a questionable method, but worth an experiment if you have not done it before. The quality can range from O.K. to really bad, depending on the scanner. Special desktop scanners for slides and film negatives will give good quality for your web image needs. The drawback with this method is the need for digital hardware on your desktop, and the time it takes to get good results. If you are doing only a few images, and already have scanning hardware, this is the way to go. But if you have 25 images to prepare, you can earn much more money doing art jobs while you wait for digital files from your photo finishing service.
Scanning Services: The most hassle free way to do this is with 35 mm slides or negatives of your art, photographed under good lighting conditions (outdoor noon sun is good for this); then deliver them to your photofinisher for processing. If possible, place a photographer's greyscale and color bar along the edge of the image. This will make for easier color correction later.
There are different qualities of scanning available:
-Scanning done at the time of development can range from bad to OK. The image size will usually be 640 x 480, or 1024 x 768.
- "After Development" services, where you specify the images to be scanned, will usually produce better image quality at larger sizes. The cost will be $1.50-$2.50 per image plus a small charge for the disk media. Most of these services are using high quality desktop film scanners for quick turn around. Some services offer desktop drum scans which have the potential of very high-resolution scans for larger film sizes, and higher costs. Or the photo finisher may still offer the venerable Kodak PhotoCD scan service. The Kodak PhotoCD has some nice features (multiple resolutions, and possibly better color matching) but has a 2-3 week turnaround time.
2. Color correct your images for the web
Tips: Once you have your images as files saved in a folder or on a CD, you are ready to color correct them. The details of color correction are beyond the scope of this help article, but here are a few factors to keep in mind:
- Most PhotoCD scans capture as much color information as is available (a raw scan), so you will often find a darkened cast or "haze" on the image. This is the result of trying to capture all the information in the highlights. You will have to readjust the color balance and highlight point with a program like PhotoShop using the Curves dialog.
-Most Windows PCs show images darker than Macintosh machines. So you may want to adjust the image a little on the light side if working on a Mac or a little on the dark side if working on a PC (try to split the difference as it were). Again, using the curves dialog is the best way to do this in PhotoShop.
-The color temperature of most multimedia monitors is set to 6500K. You may want to make sure your monitor is set similarly, if your system allows for those adjustments.
Format: Save all your color adjusted images into a folder for further processing. Use a format like Photoshop, TIFF, PICT, BMP, or TARGA. These formats do not lose any picture information, where as the final formats for web images will use "lossy" image formats that allow for greater compression of the file size.
3. Prepare the large image
Resize Your Large Image: The maximum image size allowed for this site is 690 x 690 pixels. Most images can be adequately conveyed at this size or smaller. Reduced size also reduces the chance of image theft for reuse. Use scaling functions in your image editing software to reduce your image dimensions.
Duplicate Your Image: Once you have sized your image, make a copy of it (Image/Duplicate command in PhotoShop). This copy will be prepared as the large image. The original will be resized later for a small thumbnail view.
Watermark Your Image: Mark your copy image in some fashion to identify it as yours. There are several strategies you can use to tag your image for identification and/or protection. Check our tutorial on Protecting Your Image for this step. We recommend you place a visible watermark on your image: "Science-Art.com". This will allow your image to be traced back to this site, which will have your current contact information at all times.
Sharpen Your Image: Once reduced to final size with watermarking applied, the image should be sharpened to appear crisper on the web (this will also make it less reusable in other mediums). The sharpening is done with the "unsharp mask" process. PhotoShop has this in its Filter/Sharpen/Unsharp Mask... menu. There several methods to consider: Click the image below for the full story.
Then experiment until satisfied with the results. But only apply sharpening at the end of your image manipulation. Repeated use of Unsharp Mask will degrade image quality to unacceptable levels.
Save Your Large Image: Now you are ready to save your file. Standard save operations can cause problems by including previews and other unnecessary data in the image file. This can cause your file to bloat to sizes that will be too large for submission. If your image editor has a "Save for Web..." function, use that. If your image editor does not have a "Save for Web..." function, be sure to "flatten" or collapse any image layers into one layer, remove any alpha channels (anything other than RGB channels), and turn off all preference options for including previews with your image before you save.
File Name and Format: You may name your files in whatever manner will help you identify them (ex: Filename_Big.jpg). They are renamed automatically when submitted to the web site. But they must be saved in the JPG format and have the ".jpg" extension in the name. Chose a compression level of 50 or lower (out of a possible 100) when prompted. You may also select the "Progressive" scan option. This will allow a blurry version of your picture to appear quickly, to hold the viewers attention, until the rest of your image arrives over the wire. You may want to experiment with different compression levels on copies of your image. We have found "30" to be the minimum acceptable level and "60" to be the maximum that can produce an image file size small enough for acceptable load speed. "50" is a good default setting for the JPG format in this use.
Bandwidth Issues: When sizing your images for the web, one of the biggest concerns is download time for the viewer. If a download takes too long, you may lose them to another artist or even another site. The current standard for modem connections is 56kbps (only about 44kbps in reality). The "k" stands for "kilobits"; this is only a fraction of the standard file size measurement of "Kilobytes". So a 50Kb file will take 6-7 seconds to load. Count to seven and decide if you would still be waiting.... With proper image sizing and file compression, most images can be brought down to 35-50Kb. The maximum allowed file size is 80Kb.
4. Prepare the small image
Resize Your Small image: Close the large image you have saved and focus on the original. This will be reduced to a thumbnail preview to allow fast browsing of images by visitors. The maximum size of your thumbnail is 108 x 108 pixels. Use scaling functions in your image editing software to reduce your image dimensions. You may want to represent your image by picking the most interesting piece or focus of your image and crop to that first. Then reduce to the final size.
Sharpen your Small Image: You will need to apply some Unsharp Masking to the small image to punch it up. See the discussion for the large image above.
File Name and Format: The thumbnail must be saved in the same JPG format as the large image. Save the image at the quality level of 30 out of 100. Turn "Progressive" scan off if it is on. Name it similarly to your large version (ex: FileName_Sm.jpg). The purpose is to allow you to find and match image pairs quickly for upload.
Bandwidth: The resulting file should be between 3-8Kb in size, 8Kb is the limit. Remember that images with thumbnail or previews attached by the image editing software can bloat files too a much larger size. Make sure these options are off if you cannot use the "Save for Web..." function.
5. Loading your images
You are now ready to sign in to your personal Science-Art.com administration area to load your images. Don't forget your username and password (go to the Retrieve Login Information page if you have forgotten them). Spell-check all your keywords and descriptions before hitting that send button. The major web browsers have spell checking in their e-mail function, so you can compose an e-mail with your keywords and descriptions, spell-check them, and then cut and paste into the web form. That's it! Very quickly you will be able to build your web portfolio to let the world know what you do! if you are having problems, feel free to contact us at firstname.lastname@example.org.