GLOBUS.App

Image placeholder

This API generates a placeholder image with specified width, height, and background color
  • Latency
2ms

About

The API generates a placeholder image based on the provided parameters for width, height, and background color. The color is specified in HEX format and converted to RGB for image creation. The generated image is in PNG format and returned directly in the HTTP response
by GLOBUS.studio

Endpoint

				
					/**
 * Placeholder Image API
 * GET https://api.globus.studio/v2/ph_image?width=200&height=150&color=%23FF5733
 * Response: image blob
 * Also usable as <img src="...">
 */

// JS (create img element)
async function placeholderImg(width, height, color) {
    const url = `https://api.globus.studio/v2/ph_image?width=${width}&amp;height=${height}&amp;color=${encodeURIComponent(color)}`;
    const img = document.createElement('img');
    img.src = url;
    document.body.appendChild(img);
}

placeholderImg(200, 150, '#FF5733');

// HTML
// <img src="https://api.globus.studio/v2/ph_image?width=200&amp;height=150&amp;color=%23FF5733">