Adding Images and Managing Assets

Every picture a template uses — a logo, a cover photograph, a page decoration — comes from one shared image library. This article covers uploading to it, using what is in it, and the two limits that decide whether a document renders.

Click Images in the sidebar. The panel describes what it holds — “Logos and marks for templates; PDF exhibits for proposals.” — and with nothing uploaded yet it says “No images yet”: “Upload your logo, then press Image frame in the builder to place it.”

Inside the editor the same library is on the Images tab, which carries a count of the pictures you can place.

1. Open Images.
2. Drop a file onto the upload control, or click browse to choose one. The control names what it takes: “PNG, JPEG, SVG or WOFF2 font up to 2.0 MB; a PDF exhibit up to 10.0 MB.”
3. Wait for the upload to finish. A completed one carries a ready badge, and only a ready file can be placed in a document.

What it takes	Limit
PNG, JPEG and SVG pictures	2 MB each
WOFF2 fonts, for your own brand face	2 MB each
PDF exhibits, attached to a document that goes for signature	10 MB each

Uploading does not put anything in a document. To place a picture:

1. Open the template and go to the Outline tab.
2. Click Image frame in the toolbar to add an empty picture box.
3. With the box selected, choose the picture from the inspector.

A picture can also be a page’s Decoration or a logo in a header or footer band, both of which are set on Page setup.

In a flowing section, a picture can sit under the text instead of pushing it down — a map behind a list of services, for example. Select the picture and, in its panel, turn on Behind the text. The picture stays where it is and gives its height back, so the text starts where the picture does and prints on down to the foot of the page. Put it near the top of what it sits behind; it is not for a picture that fills a frame.

A picture behind the text prints from where it sits in the flow. To print it lower on the page without moving it in the flow, use Move the picture down, which appears once Behind the text is on:

1. In Move the picture down, type a distance such as 2.5in or 36pt. A minus moves it up.
2. Press Enter or click away to keep it. Esc puts back the value it had.
3. Check Preview PDF. Only the picture moves; the text stays where it was.

Empty the field to put the picture back where it is placed. A value it cannot use is refused, and not saved: “Not a distance this can use. Write one like 2.5in, -0.5in or 36pt.”

Because the picture keeps its position whatever the text around it does, a long list can run over it. To keep text readable on top of a picture, give the columns a panel colour — see Designing a Template.

You can crop a picture, and you can tint it. Both make a new picture in the library and leave the original untouched, so a crop is never destructive and the file you uploaded is always still there.

Deleting asks first, and the confirmation says what survives: “Any template still using this image will render a gap where it was, and the editor will list it as missing. The stored file itself is left in place.” The confirming button is Delete.

Two different limits apply, and they catch different problems:

• 2 MB per file — checked when you upload. A larger file is refused with the reason.
• About 6 MB per document — the total of every picture the document places. The editor shows a meter as you approach it, and past the cap a render is likely to fail.

Solutions:

• Check the file’s size against the 2 MB limit, and its type against the list on the upload control. The refusal names which of the two it was.
• Save a photograph as a JPEG rather than a PNG if it is over the limit — the same picture is usually far smaller.

Solutions:

• The upload did not complete. An unfinished upload is listed with a badge saying so, and a template cannot use it.
• Upload the file again. The panel’s own note explains the state.

Solutions:

• The picture was deleted from the library. Upload a replacement and point the picture box at it.
• The document keeps rendering meanwhile — it prints a gap where the picture was, so a missing picture never blocks a quote.

Solutions:

• Check the image budget meter. Past its cap a render is expected to fail rather than to be slow.
• Crop the largest pictures to the size they actually print at, or remove one. A crop is a new picture, so the original is still there if you need it back.

• Quote Generator Help
• Designing a Template — Adding an image frame and placing a picture in it
• Setting Up Pages, Headers and Footers — Page decorations, band logos and brand fonts
• Previewing and Publishing a Template — Checking the real render before publishing