Make prototyping easy with satyr.io
It's free!

Why another dummy image generator?

http://satyr.io/200x300Dimensions, width, and height can be variable.
click for more
/red
Color. In a variety of formats (Name, RGB HEX etc.) and themes.
click for more
?delay=3gDelay. Easy testing of connectivity problems
click for more
http://satyr.io/200x300/red?delay=3g

And more features

Responsive image testing

Easily create a set of responsive images with a defined aspect ratio.

<picture>
    
<source srcset="http://satyr.io/1200x16:9media="(min-width: 1280px)">
    <source srcset="http://satyr.io/980x16:9media="(min-width: 992px)">

    <source srcset="http://satyr.io/768x16:9media="(min-width: 768px)">

    <source srcset="http://satyr.io/480x4:3media="(min-width: 480px)">

    <img srcset="http://satyr.io/320x4:3alt="">

</picture>

Live example

Lack of connectivity / Simulate slow connection

Add a delay parameter when you need to test connection lags.

  • http://satyr.io/200x300?delay=3g
  • http://satyr.io/200x300?delay=1000
  • http://satyr.io/200x300?delay=1000-3000

Live example

Variable image resolution

Prepare your layout for unexpected and uncommon image dimensions.

  • http://satyr.io/200-250x300
  • http://satyr.io/200x200-300
  • http://satyr.io/200-250x200-300

Live example

Lorem ipsum
Quis laborum
Aute in sunt
Sed eu proident
Nostrud dolore
Excepteur cillum

Color themes

Simply create a different variant of images for visual feedback.

  • http://satyr.io/200x300/1
  • http://satyr.io/200x300/2
  • http://satyr.io/200x300/3

Live example

Icons

Country flags

  • http://satyr.io/80x60?flag=cze
  • http://satyr.io/80x60?flag=svk
  • http://satyr.io/80x60?flag=che

Brands

  • http://satyr.io/80x60?brand=facebook
  • http://satyr.io/80x60?brand=apple
  • http://satyr.io/80x60?brand=github

Live example

Offline prototyping

You can do all this even if you are offline.

GET CHROME EXTENSION

Unable to connect to the Internet

Browser can't display the webpage because your computer isn't connected to the Internet.

Lorem ipsum
Quis laborum
Aute in sunt
Sed eu proident
Nostrud dolore
Excepteur cillum

Usage

html

<img src="http://satyr.io/200/1" alt="image 1">
<img src="http://satyr.io/200/2" alt="image 2">

js

var image = new Image();
image.src ='http://satyr.io/200';
document.body.appendChild(image);

wget

wget http://satyr.io/200/1 -O image-1.png

curl

curl http://satyr.io/200/2 -o image-2.png

iOS (swift)

// 200x200px image, with 2 seconds delay
let url=NSURL(string:"http://satyr.io/200?delay=2000")

NSURLSession.sharedSession().dataTaskWithURL(url!,
completionHandler: {
data, response, error in
let image = UIImage(data: data)
// ... process image
}).resume()

Android (volley library)

// 200x200px image, with 2 seconds delay
final String url = "http://satyr.io/200?delay=2000";

NetworkImageView imgView = (NetworkImageView)
view.findViewById(R.id.image);

imgView.setImageUrl(url, imageLoader);

Check all the features in our documentation.