Ask about anything in Docent Documentation

Type a question in your own words below. Answers are written from our published articles and cite the ones they came from.

Recently updated

    ↑↓ select · ↵ open · esc close
    Dashboard
    Edit Article Logout

    Working with Images


    You can add an image to an article in three ways: add an image block and upload a file, paste an image, or generate one with AI.

    Add an image block

    Click the + button, or type / on a new line, and choose Image. An image placeholder is inserted and the Edit an image window opens:

    Edit an image dialog on the Image tab
    The Edit an image dialog
    Tip

    You can leave the image placeholder in your article if you plan to add the image later.

    Upload an image

    On the Image tab, click the image area or drag an image onto it to upload it, then click Update. You can upload PNG, JPEG, GIF, WebP, AVIF, BMP, ICO and SVG files up to 25 MB.

    Served from a CDN

    Images you upload to HelpGuides are served from a CDN, so they load quickly for your readers.

    Image options

    TabOptionDescription
    ImageAlt TextDescribes the image for screen readers and search engines. Shown when the image can't be displayed.
    ImageImage URLUse an image hosted elsewhere by entering its URL.
    FormatImage CaptionText shown below the image.
    FormatMaximum heightThe largest height, in units such as px, em or %.
    FormatMaximum widthThe largest width, in units such as px, em or %.
    LinkLink to URLOpens this URL when a reader clicks the image.
    GenerateCreates an image with AI. See below.

    To remove the image from the block, click Remove Image.

    Generate an image with AI

    1. Add an image block, or click an existing image, to open the Edit an image window.
    2. Click the Generate tab.
    3. In Describe the image you want, describe the image.
    4. Choose an Image Size: Square (1024 x 1024), Landscape (1536 x 1024), Portrait (1024 x 1536) or Auto.
    5. Click Generate Image.
    Edit an image dialog on the Generate tab with a description box and image size
    Generating an image with AI

    The image is generated in the background. Until it's ready, the block shows Generating image.... The editor checks once a minute and shows the image when it arrives. You can keep editing and save the article in the meantime.

    Edit or resize an image

    Click an image, or choose Edit Image in the block's tune menu, to reopen the Edit an image window. To resize an image, drag one of its corner handles. The new size is saved with the article.

    Paste an image

    You can also paste an image from your clipboard. It's uploaded automatically and added as a new image block.

    Once it's added, click the image to change its options.

    Import external images

    Settings Advanced tab with Import External Images
    Settings, Advanced tab

    If your articles use images hosted on other sites, HelpGuides can copy them to your CDN. Go to Settings > Advanced and turn on Import External Images. External images in an article are then downloaded and served from your CDN when the article is published.

    Related: Editor Blocks Reference, Working with Files, Article Settings (featured images).


    How helpful was this article?

    👍 or 👎

    Related Articles

    Markdown Version