ArticleslgStudy

computer science

Thumbnail

Thumbnail is a computer science topic covered in the lgStudy science library. This page brings together a partial reference excerpt, illustrations, worked examples, real-world applications and a short study plan, so you can understand Thumbnail rather than just read about it. In short: A thumbnail is a reduced-size version of a picture or video, used to help in recognizing and organizing them, serving the same role for images as a normal text index does for words. In the age of digital images, visual search engines and image-organizing programs normally use thumbnails, as do most modern operating systems or desktop environments, such as Microsoft Windows, macOS, KDE (Linux) and GNOME (Linux).

Thumbnail — main illustration
Thumbnail — illustration

Key takeaways

  • Thumbnail belongs to computer science; place it in that map before memorising details.
  • Learn the definition first, then one example that makes the definition concrete.
  • Connect Thumbnail to a quantity you can measure, compute or draw — that is where exam questions come from.
  • Reproduce the core statement of Thumbnail from memory before moving on to harder problems.

Reference excerpt

A thumbnail is a reduced-size version of a picture or video, used to help in recognizing and organizing them, serving the same role for images as a normal text index does for words. In the age of digital images, visual search engines and image-organizing programs normally use thumbnails, as do most modern operating systems or desktop environments, such as Microsoft Windows, macOS, KDE (Linux) and GNOME (Linux). On web pages, they also avoid the need to download larger files unnecessarily.

Implementation Thumbnails are ideally implemented on web pages as separate, smaller copies of the original image, in part because one purpose of a thumbnail image on a web page is to reduce bandwidth and download time. Some web designers produce thumbnails with HTML or client-side scripting that makes the user's browser shrink the picture, rather than use a smaller copy of the image. This results in no saved bandwidth, and the visual quality of browser resizing is usually less than ideal. Displaying a significant part of the picture instead of the full frame can allow the use of a smaller thumbnail while maintaining recognizability. For example, when thumbnailing a full-body portrait of a person, it may be better to show the face slightly reduced than an indistinct figure. However, this may mislead the viewer about what the image contains, so is more suited to artistic presentations than searching or catalogue browsing. Thumbnail makes for smaller, more easily viewable pages and also allows viewers to have control over exactly what they want to see. In 2002, the court in the US case Kelly v. Arriba Soft Corporation ruled that it was fair use for Internet search engines to use thumbnail images to help web users find what they seek.

Etymology The word thumbnail is a reference to the human thumbnail and alludes to the small size of an image or picture, comparable to the size of the nail. The earliest use of the compound word thumbnail in the literal sense dates back to at least the 17th century; the American Heritage Dictionary of Idioms documents that the figurative expression first appeared in the mid-19th century to refer to "a drawing the size of the thumbnail". The word was then used figuratively, in both noun and adjective form, to refer to anything small or concise, such as a biographical essay. The use of the word thumbnail in the specific context of computer images as "a small graphical representation, as of a larger graphic, a page layout, etc." appears to have been first used in the 1980s.

Dimensions The Denver Public Library Digitization and Cataloguing Program produces thumbnails that are 160 pixels in the long dimension. The California Digital Library Guidelines for Digital Images recommend 150-200 pixels for each dimension. Picture Australia requires thumbnails to be 150 pixels in the long dimension. The International Dunhuang Project Standards for Digitization and Image Management specifies a height of 96 pixels at 72 ppi. YouTube recommends the resolution of 1280×720 (with a minimum width of 640 pixels) with an aspect ratio of 16:9. DeviantArt automatically produces thumbnails that are maximum 150 pixels in the long dimension. Flickr automatically produces thumbnails that are a maximum 240 pixels in the long dimension, or smaller 75×75 pixels. It also applies unsharp mask to them. Picasa automatically produces thumbnails that are a maximum 144 pixels in the long dimension, or 160×160 pixels album thumbnails. The term vignette is sometimes used to describe an image that is smaller than the original, larger than a thumbnail, but no more than 250 pixels in the long dimension. Directors, storyboard artists and graphic designers, as well as other kinds of visual artists, use the term "thumbnail sketch" to describe a small drawing on paper (usually part of a group) used to explore multiple ideas quickly. Thumbnail sketches are similar to doodles, but may include as much detail as a small sketch. A "comprehensive" thumbnail sketch of a printed project, more or less to final size, is often referred to as a "comp", and can be highly detailed, with production information included. The purpose of thumbnails was to visualize the ideas in a miniature form, similar to an illustration shorthand. Often, the old school animators used this process to quickly jot down the key "poses" that were part of an animation sequence. These compact drawing were then pinned up above the animation table, within easy view. As the animator worked through creating the final drawings of each pose, the thumbnails helped to keep the original ideation relevant.

See also Image organizer Contact print, a film cognate of the thumbnail Thumbshot

References

Illustrations

Thumbnail: Thumbnail images being used to show a sample of image files within a folder, on a computer operating system
Thumbnail images being used to show a sample of image files within a folder, on a computer operating system

Worked examples

Example 1 — a first encounter with Thumbnail

Start with the simplest possible case. Write down what Thumbnail claims or describes in one sentence, then invent the smallest concrete situation in which that sentence is true. In computer science, the smallest case is usually a single object, a single equation or a single measurement. Check that every symbol or term in your sentence has a meaning in that case.

Example 2 — changing one variable

Take the situation from Example 1 and change exactly one quantity: double it, halve it, or set it to zero. Predict what should happen to Thumbnail before you calculate. Comparing your prediction with the result is the fastest way to find out whether you understand the idea or only the words.

Example 3 — an exam-style question

Typical questions about Thumbnail ask you to (a) state it precisely, (b) apply it to given data, and (c) explain a limitation. Practise writing all three answers in under five minutes; the third part is what separates a full-mark answer from an average one.

Applications of Thumbnail

In research
Thumbnail appears in computer science research whenever the underlying quantities have to be modelled precisely. Papers usually cite it as a starting assumption and then explore where it breaks down.
In technology and industry
Engineering practice reuses Thumbnail in design rules, simulations and safety margins. Knowing the idea lets you read a specification sheet and understand why the numbers look the way they do.
In the classroom
Thumbnail is common in secondary-school and first-year university syllabi. It links to neighbouring topics Computer graphics, Graphic design, so understanding it makes those chapters shorter.
In everyday life
Look for Thumbnail outside the textbook — in sport, cooking, traffic, electronics or the sky above you. An example you found yourself is remembered far longer than one you were given.

Affiliate

Preply — study more efficiently by working with a personal tutor. 50% off.

How to study Thumbnail in 20 minutes

  1. Read the reference excerpt below once, without taking notes.
  2. Close the page and write down what Thumbnail means in your own words.
  3. Compare your version with the excerpt and mark what you missed.
  4. Work through the three examples above with pen and paper.
  5. Explain Thumbnail out loud to somebody else — or to Teacher Smith in the lgStudy chat.

Frequently asked questions

What is Thumbnail in simple terms?

A thumbnail is a reduced-size version of a picture or video, used to help in recognizing and organizing them, serving the same role for images as a normal text index does for words. In the age of digital images, visual search engines and image-organizing programs normally use thumbnails, as do most…

Why does Thumbnail matter?

Because it connects several computer science ideas at once: it gives you a definition you can apply, a quantity you can calculate, and a way to check whether a result is plausible.

How should I study Thumbnail?

Read the excerpt, restate it from memory, then work through the examples and applications listed on this page. The five-step study plan above takes about twenty minutes.

What does this page cover?

It gives you a compact reference excerpt plus original lgStudy explanations, examples, applications and study material on Thumbnail.

Tags

  • Computer graphics
  • Graphic design

Keep exploring