Dog PNG images with a transparent background

A transparent dog image is a picture of a dog with no background, so it sits on any color, photo or pattern behind it. This site offers free transparent WebP previews at 512 and 1024 pixels, and transparent PNG files at 2048 pixels on a paid plan.

What a transparent dog image is good for

A flat background is the part of a picture that fights with your layout. When the dog has no background, you choose what goes behind it.

• Mockups. Put a dog on a pet shop poster, a packaging render or a social post without cutting it out first.
• Cards and invitations. Place the same dog on a colored card, then try three colors in a minute.
• Apps and sites. Show a breed picker, an onboarding screen or an empty state where the dog floats over your own interface.
• Stickers and badges. A clean outline is the starting point for a sticker sheet or a rounded badge.

What the site offers, honestly

There are two kinds of files, and only one is free.

The images are AI-generated illustrations of 298 breeds, not photographs. If you need a PNG without paying, you can make one yourself from a preview, as shown below. The license is the reference for what you may do with each kind of file.

Save a preview from a breed page

1. Open the list of breeds and pick one, for example Golden Retriever.
2. Find the view you want. Each breed page shows nine views, such as Front, Left side and Head portrait.
3. Save the image from your browser, or use the command the page gives you to write the file to disk.
4. Copy the credit snippet from the same page and put it next to the image. It looks like this:

<a href="https://dogimage.dev/dogs/golden-retriever">Golden Retriever image: Dog Image API</a>

Some breeds have several colors. Golden Retriever has its own pages for the extra colors, so check the breed menu before you save.

Place the dog on any background with CSS

Because the transparency is in the file, the background comes from your own styles. Here the dog sits on a soft green card, with its credit link below.

<figure class="card">
  <img
    src="https://dogimage.dev/img/v1/dog/pug/fawn/adult/front@512.webp"
    alt="Pug seen from the front"
    width="512"
    height="512"
  />
  <figcaption>
    <a href="https://dogimage.dev/dogs/pug">Pug image: Dog Image API</a>
  </figcaption>
</figure>

<style>
  .card {
    background: #cfe8d5;
    border-radius: 16px;
    padding: 16px;
    max-width: 320px;
    margin: 0;
  }
  .card img {
    width: 100%;
    height: auto;
    display: block;
  }
</style>

Change the background value and the dog stays the same. A gradient or a photo works too. You can also add a soft shadow with filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.25)) on the image, which follows the outline of the dog rather than the square box.

Convert a WebP preview to PNG yourself

Some tools still want PNG. The preview already has the alpha channel, so conversion keeps the transparent background. The pixel size stays the same: a 1024 pixel preview becomes a 1024 pixel PNG. It is not a 2048 pixel file, and converting does not add detail.

With dwebp, a command line tool from the WebP project (see its manual), PNG is the default output:

dwebp pug-fawn-front.webp -o pug-fawn-front.png

With Python and the Pillow library, if your Pillow build includes WebP support:

from PIL import Image

Image.open("pug-fawn-front.webp").save("pug-fawn-front.png")

Open the result in an editor on a checkerboard or colored layer to confirm the background is still clear. If the output has a white or black box, the tool you used flattened the image. Try another one.

Which file to pick

For a web page, a mockup draft or a small app screen, the 1024 pixel preview is enough, and it is free with a credit. For print, packaging or large screens, you need pixels, so the 2048 pixel PNG on a plan is the better fit. The WebP vs PNG guide explains the format side in more detail.