Placeholder Images for Notion Pages and Embeds

Published March 11, 2026

Notion is widely used for project documentation, design specs, and sprint planning. These pages often reference images — wireframes, screenshots, component previews — that don't exist yet. Adding a properly sized placeholder image with a descriptive label keeps the page structured and visual, communicating exactly what content belongs in each slot.

When to use placeholder images in Notion

Placeholder images are useful in several Notion workflows:

- **Design specs**: Show where screenshots or mockups will go, with the exact dimensions noted in the label - **Sprint planning**: Mark cards that need visual assets with a placeholder showing the required size - **Product briefs**: Include image slots for competitive screenshots, user research photos, or UI examples - **Documentation wikis**: Reserve space for diagrams, flowcharts, or architecture images that are in progress

Generating images for Notion

Notion pages have a content width of approximately 700 pixels. Images wider than this are scaled down. For full-width images, generate at 700px wide. For inline or column images, use smaller widths like 350px or 450px.

Common sizes for Notion:

- **Full-width illustration**: 700×400 - **Half-width in columns**: 350×250 - **Cover image**: 1500×300 (Notion page cover) - **Database gallery thumbnail**: 280×180 - **Icon-sized**: 64×64, 128×128

Generate these in PlacePack with labels that describe their purpose. Download the PNG files.

Adding images to Notion pages

Notion supports image uploads via drag-and-drop or the `/image` block command. Upload the placeholder PNG files from the PlacePack ZIP. The images appear inline with their labels visible, clearly communicating the intended content.

For database properties that support file attachments, upload the placeholder as the file value. Gallery views will show the placeholder thumbnail, keeping the database visually organized even before real assets are added.

Using the PlacePack API for embeds

Notion's `/embed` block accepts URLs. You can embed a PlacePack API URL directly to display a placeholder image without uploading a file. This is useful for quick mockups where you don't want to manage local files.

Note that Notion caches embedded images, so the placeholder will remain stable. When the real image is ready, replace the embed URL with the production image URL.

https://placepack.top/api/v1/wireframe:700x400.png?bg=4F46E5&text=FFFFFF

Organizing placeholder assets for teams

For teams that use Notion extensively, create a shared Notion database of placeholder assets. Upload each PlacePack image as a row with properties for dimensions, use case, and status (placeholder / final). Team members can browse this database when they need a placeholder for a new page.

Store the PlacePack share URL in the database so anyone can regenerate or extend the set.

FAQ — Frequently asked questions

What image size works best for Notion page covers?

Notion page covers display at 1500×300 pixels. Generate a placeholder at this size in PlacePack. The label will be visible in the cover area, clearly marking it as a placeholder.

Can I use SVG images in Notion?

Notion has limited SVG support. SVG files uploaded as images may not render correctly. Use PNG format for Notion placeholders.

How do I replace placeholders with real images?

Click the placeholder image in Notion, select 'Replace', and upload the real asset. Because the placeholder was sized correctly, the page layout won't shift when the real image is added.

Related guides

• Placeholder Images for Figma Mockups and Prototypes →
• Placeholder Images for Email Template Development →