Meets the IGCSE ICT exam criteria for layout and presentation.
12.2 Common Image File Formats
Format
Type
Typical Use
Compression
Transparency
JPEG / JPG
Raster
Photographs, complex‑colour images
Lossy – small file size
No
PNG
Raster
Graphics, logos, screenshots
Lossless – larger file size
Yes (alpha channel)
GIF
Raster
Simple graphics, short animations
Lossless within 256‑colour palette
Yes (single‑colour transparency)
BMP
Raster
Uncompressed raster images (rarely used)
None – very large files
No
SVG
Vector
Icons, diagrams, logos that must scale
Lossless – scalable
Yes
Raster images are pixel‑based; quality depends on resolution (DPI/PPI). Vector images are defined by mathematical paths and can be enlarged without loss of quality.
12.3 Positioning Options in Typical ICT Software
Alignment – left, centre, right, justified.
Wrapping – square, tight, through, top and bottom, behind text, in front of text, in line with text.
Anchoring – attaches the image to a paragraph, page, or slide.
Exact coordinates – specify X (horizontal) and Y (vertical) distances from a reference point (margin, column, slide edge).
Size control – set width and height in centimetres, inches or pixels; lock aspect ratio when required.
12.4 Step‑by‑Step: Placing an Image with Precision (Microsoft Word)
Insert the image: Insert → Pictures → This Device…
Select the picture and open the Layout Options dialog (right‑click → Wrap Text → More Layout Options…).
In the Position tab set:
Horizontal – “Absolute position” → enter the required distance (e.g., 3 cm) from the Page margin or Column.
Vertical – “Absolute position” → enter the required distance (e.g., 5 cm) from the Top margin or Paragraph.
Choose a suitable Wrap text style (usually “Square”).
Check Lock aspect ratio before resizing.
Press OK. The image now sits at the exact coordinates entered.
Fine‑tune: select the image and use the arrow keys while holding Ctrl for 0.1 cm increments.
12.5 Using a Grid or Ruler for Precision (Microsoft PowerPoint)
Show the grid: View → Grid and Guides → Display grid on screen.
Enable “Snap to Grid” for automatic alignment.
Right‑click the picture → Size and Position….
Enter exact values for Left and Top (horizontal & vertical) positions.
Enter exact Height and Width values, or tick “Lock aspect ratio”.
Use “Bring to Front” or “Send to Back” for precise layering.
Compress / reduce file size
File → Info → Compress Pictures (Word) / Picture Tools → Format → Compress Pictures (PowerPoint)
Choose a resolution (150 dpi for screen, 220 dpi for print) and apply to all pictures if required.
12.7 Understanding DPI / PPI
DPI (dots per inch) – used for printed output.
PPI (pixels per inch) – used for screen display.
Screen‑only documents: 72–96 PPI is sufficient.
Printed work: aim for 300 dpi for high‑quality output.
Resolution can be changed in the “Compress Pictures” dialog or with an external editor before insertion.
12.8 Common Pitfalls & How to Avoid Them
Distorted images – always lock the aspect ratio before resizing.
Unintended text flow – avoid “In line with text” unless the picture should move with the paragraph; prefer “Square”, “Tight”, “Behind text”, etc.
Loss of precision after editing – use the coordinate fields rather than dragging the image.
Large file size – select the appropriate format (JPEG for photos, PNG for graphics with transparency, SVG for vectors) and compress when possible.
Incorrect resolution – verify DPI/PPI before printing; use “Compress Pictures” to match the required resolution.
12.9 Summary Checklist for Image Placement
Select the most suitable image format (consider transparency, colour depth and file size).
Insert the image and open the layout/position dialog.
Set absolute horizontal and vertical positions relative to a stable reference (page margin, column, or slide edge).
Choose an appropriate text‑wrap style.
Lock aspect ratio before resizing; use the size fields for exact dimensions.
Crop, rotate, flip or adjust brightness/contrast as required.
Group or order objects if more than one image is used.
Compress the picture to the required DPI/PPI to keep the file size manageable.
Verify the final layout in screen view and print preview.
Suggested Diagram
Screenshot of the “Size and Position” dialog showing fields for absolute horizontal and vertical positioning, with arrows indicating reference points (page margin, column, paragraph).