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

Why another dummy image generator?

/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.
(989) 890-9159
?delay=3gDelay. Easy testing of connectivity problems
346-218-1864
/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="/satyr.io/1200x16:9media="(min-width: 1280px)">
    <source srcset="/satyr.io/980x16:9media="(min-width: 992px)">

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

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

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

</picture>

Live example

Lack of connectivity / Simulate slow connection

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

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

209-373-9415

Variable image resolution

Prepare your layout for unexpected and uncommon image dimensions.

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

(254) 628-9290

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.

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

uncomprising

Icons

Country flags

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

Brands

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

7807544640

Offline prototyping

You can do all this even if you are offline.

(708) 340-5034

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="/satyr.io/200/1" alt="image 1">
<img src="/satyr.io/200/2" alt="image 2">

js

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

wget

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

curl

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

iOS (swift)

/ 200x200px image, with 2 seconds delay
let url=NSURL(string:"/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 = "/satyr.io/200?delay=2000";

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

imgView.setImageUrl(url, imageLoader);

Check all the features in our documentation.