📘 CodingMarble Learn

Still-Image Content

A still image is a picture that does not move. A digital one is a grid of pixels. You can express an idea with framing, colour and light, edit it by cropping, resizing and changing brightness, and then save it in the right format for print or screen.

🎬 Step-by-step story

  1. Here is a picture on a screen: a house, a green hill and a sun. It does not move. This is a still image.
  2. Come close. The picture is made of tiny squares called pixels. This one has 16 across and 16 down: 256 pixels.
  3. Now we use fewer pixels. Each block gets bigger and the picture looks rough. Fewer pixels means lower resolution.
  4. Crop: we cut away what we do not need. The lines split the picture in thirds. The sun sits on a crossing, so the eye goes there.
  5. Brightness: watch the picture go too bright, then too dark, then just right. Editing changes every pixel the same way.
  6. Your turn. Move the sliders for brightness, crop and block size. See how the pixel count and the picture change.

Tip: drag the 3D scene to turn it. Use two fingers to zoom.

🤔 Common doubts, cleared

Why does a small picture look blocky when I make it big?

Because it has few pixels. When we stretch it, each pixel becomes a big square. See the big blocks in step 2.

What exactly is a pixel?

It is one small square of one colour. Millions of them side by side look like a smooth picture. Step 1 pulls them apart so you can see.

Does cropping make the picture better quality?

No. It only cuts away the edges and keeps the same pixels. It improves the frame, not the detail. Step 3.

Why put the subject on a third line, not in the middle?

A crossing of the thirds lines gives balance and room to look around. In step 3 the sun sits on one.

What does the brightness slider really change?

It makes every pixel lighter or darker by the same amount. Too far up hides detail in white; too far down hides it in black. Step 4.

Expression with still images

A still image is a picture that stays still: a photo, a drawing, a poster or a chart. With one picture we can show a feeling or an idea.

How a digital still image is stored

A digital picture is a grid of tiny squares called pixels. Each pixel stores one colour as three numbers: red, green and blue (RGB), each from 0 to 255. A picture 16 × 16 has 256 pixels.

Resolution is how many pixels the picture has, for example 1600 × 1200. More pixels give more detail but a bigger file. If we stretch a small picture, it turns blocky. Megapixel = one million pixels.

There are two kinds of image. A raster image is made of pixels (photos). A vector image is made of lines and shapes written as maths, so it stays sharp at any size (logos).

Editing still images

Editing means changing a picture after it is made. The common jobs are:

Good habit: always edit a copy and keep the original.

Producing still-image content

Making a finished picture follows steps: (1) decide the purpose and audience; (2) capture or draw the picture; (3) edit it; (4) add text or graphics if needed; (5) save in the right format; (6) publish it and check how people react.

File formats: JPEG is small and good for photos but loses a little detail each time it is saved (lossy). PNG keeps every pixel (lossless) and can be transparent, so it suits logos and screenshots. GIF has few colours and can animate. RAW is the untouched data from a camera.

Print needs more pixels (about 300 per inch) than a screen (about 72 to 150). Always give credit and respect copyright when you use someone else's picture.

Key formulas and definitions

Worked examples

1. A photo is 1600 × 1200 pixels. How many pixels and how many megapixels?

Pixels = 1600 × 1200 = 1,920,000. Megapixels = 1,920,000 ÷ 1,000,000 = 1.92 MP.

2. A 4000 × 3000 photo is cropped to half the width and half the height. How many pixels are left?

New size = 2000 × 1500 = 3,000,000 pixels. This is one quarter of the original 12,000,000.

3. How big is an uncompressed 24-bit picture of 1000 × 800 pixels?

Each pixel needs 3 bytes. Size = 1000 × 800 × 3 = 2,400,000 bytes, about 2.4 MB.

4. You need a 6-inch wide print at 300 ppi. How many pixels wide must the picture be?

Pixels = 6 × 300 = 1800 pixels wide. A picture with fewer pixels will look blocky when printed.

5. Which format will you pick for (a) a holiday photo to send on a chat app, (b) a school logo with a see-through background?

(a) JPEG: small file, good for photos. (b) PNG: it keeps sharp edges and allows transparency.

Common mistakes

Practice quiz

1. The tiny squares that make a digital picture are called:
2. Cropping a picture:
3. Which format keeps every pixel and can be see-through?
4. The rule of thirds splits a picture into:
5. More pixels in a picture usually mean:

Practice: answer these yourself

Type or choose your answer, then press Check. Use a hint if you are stuck; the full solution appears after you answer.

Frequently asked questions

What is still-image content?

Any picture that does not move, such as a photo, drawing, poster or infographic, made to share an idea or feeling.

What is the difference between JPEG and PNG?

JPEG is small and lossy, best for photos. PNG is lossless and can be transparent, best for logos, drawings and screenshots.

How many pixels do I need?

For a phone screen a few hundred to about a thousand pixels across is enough. For a print, use about 300 pixels per inch of the printed size.

Where this is taught

Japan高校(専門学科)1〜3年Content Production and Publishing

Learn first

Learn next

Related lessons

All Fine Arts lessons