Placeholders.xyz - Placeholder Image Generator

Create dynamic placeholder images instantly!

How to Use?

Basic Usage:
https://placeholders.xyz/300x200
Placeholder örneği

Custom Color & Text:
https://placeholders.xyz/300x200/FF0000/FFFFFF?text=Hello
Placeholder örneği

Usage in Popular Languages

HTML

<img src="https://placeholders.xyz/800x400" alt="Placeholder">

CSS

background-image: url('https://placeholders.xyz/1920x1080');

JavaScript

const img = new Image();
img.src = 'https://placeholders.xyz/400x300/FF5733/FFFFFF?text=JS';

PHP

$image = 'https://placeholders.xyz/500x300/4287f5/FFFFFF?text=PHP';

Python

image_url = 'https://placeholders.xyz/600x400/2ecc71/FFFFFF?text=Python'

React

<img src={`https://placeholders.xyz/300x200/3498db/FFFFFF?text=React`} />

Vue.js

<img :src="'https://placeholders.xyz/300x200/e74c3c/FFFFFF?text=Vue'" />

Angular

<img [src]="'https://placeholders.xyz/300x200/d35400/FFFFFF?text=Angular'">
🇩🇪 Deutsch 🇬🇧 English 🇪🇸 Español 🇫🇷 Français 🇯🇵 日本語 🇰🇷 한국어 🇷🇺 Русский 🇹🇷 Türkçe