file sizes & types

File Sizes & Types

Size Matters

Kilobytes (K)• 1024 bytes = 1 kilobyte—

a tiny trademark graphic or log might be a few kilobytes in size, whereas a full web page might be 35-100 kilobytes. Anything beyond 100K will probably require significant download times for people with dialup modems. Word docs are usually under 1000K, even with images.

10K

Megabytes (MB)

(This PPT presentation is just under 1MB)

• 1024KB = 1MB (megabyte)—Most email servers have maximum of 2MB you can send. PowerPoint presentations get this big because of images. About 10-20 web pages would take up 1MB. Web hosting sites sell server space in terms of megabytes. My web site has more than 2000 files, and I have still not reached my 150 MB capacity (but we’re getting close).

Gigabytes (GB)

• 1024MB = 1GB (gigabyte). Rarely do we see single files that are in the gigabyte range. Usually you will see the term gigabyte to indicate hard drive space.

Terabytes

• 1024GB = Terabyte

File Formats

Common For Web

• JPEG GIF

Original .jpg dithered .jpg gif 8 colors

gif 4 colors

“When Good PhotosGet Saved Badly”

How should this

have been saved:jpg or gif?

How was it saved

instead?

Extension Format Used for `Loss `# Colors Transparency?

.jpgJointPhotographicExperts Group

Continuoustone (e.g.,photos) Web

Lossy ThousandsNO

.gifGraphicInterchangeFormat (Compuserve)

Solid colors(e.g., cartoons)

Web

Lossless

256 + transparency

Yes, GIF-8 (jaggies)

.pngPortableNetworkGraphicsformat

Web(continuoustone or solidcolors)

LosslessThousands

Yes (no jaggieds)but big file

.tifTagged ImageFile Format

Print Only Lossless Thousands Yes

File Formats

Transparency: gifs & pngs for web

“The dreaded white jaggies”

White jaggies are undetectable on white background, but that defeats the purpose of transparency for use with any colored background.

Solution: Use a 24-bit png

Quiz Yourself:How would you save this?

• Photo of your sister on the web

• Black and White logo on the web without transparency

• Black and white logo with transparency

• Image for National Geographic

Compression

• Zip files

• Jpegs

• Tifs

• Compress ONCE

• Cannot uncompress Jpegs and Gifs or add quality that is lost.

Dots Per Inch (dpi)• 72 dpi standard for web

• 85-150 dpi low quality print

• 200 dpi starting point for decent print

• 300 dpi pretty strong

• Goes up to 2,000 dpi for highest quality on average scanners (creates enormous files)

Questions?