Images & Signatures

Add images and signatures to your PDF documents to enhance visual communication and add authenticity to your files.

Working with Images

Inserting an Image

1. Click the Image tool in the toolbar
2. Select an image file from your computer (PNG, JPEG supported)
3. Click on the page where you want to place the image
4. The image appears at a default size — resize and reposition as needed

Image Formats

Supported formats:

• PNG — Best for diagrams, logos, screenshots (supports transparency)
• JPEG — Best for photos and complex images (smaller file size)

The editor automatically detects the format and handles it appropriately.

Resizing Images

1. Select the image by clicking it
2. Drag the corner handles to resize:
   • Corner handles — Resize while maintaining aspect ratio
   • Edge handles — Stretch in one direction
3. The image scales while maintaining quality

Moving Images

1. Click and drag the image to move it
2. Use arrow keys for fine adjustments (hold Shift for larger steps)
3. Position it to align with text or other elements

Deleting Images

1. Click the image to select it
2. Press Delete key or click the Delete button
3. The image is removed from the page

Image Properties

When you select an image, you can see:

Property	Description
Dimensions	Width and height of the image
Position	X and Y coordinates on the page
Format	PNG or JPEG
Opacity	Transparency level (coming soon)

Working with Signatures

Signatures add authentication and personalization to your documents. The PDF Editor supports two signature methods: Drawing and Typing.

Creating a Handwritten Signature

1. Click the Signature tool in the toolbar
2. In the signature dialog, select the Draw tab
3. Use your mouse or touchpad to draw your signature
4. The canvas captures your handwriting strokes
5. Click Clear to start over if needed
6. Click Add Signature when satisfied
7. Click on the page to place the signature
8. Resize and position as needed

Creating a Typed Signature

For a more formal or cleaner signature:

1. Click the Signature tool in the toolbar
2. Select the Type tab in the signature dialog
3. Enter your name in the text field
4. Choose a signature font style:
   • Script 1 — Elegant cursive style
   • Script 2 — Flowing handwriting style
   • Script 3 — Modern signature style
5. Preview updates in real-time
6. Click Add Signature when ready
7. Click on the page to place the signature
8. Resize and position as needed

Signature Storage

Your last signature is automatically saved to your browser:

• Auto-remembered — The next time you use the signature tool, your previous signature appears as the default
• Clear History — You can clear the saved signature and create a new one
• Security — Signatures are stored locally in your browser, not on servers

Positioning Signatures

1. After clicking to place the signature, it appears on the page
2. Click and drag to reposition
3. Drag handles to resize
4. Use arrow keys for precise positioning
5. Position near the bottom for formal documents or anywhere for stamps

Signature Use Cases

Legal Documents

• Place at the bottom of the document
• Use typed signatures for contracts
• Resize to fit signature lines

Approvals

• Add to indicate approval or review
• Use initials instead of full signatures
• Date stamps beside signatures

Branding

• Add company signature/logo
• Use in headers or footers
• Resize to match document style

Drawing Shapes

Beyond just text and images, you can also add geometric shapes to enhance your documents.

Adding Rectangles

1. Click the Rectangle tool in the toolbar
2. Click and drag on the page to draw a rectangle
3. Handles appear — resize by dragging corners or edges
4. In the properties panel:
   • Fill Color — Choose the fill (interior) color
   • Stroke Color — Choose the outline (border) color
   • Stroke Width — Set the thickness of the border

Adding Ellipses

1. Click the Ellipse tool in the toolbar
2. Click and drag on the page to draw an ellipse or circle
3. Handles appear — resize by dragging corners or edges
4. In the properties panel:
   • Fill Color — Choose the fill color
   • Stroke Color — Choose the border color
   • Stroke Width — Set the thickness of the border

Shape Customization

For both rectangles and ellipses:

Option	Purpose
Fill Color	Interior color of the shape (e.g., light blue)
Stroke Color	Border color (e.g., dark blue)
Stroke Width	Border thickness in points (1-5 recommended)

Shape Examples

Highlight Box

• Light yellow fill, light border
• Places a subtle highlight behind important text

Callout Circle

• Light fill, bold border
• Draws attention to specific elements

Dividing Line

• No fill, solid border
• Use as a visual separator (thin horizontal rectangle)

Watermark Box

• Light gray fill, no border
• Use as background for headers or footers

Combining Elements

Create professional-looking documents by combining text, images, and shapes:

Business Card Layout

1. Add a rectangle as the background
2. Place company logo (image) in the top-left
3. Add company name (text, large, bold) on the top-right
4. Add contact information (text, smaller) below
5. Add a decorative line (thin rectangle) at the bottom

Report Cover Page

1. Add a large rectangle background in company colors
2. Place company logo (image) at the top
3. Add document title (text, very large, bold) in the center
4. Add date and author (text, smaller) near the bottom
5. Use ellipses as decorative elements

Form Template

1. Add rectangles as form fields
2. Add text labels above or beside each field
3. Use lines to separate sections
4. Add a signature line (small rectangle) at the bottom
5. Add page numbers (text)

Tips and Best Practices

Image Quality

• Use High Quality — Higher resolution images look better when exported
• Appropriate Formats — Use JPEG for photos, PNG for graphics
• File Size — Large images may increase document size; consider compression

Signature Best Practices

• Consistency — Use the same signature style throughout a document
• Size — Make signatures large enough to be easily visible
• Position — Place signatures in expected locations (bottom for official docs)

Combining with Text

• Grouping — Position images and text together to create cohesive sections
• Alignment — Align images and text for a professional appearance
• Spacing — Leave adequate space between elements

Accessibility

• Describe Images — Add nearby text describing what images show
• Signature Placement — Use consistent placement so viewers know where to look
• Contrast — Ensure sufficient contrast between images/shapes and backgrounds

Exporting Images and Signatures

When you export your document as a PDF:

1. All images are embedded in the PDF at their current size and position
2. Image quality is preserved based on the original file quality
3. Signatures are treated as images and embedded in the PDF
4. Shapes (rectangles, ellipses) are exported as vector graphics
5. All elements remain in their exact positions

Troubleshooting

Image appears pixelated or blurry

• Why — The image resolution is lower than the display resolution
• Solution — Use a higher-resolution source image, or reduce the image size on the page

Signature is too small to see

• Solution — Select the signature and drag handles to make it larger. Aim for 1-2 inches wide.

Signature lines don't align with text

• Solution — Use the arrow keys for fine positioning adjustments after placing the signature

Image file won't upload

• Why — File format not supported or file is corrupted
• Solution — Try a different format (PNG or JPEG), or re-export the image from its source

Next Steps

• Text Editing — Learn more text formatting options
• Page Management — Organize your document structure
• OCR & Accessibility — Make scanned documents searchable