HTML to Image - Java Guide

This page serves as a guide for using the Pdfcrowd API to capture web pages and HTML content to image screenshots in Java applications. The API is designed for easy use and straightforward integration. For general information about the converter, refer to the HTML to Image API documentation.

Installation

Download pdfcrowd-5.18.1-java.zip, unzip it and copy pdfcrowd-5.18.1.jar to your CLASSPATH.

Check out other installation options such as Maven or GitHub.

Quick Start

Below are Java examples to help you quickly get started with the API. Explore our additional examples for more insights.

import com.pdfcrowd.*;
import java.io.*;

public class ApiTest {
    public static void main(String[] args) throws IOException, Pdfcrowd.Error {
        try {
            // create the API client instance
            Pdfcrowd.HtmlToImageClient client =
                new Pdfcrowd.HtmlToImageClient("demo", "ce544b6ea52a5621fb9d55f8b542d14d");

            // configure the conversion
            client.setOutputFormat("png");

            // run the conversion and write the result to a file
            client.convertUrlToFile("http://www.example.com", "example.png");
        }
        catch(Pdfcrowd.Error why) {
            System.err.println("Pdfcrowd Error: " + why);
            throw why;
        }
        catch(IOException why) {
            System.err.println("IO Error: " + why);
            throw why;
        }
    }
}

import com.pdfcrowd.*;
import java.io.*;

public class ApiTest {
    public static void main(String[] args) throws IOException, Pdfcrowd.Error {
        try {
            // create the API client instance
            Pdfcrowd.HtmlToImageClient client =
                new Pdfcrowd.HtmlToImageClient("demo", "ce544b6ea52a5621fb9d55f8b542d14d");

            // configure the conversion
            client.setOutputFormat("png");

            // run the conversion and write the result to a file
            client.convertFileToFile("/path/to/MyLayout.html", "MyLayout.png");
        }
        catch(Pdfcrowd.Error why) {
            System.err.println("Pdfcrowd Error: " + why);
            throw why;
        }
        catch(IOException why) {
            System.err.println("IO Error: " + why);
            throw why;
        }
    }
}

import com.pdfcrowd.*;
import java.io.*;

public class ApiTest {
    public static void main(String[] args) throws IOException, Pdfcrowd.Error {
        try {
            // create the API client instance
            Pdfcrowd.HtmlToImageClient client =
                new Pdfcrowd.HtmlToImageClient("demo", "ce544b6ea52a5621fb9d55f8b542d14d");

            // configure the conversion
            client.setOutputFormat("png");

            // run the conversion and write the result to a file
            client.convertStringToFile("<html><body><h1>Hello World!</h1></body></html>", "HelloWorld.png");
        }
        catch(Pdfcrowd.Error why) {
            System.err.println("Pdfcrowd Error: " + why);
            throw why;
        }
        catch(IOException why) {
            System.err.println("IO Error: " + why);
            throw why;
        }
    }
}

Authentication

To access the API, you will need to use your Pdfcrowd username and API key. For initial testing, you may use the following demo credentials without registering:

Username: demo
API key: ce544b6ea52a5621fb9d55f8b542d14d

To obtain your personal API credentials, consider starting a free API trial or purchasing the API license.

API Output Preview

Quickly preview the API output by entering a URL or uploading an HTML file below. This will generate previews with different API settings. You can then choose the one you prefer and copy the respective API integration code into your Java application.

Below are sample images generated by the API.

Wikipedia

Stack Overflow

Customization

The API supports converting a webpage, an HTML file, or a string containing HTML into various output forms such as local files, stream objects, or variables. For detailed information about conversion inputs, please refer to the Conversion Input section of our documentation.

The table below highlights the most common customizations you might find useful. Refer to the Option Reference for a detailed description of all available options. For an interactive experience, explore these options in the API Playground.

For additional customization options and troubleshooting, please visit the FAQ section of our website where you can find answers and help related to frequent queries and common issues.

Image size	Customize the dimensions of the captured images using the setScreenshotWidth() and setScreenshotHeight().
Image format	Change the ouput image format using setOutputFormat().
Hide or Remove Contents	Utilize the following classes in your HTML code to hide or remove elements from the output: `pdfcrowd-remove`: This class applies `display:none!important` to the element, effectively removing it from the layout. `pdfcrowd-hide`: This class applies `visibility:hidden!important` to the element, making it invisible but still occupying space in the layout. For additional methods and detailed explanations, refer to this FAQ article.
Custom CSS Styling	To customize CSS styling specifically for the conversion, use setCustomCss() to inject additional styles. Alternatively, you can directly incorporate conversion-specific styling into your main stylesheet. Just prefix your CSS selectors with `.pdfcrowd-body` to ensure the styles apply only during the conversion process. For example: `.pdfcrowd-body h1 { font-size: 48px; }` `.pdfcrowd-body footer { display: none; }`
Use `@media print`	Activate the print version of a webpage (if available) using setUsePrintMedia(). This function instructs the API to apply the CSS rules defined within the `@media print` stylesheet, ensuring the output mirrors the print-optimized version of the webpage.
Inject Custom JavaScript	Utilize setCustomJavascript() or setOnLoadJavascript() to modify HTML content using custom JavaScript scripts. These scripts run when the page loads, allowing you to dynamically alter elements, styles, or behavior. In addition to the standard browser JavaScript APIs, your scripts can leverage helper functions provided by our JavaScript library.
HTML Templates	Add data to your HTML templates for dynamic generation tailored to specific content needs. For details, refer to HTML Template to Image.

Error Handling

It is recommended that you implement error handling to catch errors the API may return. Effective error handling is vital as it ensures application stability and provides clearer diagnostics. See the example code below for guidance on implementing error handling, and refer to this list of status codes for more information.

try {
    // call the API 
}
catch(Pdfcrowd.Error why) {
    // print the error
    System.err.println("Pdfcrowd Error: " + why);

    // print the error code
    System.err.println("Pdfcrowd Error Code: " + why.getCode());

    // print the error message
    System.err.println("Pdfcrowd Error Message: " + why.getMessage());
}

Troubleshooting

If you are receiving an error, refer to the API Status Codes for more information.
Utilize setDebugLog() and getDebugLogUrl() to obtain detailed information about the conversion process, including load errors, load times, browser console output, etc.
Consult the FAQ for answers to common questions.
The maximum size for any created image is 65 megapixels. Images exceeding this size are cropped vertically to meet this limit.
Contact us if you need assistance or if there is a feature you are missing.

API Method Reference

Refer to the HTML to Image Java Reference for a description of all API methods.