Unit 1: Digital Documentation (Advanced)
Chapter 2: Working with Images
Comprehensive Theory Notes, Step-by-Step Concepts, & Board Exam Study Material
1. Introduction & Digital Image Fundamentals
In digital documents, visual media like graphics, pictures, diagrams, and shapes play a vital role in making information easy to comprehend, engaging, and structured. LibreOffice Writer offers comprehensive features to insert, edit, position, and manage images.
Common Image File Formats (Exam Overview)
| Format Name | Full Name | Key Characteristic / Best Use Case |
|---|---|---|
| JPG / JPEG | Joint Photographic Experts Group | Uses lossy compression. Ideal for continuous-tone photographs and complex realistic graphics. |
| PNG | Portable Network Graphics | Uses lossless compression and supports transparency (alpha channel). Best for logos, icons, and web graphics. |
| GIF | Graphics Interchange Format | Supports up to 256 colors and simple frame-by-frame animations. |
| BMP | Bitmap Image File | Standard uncompressed raster graphics format. Delivers high image quality but results in large file sizes. |
2. Four Primary Methods to Insert Images
LibreOffice Writer provides four versatile techniques to place graphics into a document depending on your workflow:
1. Insert Image Menu Dialog Option
Position the cursor at the desired insertion point. Go to the main menu bar: select Insert > Image.... Browse your computer storage in the dialog box, select the image file, and click Open.
2. Drag and Drop Method
Open the file browser folder containing your image alongside LibreOffice Writer. Click and hold the mouse button over the image file, drag the cursor over to your Writer document page, and release the mouse button.
3. Copy and Paste Method
Select an image file from any external application, file manager, or web page. Press Ctrl + C to copy it to the clipboard. Switch to LibreOffice Writer, place your cursor, and press Ctrl + V to paste it.
4. Linking an Image File
When inserting an image via the Insert Image dialog, check the Link checkbox option. Instead of saving the image inside the document, Writer stores only the file path directory reference.
Disadvantage: If the original image file is moved, renamed, or deleted, the link breaks, and the image will fail to display.
3. Embedded Image vs. Linked Image
| Parameter | Embedded Image | Linked Image |
|---|---|---|
| Storage Mechanism | A complete copy of the image file is physically saved inside the document file. | Only the file path address (URL/Link) pointing to the original image is stored. |
| Document File Size | Increases the overall document file size substantially. | Keeps the document file size minimal regardless of image resolution. |
| Portability & Safety | Fully portable. The document can be emailed or shared without losing images. | Less portable. If moved to another system without source files, images disappear. |
| Source File Dependency | Independent. Deleting the source image file on the computer does not affect the document. | Dependent. Moving or deleting the source image breaks the image preview in Writer. |
• Embed: Image lives inside the document file.
• Link: Document only remembers the address where the image is stored on the hard disk.
4. Modifying Images & Image Toolbar
Key Rule: Always drag a corner selection handle to preserve the original aspect ratio and prevent distortion.
Image Toolbar Functions (Key Features)
When an image is selected, the Image Toolbar automatically appears, providing tool controls:
Graphics Mode Options
Allows switching between visual modes: Default, Grayscale (black & white tones), Black/White (1-bit monochrome), and Watermark (faded low-contrast background look).
Image Filters
Applies artistic effects: Invert (reverses color values), Smooth (softens contrast), Sharpen (enhances edges), Remove Noise, Solarization, and Charcoal Sketch.
Color & Transparency Adjustment
Fine-tunes color balance via Red, Green, Blue (RGB) channel percentages, Adjusts Brightness, Contrast, Gamma correction, and Transparency level (0% to 100%).
• Resizing: Scales the whole image smaller or larger (all parts of the picture remain visible).
• Cropping: Trims and discards unwanted background areas (removes parts of the picture).
5. Working with Drawing Objects & Grouping
Modifying Drawing Object Properties
You can customize properties of drawing objects via the Line and Filling toolbar:
- Line Color & Style: Change line thickness, solid/dashed/dotted styles, and outline colors.
- Fill Color / Pattern: Apply solid fill colors, gradients, hatching patterns, or bitmap textures.
- Transparency & Shadow: Add drop shadows and adjust opacity levels.
Grouping & Ungrouping Drawing Objects
When a diagram consists of multiple individual shapes, editing them individually can disrupt the alignment. Grouping combines multiple drawing objects into a single composite object.
Step 1: Select Multiple Objects
Click the first shape, then hold down the Shift key while clicking on all remaining shapes you want to combine.
Step 2: Apply Group Command
Right-click over the selected objects, and navigate to: Group > Group (or use menu: Format > Group > Group, or shortcut Ctrl + Shift + G).
1. Move all combined shapes simultaneously without misaligning individual elements.
2. Resize the entire combined diagram uniformly in one action.
3. Preserves relative spatial positioning between component parts.
6. Positioning Objects in Text (A-A-A-W Framework)
Positioning controls how images and drawing objects behave relative to surrounding text and page elements. Remember the A-A-A-W concept:
1. Arrangement (Layering Order)
Controls the vertical z-index stacking layer order when graphics overlap each other or text.
• Bring to Front: Places object on top of all other overlapping elements.
• Bring Forward: Moves object up one layer.
• Send Backward: Moves object down one layer.
• Send to Back: Places object behind all other overlapping elements.
• To Background: Places graphic behind body text.
2. Anchoring (Attachment Point)
Determines the structural reference point in the document to which an image is bound.
• To Page: Image stays at a fixed physical location on a page regardless of text edits.
• To Paragraph: Image stays associated with a paragraph and moves along when text above is added or deleted.
• To Character: Image stays attached to a specific text character.
• As Character: Image behaves like a text character inside the text line (adjusts line height).
3. Alignment (Placement Positioning)
Controls the horizontal or vertical position of an image relative to its designated anchor point.
• Horizontal: Left, Center, Right.
• Vertical: Top, Middle, Bottom.
4. Text Wrapping (Text Flow Control)
Defines how body text flows around, across, or past the boundaries of the image object.
• Wrap Off: Text stops above the image and resumes below it (no text on sides).
• Page Wrap: Text flows completely around all four sides of the graphic.
• Optimal Page Wrap: Writer automatically decides the best side for text to flow.
• Wrap Left: Text flows only on the left side of the graphic.
• Wrap Right: Text flows only on the right side of the graphic.
• Wrap Through: Image sits over or under text, allowing text to overlap across it.
Arrangement (Front/Back Order) ➔ Anchoring (Attachment Reference) ➔ Alignment (Page Position) ➔ Text Wrapping (Text Flow Behavior)
7. Detailed Image Formatting Workflow
When inserting and styling visual graphics in LibreOffice Writer, follow this standard step-by-step professional workflow:
Step 1: Insert the Image
Bring the visual asset into your document using one of four insertion techniques depending on file management needs.
Methods: Menu (Insert > Image), Drag & Drop, Copy-Paste (Ctrl + C / Ctrl + V), or Link Image.Step 2: Resize to Fit Dimensions
Adjust the width and height of the image to properly scale it on the document page.
Golden Rule: Always drag a corner handle to preserve the original aspect ratio without distortion.Step 3: Crop Unwanted Portions
Trim unnecessary edges, empty borders, or distracting background details from the picture while retaining the core focal subject.
Tool: Select image > Click Crop Image icon on the Image Toolbar.Step 4: Modify Appearance & Properties
Enhance visual quality using graphic filters (Invert, Smooth, Sharpen, Charcoal) and adjust color properties like Brightness, Contrast, Color Channels, and Transparency levels.
Toolbar: Image Toolbar & Graphic Properties Dialog box.Step 5: Set Image Anchoring
Define the exact reference point in the document structure to which the image attaches so it moves predictably when text is added or deleted.
Options: To Page, To Paragraph, To Character, or As Character.Step 6: Align Image Position
Set the precise horizontal and vertical placement of the image relative to its designated anchor point on the page layout.
Alignments: Horizontal (Left, Center, Right) & Vertical (Top, Middle, Bottom).Step 7: Apply Text Wrapping Modes
Control how body text flows around, through, or past the boundaries of the image object.
Wrap Types: Wrap Off, Page Wrap, Optimal Page Wrap, Wrap Left/Right, or Wrap Through.Step 8: Set Object Arrangement (Stacking Layer)
When multiple images, text boxes, or shapes overlap, adjust their z-index layer order to determine which element appears in front or behind.
Options: Bring to Front, Bring Forward, Send Backward, or Send to Back.Step 9: Group Objects (If Multiple Shapes Exist)
Combine multiple drawing shapes or graphic components into a single composite object to move, resize, and position them simultaneously without disturbing relative alignments.
Shortcut: Select objects > Right-click > Group > Group.Insert ➔ Resize ➔ Crop ➔ Modify ➔ Anchor ➔ Align ➔ Wrap ➔ Arrange ➔ Group
8. One-Minute Revision Map
Electronic picture made up of pixels.
Smallest unit or element of a digital image.
JPG/JPEG, PNG, GIF, BMP.
Add an image to a Writer document.
Drag an image from a folder into Writer.
Copy an image and paste it into the document.
Stores image path instead of full file.
Stores the image file inside the document.
Changes complete height and width dimensions.
Removes unwanted outer portions of an image.
Changes orientation or angle of an image.
Shapes, lines, arrows, flowcharts, etc.
Combines multiple objects into one unit.
Controls front/back overlapping layer order.
Determines what the image is attached to.
Controls horizontal/vertical position.
Controls how text flows around an image.
Text flows completely around the image.
Text does not flow around the image.
Places object above overlapping items.
Places object behind other items.
9. CBSE Board Exam Question Bank & Answer Guidelines
Short Answer Questions (2 Marks)
Difference: • Cropping trims and removes unwanted outer sections of the image.
• Resizing changes the total width and height scale of the entire image without cutting off any content.
Advantage: It keeps the Writer document file size very small because the file path address is saved instead of embedding the complete high-resolution image file.
Explanation: Anchoring attaches the graphic reference to a specific paragraph. When text is inserted or removed above, pushing the paragraph down, the anchored image moves down automatically alongside it.
Explanation: Text wrapping determines how body text is arranged around an inserted graphic object, enabling text to wrap around its left, right, or all sides smoothly.
• Embedded Image: Stores a copy of the actual image inside the document. Increases file size but makes the file portable.
• Linked Image: Stores only the file directory link to the source image. Keeps file size minimal but requires the source file to remain in the same drive path.
Long Answer Questions (3/4 Marks)
1. Insert Menu Dialog: Choose Insert > Image..., select the file, and click Open.
2. Drag & Drop: Click an image file from a computer folder, drag it onto the Writer canvas, and release.
3. Copy & Paste: Copy an image using Ctrl + C and paste it inside Writer using Ctrl + V.
4. Link Image: Select an image via Insert > Image and check the 'Link' checkbox to reference the file path rather than storing the actual image.
(a) Arrangement: Controls the z-index stacking layer order when graphics overlap (Bring to Front, Send to Back).
(b) Anchoring: Specifies the attachment reference point for an image (To Page, To Paragraph, To Character, As Character).
(c) Alignment: Determines horizontal (Left, Center, Right) and vertical (Top, Middle, Bottom) positioning relative to the anchor.
(d) Text Wrapping: Dictates how body text flows around graphic borders (Page Wrap, Optimal Wrap, Wrap Off, Wrap Through).
Drawing Objects: Vector graphics created directly in Writer using the Drawing Toolbar (lines, arrows, shapes, callouts, flowcharts).
Grouping Benefits:
1. Combines multiple individual shapes into a single composite object.
2. Allows moving and repositioning the entire diagram without disturbing relative shape alignment.
3. Enables scaling and resizing all combined shapes uniformly in one step.
1. Insert: Use Insert > Image or Drag and Drop to place photos into the document.
2. Resize: Select the image and drag corner selection handles to adjust size while maintaining aspect ratio.
3. Crop: Click the Crop tool on the Image Toolbar to trim unwanted background borders.
4. Anchor & Align: Set Anchor to "To Paragraph" and align to Center or Right.
5. Wrap Text: Apply Page Wrap or Optimal Page Wrap so article text flows cleanly around the photographs.
Competency-Based Case Study Question
Answer the following:
(a) Which feature controls the flow of text around the photograph?
(b) Which feature determines what the photograph is attached to?
(c) Which feature controls the front and back order of objects?
(a) Text Wrapping (specifically Page Wrap or Optimal Page Wrap).
(b) Anchoring (specifically anchored "To Paragraph").
(c) Arrangement (using Bring to Front or Send to Back).