Screenshot Mode Guide

Four easy-to-use screenshot modes to meet your various needs

📸 Which Mode is Best for You?

ModeWhen to UseSpeedDifficultyRecommendation
Visible AreaQuick screenshot of current visible content⚡ Super Fast🟢 Very Simple⭐⭐⭐⭐⭐
Full PageSave complete long articles or webpages🐢 Slightly Slower🟢 Very Simple⭐⭐⭐⭐⭐
Element SelectionOnly want a specific button, image, or text🚀 Fast🟡 Simple⭐⭐⭐⭐
Area SelectionNeed to precisely select an area🚀 Fast🟡 Simple⭐⭐⭐⭐

🖼️ Visible Area Mode

What is Visible Area Mode?

Like taking a photo with your phone, it captures everything you currently see on the screen. It doesn't include parts that need scrolling to see.

When to Use This Mode?

  • Quick Sharing: See interesting images or text, want to share with friends immediately
  • Save Information: Temporarily save important phone numbers, addresses, or prices
  • Problem Feedback: Send screenshots to customer service to explain problems
  • Learning Notes: Save important knowledge points with screenshots

How to Use

  1. Click extension icon to open tool
  2. Select "Visible Area" mode
  3. Click "Screenshot" button
  4. Done! Image will be automatically saved

Tips

  • Ensure the content you want to capture is fully displayed on screen
  • If page is long, consider using "Full Page" mode
  • You can adjust browser window size before screenshot

📄 Full Page Mode

What is Full Page Mode?

Automatically scrolls from top to bottom of the page, stitching all content into a complete long image. Like rolling up a long paper and taking a photo!

When to Use This Mode?

  • Save Articles: See long articles, want to save completely for later reading
  • Webpage Archiving: Important webpage content, want to save completely
  • Chat Records: Save complete chat conversation records
  • Product Introductions: Complete product detail pages

How to Use

  1. Open the long page you want to screenshot
  2. Click extension icon
  3. Select "Full Page" mode
  4. Click start screenshot, wait patiently for completion
  5. Tool will automatically scroll and stitch complete image

Notes

  • The longer the page, the more time it takes
  • Ensure stable network connection
  • Some dynamically loaded webpages may require special handling
  • Don't operate browser during screenshot process

Practical Tips

  • You can clean unwanted content (like ads) before screenshot
  • Ensure page is fully loaded before starting screenshot
  • For very long pages, consider taking screenshots in sections

🎯 Element Selection Mode

What is Element Selection Mode?

Like using a magic wand, when you hover over various elements on the page, they will be automatically highlighted, and you can precisely capture specific elements by clicking.

When to Use This Mode?

  • Save Images: Only want a specific image from the webpage
  • Screenshot Buttons: Save a specific button or icon
  • Text Content: Only want a specific text or title
  • Product Images: Only want product images on e-commerce sites
  • Form Elements: Save specific input boxes or selection boxes

How to Use

  1. Select "Element Selection" mode
  2. Move mouse to the element you want to capture
  3. Element will be highlighted with blue border
  4. Click mouse to complete screenshot

Supported Element Types

  • 📷 Images and photos
  • 🔘 Buttons and icons
  • 📝 Text paragraphs and titles
  • 📊 Tables and charts
  • 🎨 Design elements and decorations
  • 📱 Navigation menus and links

Practical Tips

  • Tooltip information shows element type when mouse moves
  • If element is too small, you can use "Area Selection" mode first
  • Press ESC key to exit selection mode
  • Complex nested elements may require multiple attempts

📐 Area Selection Mode

What is Area Selection Mode?

Like using a picture frame, you can drag a rectangular area with your mouse, capturing only the content within the frame. Capture wherever you want!

When to Use This Mode?

  • Precise Screenshot: Need precise control over screenshot size and position
  • Comparison Screenshots: Capture multiple similar elements for comparison
  • Privacy Protection: Only want part of the page content, hide other information
  • Teaching Demos: Need to highlight specific areas when creating tutorials
  • Avatar Creation: Capture appropriate avatar area from photos

How to Use

  1. Select "Area Selection" mode
  2. Hold left mouse button on page
  3. Drag mouse to create selection box
  4. Release mouse to complete screenshot

Advanced Features

  • Size Display: Real-time size display when dragging
  • Position Adjustment: Fine-tune selection box position and size
  • Ratio Lock: Support locking common ratios (like 1:1, 16:9, etc.)
  • Grid Alignment: Auto-align to grid for neater screenshots

Practical Tips

  • Hold Shift key to maintain square ratio
  • Can use keyboard arrow keys for fine-tuning
  • Suitable for creating specific size images (like avatars, cover images)
  • If precise dimensions needed, you can measure first then screenshot

💡 Smart Selection Suggestions

Auto-select Based on Scenario

  • Article Reading → Full Page mode
  • Quick Sharing → Visible Area mode
  • Save Images → Element Selection mode
  • Precise Control → Area Selection mode

Actual Usage Scenarios

Scenario 1: Study Notes

Encounter a long technical article, want to save completely:

1. Scroll to article top
2. Use Full Page mode
3. Wait for auto-scroll completion
4. Get complete long image save

Scenario 2: Shopping Comparison

See similar products on different sites, want to compare prices:

1. Use Element Selection mode for each product
2. Only capture product image and price part
3. Put multiple screenshots together for comparison
4. Choose most suitable product

Scenario 3: Create Avatar

Want to use your favorite photo as avatar:

1. Find favorite photo
2. Use Area Selection mode
3. Hold Shift key to maintain square
4. Drag to select appropriate area
5. Perfect avatar is ready!

❓ Frequently Asked Questions

Q: Why are full page screenshots sometimes incomplete?

A: Some webpages use infinite scrolling or dynamic loading,建议等待页面完全加载后再截图,或者分多次截图。

Q: Why can't some elements be selected in Element Selection mode?

A: Too small elements or complex nested structures may be difficult to recognize, you can try using Area Selection mode for precise selection.

Q: What to do if screenshot image is too large?

A: Full page screenshots do produce larger image files, you can consider taking area screenshots, or use image compression tools.

Q: Why do some websites have poor screenshot effects?

A: Some websites have special anti-screenshot measures or complex page structures,建议尝试不同的截图模式。

Q: Where are screenshots saved?

A: Screenshots are automatically saved to your download folder, you can also change save location in settings.

🎉 Summary

Four modes each have their characteristics, master them and you can handle various screenshot needs:

  • Beginner Friendly: Visible Area mode is simplest, suitable for beginners
  • Powerful Features: Full Page mode can save complete content
  • Precise Selection: Element Selection mode intelligently recognizes page elements
  • Complete Control: Area Selection mode gives you maximum freedom

Remember: Try different modes more, find the way that best suits your usage habits!


📸 Now you've mastered all screenshot modes, start your screenshot journey!