Image Generation API

Generate high-quality images programmatically using our REST API.

Base URL

https://sionical.com/api.php

Parameters

Parameter Required Description Example
color Yes Base color in hex format (with or without #) 33eecc or #33eecc
style Yes Pattern/style name polkadots
width Yes Image width (1-10000) 1920
height Yes Image height (1-10000) 1080
format No Output format (png/jpg) png
download No Force download 1

Available Styles

distancePercent, polkadotsmild, polkadotsvivid, rectangular_tiles, square_tiles, transparentCircles, horizontal_bars, vertical_bars, diagonal_lines, sunburst, beehive_hexagons, circle_outline_polkadots, grungebrightcenter, grunge_texture, noise_texture, sinusoidal_lines

Example Requests

Basic PNG Image

GET https://sionical.com/api.php?color=33eecc&style=polkadots&width=800&height=600&format=png

High Resolution JPG

GET https://sionical.com/api.php?color=ff6b6b&style=sunburst&width=3840&height=2160&format=jpg

With Download

GET https://sionical.com/api.php?color=4ecdc4&style=hexagons&width=1000&height=1000&format=png&download=1

Usage Examples

HTML Image Tag

<img src="https://sionical.com/api.php?color=33eecc&style=polkadots&width=400&height=300" alt="Generated Image">

CSS Background

.element {
  background-image: url('https://sionical.com/api.php?color=ff6b6b&style=horizontal_bars&width=100&height=100');
}

JavaScript Fetch

fetch('https://sionical.com/api.php?color=54a0ff&style=noise_texture&width=800&height=600')
  .then(response => response.blob())
  .then(blob => {
    const url = URL.createObjectURL(blob);
    // Use the image URL
  });

Response Headers

  • Content-Type: image/png or image/jpeg
  • Content-Disposition: inline or attachment for downloads
  • Access-Control-Allow-Origin: * (CORS enabled)