PlaceDog API

⭐ Beginner's Pick Animals / No Auth Required Beginner HTTPS CORS
Free to Use Varies (check documentation)

Overview

PlaceDog generates placeholder dog images at any dimensions you request by encoding width and height in the URL path, letting you drop real dog photos into wireframes without any auth or setup. It returns a JPEG image directly, so you just use the URL as an img src in your HTML. This zero-friction approach makes it ideal for front-end beginners practicing CSS layouts.

💡

Beginner Tip

Use https://place.dog/WIDTH/HEIGHT as your img src — for example img src="https://place.dog/300/200" places a 300x200 dog photo directly on your page with no JavaScript needed.

Available Data

random dog image URLs
breed and sub-breed lists
breed-specific images
randomly generated data
customizable output format
Use case: Integrate placeholder dog pictures data into web and mobile applications

Example Response

JSON Response
{
  "message": "https://images.dog.ceo/breeds/retriever-golden/n02099601_1.jpg",
  "status": "success"
}

Field Reference

(binary image) A JPEG dog photo at the requested dimensions — use the URL directly as an img src.
width (URL segment) Desired output width in pixels, first path segment after the domain.
height (URL segment) Desired output height in pixels, second path segment after the domain.

Implementation Example

const url = "https://place.dog/";
const response = await fetch(url);
if (!response.ok) throw new Error(`Request failed: ${response.status}`);
const data = await response.json();
console.log(data);

What Can You Build?

Note: These code examples are AI-generated and unverified. Always refer to the official API documentation for accurate usage.

Common Errors & Troubleshooting

Broken image icon Typo in the URL — using http instead of https or misspelling "place.dog"
Verify the URL is exactly https://place.dog/width/height with no extra characters
Image loads but wrong aspect ratio CSS width and height both overriding the URL-specified dimensions
Set only one CSS dimension and use auto for the other, or remove CSS sizing entirely
fetch() returns opaque response Fetching a cross-origin image resource with mode: no-cors
Retrieve the image with mode: cors or simply use an img tag, which handles cross-origin images automatically

Matrix Score Breakdown

🌐 Reachability 30/30
⚡ Speed 10/20
🔒 Security 15/15
🛠 Developer XP 20/20
✓ Reliability 7/15
Response Time 760ms

Fully tested on Apr 5, 2026

Technical Specifications

Auth No Auth
HTTPS REQUIRED
CORS YES
Category Animals
Difficulty Beginner
Verified: 2026-04-04

Similar APIs

View All →