{"id":863,"date":"2026-08-17T21:36:11","date_gmt":"2026-08-17T21:36:11","guid":{"rendered":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/?post_type=knowledgebase&p=863"},"modified":"2026-08-30T03:05:25","modified_gmt":"2026-08-30T03:05:25","slug":"inserting-swapping-managing-images","status":"publish","type":"knowledgebase","link":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/db\/graphics\/inserting-swapping-managing-images\/","title":{"rendered":"Insert, Swap & Manage Images"},"content":{"rendered":"
\n

Inserting, Swapping & Managing Images<\/span><\/h2>\n

Open Publisher offers powerful, drag-and-drop image handling and batch processing tools. Whenever an image is selected on the canvas, the Picture Tools<\/strong> contextual tab appears automatically in the ribbon, providing access to all formatting and management options.<\/p>\n

Inserting Images\"Inserting<\/span><\/h3>\n

Images can be brought into your document in several ways:<\/p>\n

    \n
  • \n

    Ribbon:<\/strong> Go to Insert > Picture<\/strong> and browse for an image file on your system.<\/span><\/p>\n<\/li>\n

  • \n

    Drag-and-Drop:<\/strong> Drag any JPG or PNG file from your desktop or file manager directly onto the canvas. Open Publisher automatically pre-loads the image in the background, measures its natural dimensions, and scales it down to fit the canvas while perfectly maintaining the original aspect ratio – no more fixed 200\u00d7100 default boxes.<\/span><\/p>\n<\/li>\n

  • \n

    Paste:<\/strong> Copy an image to your clipboard and press Ctrl+V \/ Cmd+V<\/span> while the canvas is focused.<\/span><\/p>\n<\/li>\n

  • \n

    URL:<\/strong> In the Insert menu, choose Insert from URL<\/strong> and paste in a direct web image link.<\/span><\/p>\n<\/li>\n<\/ul>\n

    Once inserted, the image is a movable, resizable canvas element with selection handles on all edges and corners. Drag to reposition; drag the handles to resize.<\/p>\n

    Picture Placeholders<\/span><\/h3>\n

    \"PictureWhen you are designing a layout but don’t yet have your final photos ready, Picture Placeholders let you block out exactly where images will go, at the exact dimensions you want, without needing the real photos.<\/p>\n

      \n
    1. \n

      Go to Insert > Picture Placeholder<\/strong>.<\/span><\/p>\n<\/li>\n

    2. \n

      A styled empty frame with a dashed border and camera icon appears on the canvas. Resize and position it as needed.<\/span><\/p>\n<\/li>\n

    3. \n

      When your real image is ready, double-click the placeholder to open a file browser and swap it with the actual photo immediately.<\/span><\/p>\n<\/li>\n<\/ol>\n

      Placeholders carry the data-is-placeholder=”true”<\/span> attribute, which the Batch Picture Swap engine uses to find and fill them automatically.<\/p>\n

      Batch Picture Swap\"Batch<\/span><\/h3>\n

      If you have a layout with multiple Picture Placeholders and a folder of photos ready, the Batch Picture Swap feature lets you fill all of them in one drag-and-drop action.<\/p>\n

        \n
      1. \n

        Select multiple image files from your desktop or file manager.<\/span><\/p>\n<\/li>\n

      2. \n

        Drag the entire batch and drop them onto the Open Publisher canvas.<\/span><\/p>\n<\/li>\n

      3. \n

        Open Publisher detects that you have dropped multiple files and automatically scans the canvas for empty placeholders.<\/span><\/p>\n<\/li>\n

      4. \n

        If no placeholders are explicitly selected, the engine finds all empty placeholders and sorts them top-to-bottom, left-to-right based on their geometric position on the page.<\/span><\/p>\n<\/li>\n

      5. \n

        Each photo is assigned to a placeholder in order and swapped in instantly.<\/span><\/p>\n<\/li>\n<\/ol>\n

        Tip: If you want to control which placeholder receives which photo, select specific placeholders before dropping the batch. The engine respects your selection and fills only the targeted elements.<\/em><\/p>\n

        Precise Size Controls<\/span><\/h3>\n

        \"PreciseWhen an image is selected, the Picture Tools contextual ribbon includes a Size group with:<\/p>\n

          \n
        • \n

          Width and Height spinners:<\/strong> Type an exact pixel value or use the up\/down arrows to nudge in 1px increments.<\/span><\/p>\n<\/li>\n

        • \n

          Lock Aspect Ratio checkbox:<\/strong> When checked, changing the width automatically recalculates the height proportionally (and vice versa), preventing distortion. This is identical to holding Shift while dragging a resize handle.<\/span><\/p>\n<\/li>\n<\/ul>\n

          The Graphics Manager<\/span><\/h3>\n

          The Graphics Manager gives you a complete audit of every image and graphic in your entire document – across all pages – in one unified, searchable panel.<\/p>\n

          To open it, go to File > Info > Graphics Manager<\/strong>, or click Graphics Manager in the Picture Tools ribbon. It displays a scrollable list of every image in the document, showing:<\/p>\n

            \n
          • \n

            A thumbnail preview<\/span><\/p>\n<\/li>\n

          • \n

            The image name or URL<\/span><\/p>\n<\/li>\n

          • \n

            The page number it lives on<\/span><\/p>\n<\/li>\n

          • \n

            Its current status (OK, Missing, Low-Resolution)<\/span><\/p>\n<\/li>\n<\/ul>\n

            From the Graphics Manager you can click any entry to instantly jump to that image’s page and select the element (Navigate<\/strong>), or click the Update<\/strong> button to replace it with a new file from your system without changing its position or size on the canvas.\"The<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

            Inserting, Swapping & Managing Images Open Publisher offers powerful, drag-and-drop image handling and batch processing tools. Whenever an image is selected on the canvas, the Picture Tools contextual tab appears automatically in the ribbon, providing access to all formatting and management options. Inserting Images Images can be brought into your document in several ways: Ribbon: […]<\/p>\n","protected":false},"author":1,"featured_media":2591,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[13],"class_list":["post-863","knowledgebase","type-knowledgebase","status-publish","has-post-thumbnail","hentry","knowledgebase_cat-graphics"],"_links":{"self":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/comments?post=863"}],"version-history":[{"count":11,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/863\/revisions"}],"predecessor-version":[{"id":883,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase\/863\/revisions\/883"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media\/2591"}],"wp:attachment":[{"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/media?parent=863"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"http:\/\/acr.floydcraft.co.uk\/openpublisher\/wp-json\/wp\/v2\/knowledgebase_cat?post=863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}