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).
Structure – home page, sub‑pages, navigation menu (horizontal or vertical).
HTML basics – tags for headings (<h1>‑<h6>), paragraphs (<p>), images (<img src="..." alt="...">), links (<a href="...">).
CSS styling – external stylesheet for colours, fonts, layout; keep CSS separate from HTML for re‑usability.
Multimedia – embed images (optimised for web, usually JPEG/PNG), audio (<audio>), video (<video>).
Accessibility – alt text for images, sufficient colour contrast, logical heading order.
Testing & publishing
Validate HTML/CSS (W3C validator).
Check links, test on different browsers.
Upload via FTP or web‑based file manager to a web host.
Self‑Assessment Questions (All Sections)
Which image format would you use for a logo that requires a transparent background? Explain why.
Describe the difference between “In line with text” and “Square” wrapping.
How would you place an image 2 cm from the left margin and 4 cm from the top margin in a Word document?
What steps would you take to ensure an image does not become distorted when you change its size?
Why might you prefer to use exact coordinates rather than dragging an image into place?
Outline the procedure for cropping an image in PowerPoint.
How can you rotate an image 90° clockwise without using the mouse?
Explain how to reduce the file size of a document that contains several high‑resolution photographs.
When would you use the “Flip Horizontal” command instead of rotating the image?
What DPI would you select for a document that will be printed as a high‑quality report?
Identify three health & safety risks associated with prolonged computer use and suggest a mitigation strategy for each.
Give an example of a situation where a “One‑to‑many” relationship is appropriate in a database.
List the six stages of the systems life‑cycle and give a brief activity for each stage in the context of creating a school timetable system.
Choose a suitable chart type for displaying the yearly sales figures of five products and justify your choice.
Explain the purpose of a style sheet in a Word document and how it helps with consistency.
What are two advantages of publishing a website using external CSS rather than inline styles?
Support e-Consult Kenya
Your generous donation helps us continue providing free Cambridge IGCSE & A-Level resources,
past papers, syllabus notes, revision questions, and high-quality online tutoring to students across Kenya.