Speech Bubble PNG
Make a white speech bubble with dark text and a transparent background. Pick Round, Square, Thought or Burst, choose a left, right or absent tail, then download the PNG. Use Blank bubble for empty clipart or a template, or add a photo to draw the bubble over it. Words and pictures stay in this browser.
Round. Soft corners, the ordinary speech bubble.
Tail left. The tail points down and to the left.
846 × 268 pixels at 2×. Everything outside the outline is transparent.
A round speech bubble with a tail pointing down and to the left, reading: Nothing is uploaded
A round bubble on 1 line, left tail. Download PNG saves 846 × 268 pixels at 2×.
Press return in the text box to break a line yourself. A line holds 20 characters at this width, and a bubble holds 600 in total.
What comes out
Common questions
- How do I get a transparent background?
- You already have one. There is no background to switch off: the canvas starts empty and only the bubble is drawn on it, so the PNG carries an alpha channel and everything outside the outline is fully transparent. The grey and dark squares behind the bubble on this page are the checkerboard that stands for transparency, the way an image editor draws it; they are not in the file. What is opaque is the bubble itself, which is white with a dark outline and dark text, and a picture if you added one behind it. Drop the download onto a slide, a document or a photograph and there is no white box around it.
- What size does the PNG come out?
- Whatever size is printed in the Export pane, in whole pixels, because that is the size the canvas is set to and the download is that canvas. The width comes from the longest line and the height from the number of lines, so a one line bubble is short and wide and every line you add makes it taller. The Size control offers 1x and 2x: 2x is exactly twice the width and twice the height, the same drawing at twice the resolution, which is the one to pick for a slide or a print. Line width sets where the words wrap, at 14, 20 or 30 characters, and a bubble holds 600 characters in total. A line of unusually wide letters is set slightly smaller rather than allowed to run past the outline.
- How do I put the bubble over a photo?
- Two ways, and both work. Add a picture on this page and the canvas becomes that picture's own pixel size, with the bubble drawn over it near the top and scaled to about three quarters of its width, or smaller when the bubble is a tall one; the download is then one PNG with both in it, and the Size control steps aside because the picture decides the dimensions. Or leave the picture out, download the transparent bubble on its own, and place it over the photo in whatever you are already using: a slide, a document, a video editor or an image editor. The transparent PNG is the more flexible of the two, because you can move it afterwards.
- Is the picture I add uploaded anywhere?
- No. Your browser opens the selected file locally and draws it in this tab. The tool remembers your text, shape, tail, line width and export size in browser storage, but does not store the picture. Blank mode is a choice for this visit and does not delete your text.
- What are the four shapes for?
- Round is the ordinary speech bubble, with soft corners. Square has sharp corners and suits a caption or a panel. Thought is a cloud, and its tail is two smaller bubbles trailing off the corner rather than a point. Burst is a spiked star for a shout, and it is drawn larger around the same words because its points cut inward. The tail on all four can point down and to the left, down and to the right, or be left off entirely; the room the tail needs is reserved either way, so switching it does not change the size of the file.
- Why will it not take my long word?
- Because a single word that is longer than the line would have to be broken in the middle, and a bubble with a word snapped in half is worse than an error. The tool names the word, says how long it is and how long a line is, and gives you the two ways out: shorten the word, or pick a wider line at 20 or 30 characters. Ordinary text never hits this. You can also press return in the text box to break a line exactly where you want it, and a blank line is kept as a gap.
- Can I make a blank bubble, clipart or a meme?
- Select Blank bubble to export an empty white bubble with a dark outline. Uncheck it to bring your words back. Round and Square suit comic or manga dialogue, Thought is a cloud for thinking, and Burst suits an angry shout or an explosion. For a meme, type your own caption and optionally add a photo. These are simple drawn shapes, without artwork from a named character or game.
- Can I use this on an iPhone or another phone?
- The controls use your browser: type with the phone keyboard, choose a shape and save the PNG. A current browser with 2D canvas and PNG export is required. Picture formats and how the file is saved depend on that browser.
What the canvas shows is what the PNG contains, at the pixel size printed under it, transparent everywhere outside the bubble unless you have put a picture there. It draws a speech bubble and nothing else: it is not a screenshot of any app, and it knows nothing about a picture you add behind it.