James S. Huggins' Refrigerator Door: Click here to go to my Home Page. u-2 spy plane photo graphics images u. s. air force united states air force tr-1 er-2 u-2 secret black airplane high altitude flight lockheed martin skunk works nasa plus derivation optimization compression reduction reduced; qwerty
.
U-2 high altitude reconnaiaissance plane, high above the earth. My brother is a U-2 pilot.
The U-2

Notes on Images

The U-2 graphics on my site come from many sources.

Many of these sources provide graphics with high levels of detail. But the result is that the graphic files are quite large.

On my site, I generally sacrifice some level of "quality" in order to reduce the file size of the graphic. This happens in two ways:

  1. If a JPG file is "smaller" than the corresponding GIF file, I will use the JPG, and
     
  2. I generally optimize JPG files to 75%.

Within the notes for the graphics of the U-2, you will see information tags. These tags tells you the relationship between the graphic that you see on my site and the original graphic which I obtained.

Code Meaning
CO-75 Original image is a JPG. It was cropped to remove "framing". It was then optimized to 75%,
CRO-75 Original image is a JPG. It was cropped to remove "framing". It was then reduced in size and optimized to 75%,
HRC-30 Because the original image is so large, I display a smaller version (1000 pixel limit) on my site. To give you an idea of the detail of the original, high resolution image, I have also provided this Cutout from Hi-Res the original image. It is also optimized optimized to 30%.
GIF Original image is a GIF. Most of the original images are JPGs. This tag highlights those that are GIFs.
GO-75 Original image is a GIF. It was converted to a JPG, optimized to 75%.
GRO-75 Original image is a GIF. It was converted to a JPG, reduced in physical size and optimized to 75%.
O Original image is shown. It has not been altered. This is used if the original is already "optimized" at or below 75%.
O-75 Original image is a JPG. It was optimized to 75%. This is the most common tag for "large" images.
R Original image is a GIF. It was reduced in size.
RO-75 Original image is a JPG. It was reduced in physical size and optimized to 75%. This is the most common tag for "thumbnail" images. It is also used for extremely large images reduced to form the "large" image on my site.

 



Thumbnails

The thumbnail versions of the images are generally reduced in size so that the smallest dimension (either width or height) is 150 pixels.


Large Images

The large versions of the images are generally presented in the same size as the original, but optimized as JPG to 75%.

Some sites, particularly NASA, provide multiple sizes of original images. In those cases I download the largest and highest resolution image. I use that high resolution image to derive the thumbnail and full size images.

I limit the full size image to 1000 pixels maximum (either height or width). So for most of the high resolution images, I reduce the size to 1000 pixels and then optimize the image, typically to 75%.


Hi-Res Cutouts

Whenever the large image I display is smaller than the high resolution image, I also include a "Hi-Res Cutout" from the high resolution image. This is a piece of the larger image, cut out just to give an idea of the resolution available. It is also optimized. Because the purpose is to give an idea of the resolution available, it is often optimized "more" (e.g., 30% instead of 70%) resulting in poorer quality but faster load time.


Cropping Labels and Frames

I sometimes crop images. I crop the images if they have either

  1. labels, or

  2. frames.

Labels are sections of an image, typically in white and typically below the actual image, which contain identifying information like the image ID, date, photographer, subject, logo of the agency, etc. NASA frequently uses labels for its images. Here is an example of an image with a label. If an image has a label, I crop the image to remove the label.

Frames are used around an image to increase the size of the image and to make it stand out. Frames may be used on two sides (top and bottom, left and right) or on all four sides. Here is an example of an image with a two-sided frame. Here is an example of an image with a four-sided frame. If an image has a frame, I crop the image to remove the frame.



Current Tools

I am currently using Paint Shop Pro 7.0 to perform the resizing and cropping, and Ulead Smart Saver Pro 3.0 software to perform graphic optimizations.


XXWeb Design Tutorial: Pictures: Information about images on the web, including information about optimization. 

The extra text menu links (previously here) are being removed in the site redesign.
Browser and search engine improvements have eliminated the motivation/necessity for them.

This page created:
before
Fri, 25.Oct.2002

Last updated:
16:20, Sat, 10.May.2014

. . .

NOTICE --- SITE  UNDERGOING REWRITE - SEE LINK BELOW FOR DETAILS

 Explanation of the rewrite: New Page Layout.
 Check out my blog: My Ephemerae
 Yes ... I want you to link to my site Please link to me
 Want to email me? I'd love to hear from you.
 I have begun tutoring in the South Houston, Texas area.

. . .
u-2 spy plane photo graphics images u. s. air force united states air force tr-1 er-2 u-2 secret black airplane high altitude flight lockheed martin skunk works nasa plus derivation optimization compression reduction reduced; qwerty . . . u-2 spy plane photo graphics images u. s. air force united states air force tr-1 er-2 u-2 secret black airplane high altitude flight lockheed martin skunk works nasa plus derivation optimization compression reduction reduced; qwerty