如何用Selenium Java截取彩色截图？截图变色原因排查

Hey there! Let's figure out why your Selenium screenshots are showing weird colors and get you those true-to-life captures you need. Here are the most common culprits and how to fix them:

1. Browser Hardware Acceleration Causing Rendering Glitches #

Modern browsers use GPU acceleration to speed up page rendering, but this can sometimes introduce color distortions in screenshots. Try disabling it via browser launch options:

ChromeOptions options = new ChromeOptions();
// Disable GPU acceleration to avoid rendering anomalies
options.addArguments("--disable-gpu");
// Force software rendering as a fallback
options.addArguments("--disable-software-rasterizer");
WebDriver driver = new ChromeDriver(options);

2. Using JPG Format (Lossy Compression) #

JPG uses lossy compression that can wash out colors, especially for elements with subtle gradients or vibrant hues. Switch to PNG for lossless quality:
Change this line in your code:

ImageIO.write(eleScreenshot, "jpg", screenshots);

To:

ImageIO.write(eleScreenshot, "png", screenshots);

And update the file extension when saving:

FileUtils.copyFile(screenshots, new File (location + "img" + i + ".png"));

3. Fixed Coordinate Cropping Might Be Misaligned #

You’re using hardcoded coordinates (465, 190) to crop the element, which could be off if the page scrolls, resizes, or shifts layout. Use the element’s actual location instead:
Replace:

BufferedImage eleScreenshot= fullImg.getSubimage(465, 190,eleWidth,eleHeight);

With:

Point eleLocation = Decision_Maker.getLocation();
BufferedImage eleScreenshot = fullImg.getSubimage(
    eleLocation.getX(), 
    eleLocation.getY(), 
    eleWidth, 
    eleHeight
);

4. Outdated Browser/Driver Version Mismatch #

A mismatch between your Chrome browser and ChromeDriver versions can cause rendering inconsistencies that affect screenshots. Make sure you’re using the exact matching ChromeDriver version for your installed Chrome browser.

Updated Version of Your Code (Incorporating Fixes) #

Here’s your code with key fixes applied, plus a couple of minor improvements:

// Initialize driver with fixes for rendering issues
ChromeOptions options = new ChromeOptions();
options.addArguments("--disable-gpu");
options.addArguments("--disable-software-rasterizer");
WebDriver driver = new ChromeDriver(options);

((JavascriptExecutor)driver).executeScript("window.scrollBy(0,131)");
int yPosition = Decision_Maker.getLocation().getY();
for(int j = 1; j<=list.size(); j++) {
    // Get entire page screenshot
    File screenshots = ((TakesScreenshot)driver).getScreenshotAs(OutputType.FILE);
    BufferedImage fullImg = ImageIO.read(screenshots);
    
    // Get element's size and actual location
    int eleWidth = Decision_Maker.getSize().getWidth();
    int eleHeight = Decision_Maker.getSize().getHeight();
    Point eleLocation = Decision_Maker.getLocation();
    
    // Crop using element's real coordinates
    BufferedImage eleScreenshot= fullImg.getSubimage(
        eleLocation.getX(), 
        eleLocation.getY(), 
        eleWidth, 
        eleHeight
    );
    // Save as lossless PNG
    ImageIO.write(eleScreenshot, "png", screenshots);
    
    // Scroll to next element position
    JavascriptExecutor js = (JavascriptExecutor) driver;
    js.executeScript("window.scroll (0, " + yPosition + ") ");
    yPosition = yPosition + eleHeight;
    
    // Wait for page to stabilize (pro tip: use WebDriverWait instead of Thread.sleep for reliability!)
    Thread.sleep(3000);
    
    // Fixed file path with escaped backslashes
    String location = "E:\\Automation\\Screenshots\\";
    
    // Save screenshot with PNG extension
    FileUtils.copyFile(screenshots, new File (location + "img" + i + ".png"));
    Thread.sleep(3000L);
}

Quick note: I fixed the escaped backslashes in your file path to avoid runtime errors, and added a suggestion to replace Thread.sleep() with WebDriverWait—this makes your waits more reliable by waiting for specific page conditions instead of arbitrary timeouts.

内容的提问来源于stack exchange，提问作者Kajol Gupta