Insert and edit images in Writer Part 1

    From The Document Foundation Wiki
    Other languages:

    This page is in work!

    Foreword and topics in part 1

    The video "Insert and edit images in Writer - LibreOffice - part 1" links to this page here, which contains further information.

    Link to the Video

    Link to the Video (in German [DE]):

    Bilder einfügen und bearbeiten in Writer - Teil 1

    Insert picture

    ″Insert Image″ dialog
    Bild_015k.JPG

    Open Writer and the file "Lorem ipsum V63". ( File download from - Used working documents - )

    Place the cursor somewhere in the middle of the text.

    Now select the "Insert Image" icon in the "Standard" toolbar. 202007 LOHB Insert Image Icon.png

    Alternatively you can use the Insert ▸ Image menu.

    In the dialog ″Insert Image″ select the image file Bild_015k.JPG and click Open.

    The image is now displayed in the document.

    - Used Pictures -

    - What should I be aware of when inserting a picture? -

    Image: Position and size

    In the sidebar under Properties, you can select ″Position and Size″ the ″Height″ and ″Width″ of the image.

    To ensure that the proportions are retained, place a check mark at "Keep Ratio Of Pic.png".

    At ″Width″ enter 5.00 cm.

    The image is immediately adjusted in dimensions.

    The value for ″Height″ no longer needs to be entered, since you have set the check mark for ″Maintain aspect ratio″.

    Left-click and hold the image and first drag it further down towards the center.

    Set Wrap for the image

    Right-click on the image to see the Context menu.

    In the Context menu, choose for the image "Wrap Parallel" off.

    Right-click on the image again and select Properties… ( F4 ).

    In the "Image" dialog in the "Wrap" tab, enter 0.50 cm for "Spacing" and click OK.

    General information on anchoring and positioning

    The important concepts of anchoring and positioning.

    Set anchorage for the image

    Left-click on the image and drag it further down towards the center.

    Now right-click on the image.

    In the context menu that appears, move the cursor to Anchor.

    Another context menu shows the anchoring as To Paragraph.

    If this is not the default setting, click on it.

    Anchoring and effect

    Green text from this LO-Online Help
    Blue text from this OO-Source

    Anchoring - To Page

    Anchors the selected item to the current page.
    A graphic anchored "To page" is forever associated with a particular page. It does not move as you add or delete text or other graphics. This method is useful when the graphic does not need to be visually associated with a particular piece of text. It is often used when producing newsletters or other documents that are very layout intensive.

    Anchoring to the page is often used, for example, on page 1 of a book.

    The image then usually takes up the entire page.

    Note pin.svg

    Example:
    When anchoring images to the page, keep in mind that they can no longer "wander" other pages. So if you have an image anchored to page 5, you can insert or remove as much text want in front of that page, but the image will remain fixed to page 5. This can even mean that if you remove a lot of text in front of it, you'll only have 4 pages left, for example, but the image will still be anchored to page 5 and will probably just disappear.

    Anchoring - To Paragraph

    Anchors the selected item to the current paragraph.
    The graphic is associated with a paragraph and moves with the paragraph. It may be placed in the margin or another location. This method is useful as an alternative to a table for placing icons beside paragraphs.

    Anchoring - To Character

    Anchors the selected item to a character.
    The graphic is associated with a character but is not in the text sequence. It moves with the paragraph but may be placed in the margin or another location. This method is similar to anchoring to a paragraph but cannot be used with drawing objects.

    Anchoring - As Character

    Anchors the selected item as a character in the current text. If the height of the selected item is greater than the current font size, the height of the line containing the item is increased. To centre an image on an HTML page, insert the image, anchor it "as character", then centre the paragraph.
    The graphic is placed in the document like any other character and, therefore, affects the height of the text line and the line break. The graphic moves with the paragraph as you add or delete text before the paragraph. This method is useful for keeping screenshots in sequence in a procedure or for adding a small icon in sequence in a sentence.

    Inserting images - different techniques

    See on page: Inserting images in Writer Part 3

    Presetting the anchorage - as of version 7.1

    The anchoring for inserting images can be preset from LibreOffice version 7.1.

    Select Tools ▸ Options ▸ LibreOffice Writer ▸ Formatting Aids from the menu.

    For "Image|Anchor" you can select: "To Pragraph", "To Character" or "As Character".

    Move image with caption frame in text

    If you insert a picture, it is treated as a frame ("Graphics" Frame Style).

    If you now add a caption, the image is given an outer caption frame ("Frame" Frame Style).

    You then have a frame within a frame.

    If you want to move the image to a different position, you must grab the outer caption frame and drag it (not the image).

    The prerequisite is the anchorage "To Paragraph" or "To Character".

    Compress the image

    Compressing an image serves to reduce the file size.

    A file size of approx. 100 kB is normally quite sufficient.

    Since you have already selected the smaller version of the image Image_015_k when inserting it, no additional compression is required.

    Look at it anyway.

    Right-click on the image and choose Compress….

    In the appearing dialog "Compress Image", the values for width, height and resolution are displayed.

    In the dialog below the centre the size of the image file is shown in "kB".

    Click Cancel.

    Remember to save your document.

    See also:

    "Compress Image", in the Online-help pages

    Rotate the image

    Cursor shape

    With the image selected, right-click on the image and choose Rotate or Flip.

    Or select the "Rotate" icon on the "Image" toolbar.

    The four corners of the image now each have a orange dot.

    Move the cursor to one of these points.

    The cursor shape changes to a three-quarter circle line with end arrows.

    Click and hold the point and drag it clockwise or counterclockwise.

    When the desired angle for the image is reached, release the mouse button.

    Another way to rotate the image is in the sidebar under Properties.

    If the image is selected, you can rotate it in the sidebar in the lower area under Position and size ▸ Rotation, specify the angle in degrees.

    Alternatively, hold the blue dot over the rotary wheel and turn clockwise or counterclockwise.

    When the desired angle for the image is reached, release the mouse button.

    At 0 degrees, the image is back in the position it was inserted.

    Caption the image

    Note pin.svg

    Note:
    The image will be limited to the width to the Page margins when inserted, depending on the size of the image. With a page width of 21 cm and a margin of 2 cm each, the maximum width of the image is 17 cm. You should not add the caption until you have resized the image for your purposes.

    Right-click on the image again and select Insert caption….

    In the dialog "Insert caption" enter a caption for the image at "Caption"

    There at "Properties/Category", you can select a term for the category, e.g. "Drawing" or "Figure".

    In "Preview", you can see how the label looks as a whole.

    When you are satisfied, click OK.

    The image has now been given an additional frame.

    And according to the pre-selection, the inscription is located at the bottom edge.

    You can also change or add to the caption later.

    The prerequisite is that the frame of the image is not selected.

    Simply click in the label text and edit the label.

    Crop an image

    If you want to crop an image, right-click inside the image and select Crop.

    The handle points are now blue.

    You can now click and hold the points with the left mouse button and drag them into the image.

    If the section is as desired, then simply click somewhere next to the image so that the image is unselected.

    The cropped image does not need to be saved.

    Only the cropped image is visible, but the entire image remains in the document.

    The cropped image can be enlarged again using the Crop function.

    Further image editing options

    In the context menu, select further image editing options.

    If you click with the right mouse button on an image in the document, you have access to the Menu selection for the image even more possibilities of image editing.

    Edit with external tool

    Click with the right mouse button on the image and select Edit with external tool.

    An image editing program opens that has been defined in the operating system with the file type of the image.

    If you do not have a suitable image editing program, you can download a program from the Internet.

    Here are a few examples of image processing programs

    Paint.NET, IrfanView, Gimp, (descriptions can be found in Wikipedia)

    In this way, you can edit the image with an image editing program (tool) for your purposes.

    Put image file in the Background

    Right-click on the image and choose Wrap ▸ In Background} from the context menu.

    The image is now in the background, which means that when you write your text now, you write it over the image.

    Insert a transparent image as Watermark on all pages in Writer

    "Page Style: DefaultPage Style" dialog, Area tab, Image Button
    "Transparency" tab

    Open a blank Writer document.

    Choose View ▸ Sidebar from the menu or press Ctrl + F5.

    In the sidebar under "Styles" select "Page Styles".

    Right-click on the "Default page style".

    Choose Modify….

    In the "Page Style: DefaultPage Style" dialog, select the Area tab, then Image button.

    Select an image or import an image, button Add / Import.

    The "Add Image" dialog appears.

    Select an image and click Open.

    If you are importing, enter a "Name" for the new image or leave the entry.

    In "Options" select for example "Stretched".

    In the "Transparency" tab choose the Transparency: 80%, (e.g.).

    Click on OK.

    All pages will now have an image as a Watermark, three pages.

    See also: Changing Page Background - Online-Help

    Customize the Frame style "Graphics" for Border and Caption

    Tools ▸ Options ▸ LibreOffice Writer ▸ AutoCaption Dialog

    You are writing a document and want to insert graphics.

    The graphics shall have a border.

    And the graphic shall have a caption.

    To achieve the desired result, three things must be met:

    A. The border for graphics must be adjusted.
    B. The "Options" menu must be adjusted.
    C. After adjusting A. and B., the document must be saved as a Document template.

    _____________________________________

    A. Customizing the Frame style for graphics.

    Right click on the Frame style for Graphics and click Modify.

    7432EN Writer Sidebar FrameStylesGrapficsModify.png

    In the "Frame Style: Graphics" dialog, select the desired Border and click OK.

    B. Choose the Tools ▸ Options ▸ LibreOffice Writer ▸ AutoCaption menu.

    Place a check mark next to "LibreOffice Writer Image."

    Select a Category, make the desired settings and click OK.

    You can now test by inserting an image.

    7432EN Writer Image WithFrameAndCaption.png

    C. Choose File ▸ Templates ▸ Save as Template... from the menu.

    7432EN Writer Menu FileTemplatesSaveAsTemplate.png

    In the "Save As Template" dialog that opens, enter a name, select a "Template Category" and checkmark at "Set as default template".

    7432EN Writer Dialog SaveAsTemplate.png

    When you restart Writer, the result should look like in the test.

    What should I be aware of when inserting a picture?

    See the themes in English AskLibreOffice-sites:

    Image
    Picture

    Check Preferences

    View and Print settings

    To see images and diagrams in the view or to print them as well, check the following settings:

    View ▸ Images and Charts menu.

    Tools ▸ Options ▸ LibreOffice Writer ▸ View menu, there at View ▸ Images and objekts dialog

    Tools ▸ Options ▸ LibreOffice Writer ▸ Print menu, there at Contents ▸ Images and Objekts dialog

    File ▸ Print… menu, in the dialog "Print", "LibreOffice Writer" tab, there at Contents ▸ Images and other graphic objekts

    Image quality settings

    If you print the document or export it as PDF, pay attention to the settings for the image quality.

    • In the menu Tools ▸ Options ▸ LibreOffice ▸ Print, there at "Reduce Bitmaps".
    • The setting for PDFs in the menu File ▸ Export as ▸ Export PDF, there at "Images".

    Inserting an image into a Writer table

    Image in Table

    You can also insert an image into the cell of a Writer table.

    Place the cursor in the cell of a Writer table.

    Click on the "Insert Image..." icon in the "Standard" toolbar.

    In the "Insert Image" dialog, select the image you want to insert.

    Click the Open button.

    The image will be inserted into the cell.

    Right-click on the image and choose "Anchor" and "As Character".

    This will automatically adjust the cell to fit the image.

    Further Informations

    Anchorage of objects

    Anchorage of objects

    Inserting and editing images in Writer

    Insert and edit images in Writer Part 2
    Inserting images in Writer Part 3

    Used working documents

    Lorem ipsum V63.odt

    Lorem ipsum V63 mit Bild_015_k - ohne Beschriftung.odt

    Lorem ipsum V63 mit Bild_015_k - mit Beschriftung.odt

    LiV63 mit Bild_015_k – ohne Beschriftung mit Rahmen.odt

    Bilder in Tabellen-Rahmen - mit Beschriftung.odt

    Bilder in Tabellen-Rahmen - ohne Beschriftung.odt

    Collagen - Bilder in Formen.odt

    Collagen - Bilder in Formen mit einem GIF.odt

    Used Pictures

    Bild_001_k to Bild_034_k.jpg and GIF_001_k.gif

    Downloadable document for the video

    in German [DE]

    Bilder einfügen und bearbeiten Teil 1 V63.odt

    Bilder einfügen und bearbeiten in Writer LO74.odt using Frame Styles.

    FAQs about images

    Writer/FAQ

    How can I anchor and position graphic elements (images, objects)?

    How do I modify the link of an external picture?

    How do I select several pictures?

    How to rotate a picture?

    Anchoring and positioning graphic elements (pictures, objects)

    Calc/FAQ/Layout

    How to insert a logo or a graphic into the header?

    Draw/FAQ

    How do I resize a picture inserted in a drawing?

    How do I crop a picture?

    How do I change the colors of a JPEG image before using it in a LibreOffice file?

    How do I save a drawing in an image format (PNG , BMP , JPG, ...)?

    How do I display an image file (PNG, EPS , GIF , JPEG, ... ) in my drawing?

    I received a file containing images, but only the image link icons appear, not the images themselves. What's wrong?

    Copyright and license status of media

    Please be sure to note the license status of media.

    The huge variety of media (images, videos and audios) on the Internet can usually be accessed by clicking on them.

    However, these media are subject to copyright protection and registered licenses and possibly personality rights.

    See also Photograph_copyright_(Germany)Wikipedia logo v3.svg

     Warning 
     The takeover of foreign media for the purpose of publication is proven with punishment.
    

    Documentation / Manuals

    Here you will find the Documentation / Manuals:

    Documentation / Manuals

    Any questions?

    For questions on this topic go to:

    Ask.LibreOffice

    Get Involved

    Join us today and help us to make it even better!

    Get Involved

    LibreOffice is Free Software and is made available free of charge.

    Your donation, which is purely optional, supports our worldwide community.

    If you like the software, please consider a Donation.