How do I set a transparent background?

Use '?bg=transparent&filetype=png' for a transparent background. For example: /v1/400x200?bg=transparent&filetype=png. Note: Add the filetype as a query parameter, not as a file extension. JPG/JPEG formats do not support transparency. See the format comparison for more details.

Powerful Placeholder Image Generator

Instantly create placeholder images with custom dimensions, colors, text, and formats. Use our interactive tool or API for seamless integration in your web projects.

Flexible size, color & text options
Ultra-fast CDN delivery
Developer-friendly API

Try it now: (Adjust settings and preview instantly)

Live Preview:

Tip: You can use the generated URL directly in your code or design tools.

Key Features

Custom Dimensions

Set any width and height up to 2000px for pixel-perfect mockups.

Color Options

Choose background, text, and shadow colors for full visual control.

Text Customization

Set custom text, font size, bold & italic styling, and more.

Multiple Formats

PNG, JPG, JPEG, GIF: choose the format that fits your workflow.

Accessibility Built-In

High-contrast options & ARIA-ready for inclusive design.

Developer Friendly

Simple URLs, easy embeds, and robust docs for any stack.

How to Use Imageslot.com

Building a placeholder image is simple: just construct a URL with your desired parameters. You can use our demo tool above, or manually build your URLs for advanced needs.

Quick Start: To create a 600x400 PNG placeholder with white text on blue, use: https://imageslot.com/v1/600x400?bg=173559&fg=ffffff&filetype=png

1 Set Dimensions and Format

Specify {width}x{height} directly in the URL path. Select the format with ?filetype=png (or jpg, gif, etc).

https://imageslot.com/v1/800x450?filetype=jpg Placeholder image generated with Imageslot.com for 800x450 in JPG format

2 Add Colors and Text

Use ?bg= and fg= for background and text color (hex, no # needed), and &text= to set custom text. What's this?

https://imageslot.com/v1/800x450?bg=00bfae&fg=23272f&text=Hero+Banner&filetype=png

3 Advanced Styling (Optional)

Add shadow=, fontsize=, bold, or italic for advanced customization. View all parameters

https://imageslot.com/v1/800x450?text=Preview&bold=1&italic=1&shadow=3DA35D&fontsize=48&filetype=png Placeholder image generated with Imageslot.com for 800x450, bold italic text, shadow, custom font size

Chain parameters with & for multiple options.
Use filetype=gif parameter for simple animated placeholders (e.g., loading states).
All parameters can be combined for full control. See more examples
For accessibility, use high-contrast color combos: ?bg=ffffff&fg=23272f&filetype=png

Frequently Asked Questions

Most display issues are due to incorrect URL format, unsupported parameters, or hotlink protection on some platforms. Double-check the URL syntax and parameter values. If embedding in a CMS or builder, ensure the URL is not being modified. See troubleshooting tips for more help.

Use ?bg=transparent with ?filetype=png for a transparent background. Example:
/v1/400x200?bg=transparent&filetype=png
Note: JPG/JPEG formats do not support transparency. For more, see format comparison.

Imageslot.com supports up to 2000x2000 pixels per image. For larger sizes, consider optimizing image delivery and performance. Most design and dev scenarios work best with images below 1200px wide.

Yes, Imageslot.com is free to use in both personal and commercial projects. Attribution is appreciated but not required. See terms of service for details.

Use the shadow= parameter to set the shadow color, and bold=1 or italic=1 for font styling. Example:
/v1/500x250?text=Bold+Shadow&bold=1&shadow=23272F&filetype=png

Having Trouble?

If your image isn’t displaying as expected, check:

Parameter spelling & supported values
Your code/editor does not strip query params
Use PNG for transparency
Max size: 2000x2000px

Read Troubleshooting

Placeholder Images Made Easy

Imageslot.com is designed to make even advanced placeholder image needs simple and accessible. Whether you’re a beginner or a senior developer, you can generate the perfect image—fast.

1Use a ready-made URL for instant results:

/v1/728x90?bg=3DA35D&fg=fff&text=Banner&filetype=png

2Or, combine parameters for advanced control:

/v1/728x90?bg=1A726B&fg=23272F&text=Advanced+API&shadow=173559&bold=1&filetype=png

Beginner’s Quick Start: Just copy the image URL above and use it in your HTML!

Tip: Contrast your text and background colors for better readability. Read more

Pro Tip: Use query parameters to fine-tune your images for each project, from wireframes to production.

For Developers & Integrators

<img src="https://imageslot.com/v1/400x200?text=Demo&filetype=png" alt="Placeholder">

{`<img src=\"https://imageslot.com/v1/400x200?text=React+Component&filetype=png\" alt=\"Placeholder\" />`}

<img :src="`https://imageslot.com/v1/400x200?text=Vue+Image&filetype=png`" alt="Placeholder">

[image src="https://imageslot.com/v1/400x200?text=WP+Shortcode&filetype=png" alt="Placeholder"]

Integration Guides API Docs

Live-Editable Example

Related Tools & Resources

Color Picker

Find and copy hex codes for perfect backgrounds and text.

Font Previewer

Try font sizes, weights, and styles for your images.

Image Compression Guide

Optimize placeholder images for performance everywhere.

Accessibility: High-contrast options, ARIA-compliant markup, and keyboard-friendly navigation across all pages.

Performance: CDN-optimized images and resources, minimal latency worldwide.