Google Docs – Working with images

Images make a document for more interesting and also easier to understand. Here we’ll look at working with images. We’ll cover:

  • Inserting images
    • Uploading
    • Taking a snapshot
    • By URL
    • Google albums
    • Google Drive
    • Search
  • Editing an image
    • Resizing
    • Border – line colour, thickness, style
    • Cropping
    • Rotating
    • Resetting
    • Replacing
  • Positioning an image in a text
    • InLine
    • Wrap text
    • Break text

Inserting images

There are various ways you can insert an image into Google Docs and this will partially depend on where the image is to start with.

Go to the “Insert” menu and choose “Image”.

Docs6 - 1

This opens the “Insert image” box.

Docs6 - 2

Along the top you have 6 options:

  • Upload
  • Take a snapshot
  • By URL
  • Your albums
  • Google Drive
  • Search

Let’s look at them one-by-one.


Uploading an image

By default, the Upload option is selected. First, decide where in your document you want the image to be added and click on that place, so your cursor is there. To select your image, click on the blue button in the middle of the screen.

Docs6 - 4

This opens the folder directory, and you locate your file and double click it to select and upload it. It’ll appear on your document, where your cursor was.

Alternatively you can drag the file from its location into the middle of the screen. This then uploads it automatically.


Taking a snapshot

This allows you to take photos using your webcam. Click on “Take a snapshot”, this may ask you to allow access to your camera and microphone, just click “Allow” and “Close”. Then your webcam should turn on and you’ll see a lovely video of yourself.

Docs6 - 6

Click on the red “Take a snapshot” button and the photo will appear to the right of the main screen.

Docs6 - 40

Click on the one you want and press the blue “Select” button.


By URL

If you know the URL of an image, you can paste it in the box and this will upload the image directly into the document. Here I search for an image on Google and clicked on “View image”, then copied the image URL into the box.

Docs6 - 9

Docs6 - 9b


Your albums

This will show you photos in your Google albums, which you can click on to select and then press the blue “Select” button to add it to your document.

Docs6 - 10

Docs6 - 11


Google Drive

If you have images on your Google Drive, you can add them directly into your Doc. Click on “Google Drive”, then either use the search box, or navigate to the folder where your images are. The search, will only look for image files, which as long as you know some of the filename, it’s usually the quickest way to do it. Once you’ve found your image, select it and click “select” to add it.

Docs6 - 12


Search

Lastly, you can search directly from here for images that match your search term. You have the choice of searching on Google, Life, and stock images.

Docs6 - 13

Within the Google search you have the choice of filtering by image type (face, photo, clip art, line drawing) and by colour.


Editing an image

Now we have an image in our document what can we do with it?

Resizing the image

Well first, probably the most common thing done with an image is to resize it so it fits well in your document. Just click on the image and drag one of the blue dots. I usually use one of the corner dots, so as not to distort the image.

Docs6 - 38Docs6 - 39


Now let’s look at further editing options. Clicking on your image will change the toolbar at the top to give you various image editing options.

Docs6 - 14


Adding a border and changing its properties

Click on the image and then click on “Line colour” in the toolbar. This will open the colour palette. Click on the colour you want. Here I’ve gone for a tasteful shade of red, just so you can see what’s going on.

Docs6 - 15 Docs6 - 23

To change the border thickness, click on “Line weight” and select a thickness.

Docs6 - 16 Docs6 - 24

To change the line style, click on “Line dash”. There are only 3 options here.

Docs6 - 17 Docs6 - 25


Cropping an image

Sometimes you need to crop your image to get rid of certain parts of it. You can do that right within Docs and best of all it’s non-destructive, which means if you crop an image, you can always go back and uncrop it.

To crop it, click on “Crop image” in the toolbar.

Docs6 - 18

Your image will now have a blank lines around it showing the corners and sides which can be cropped.

Docs6 - 26

Click on one of the blank lines (here I’ve moved the one on the right in the middle, towards the left). It will show you the area that will remain and the part of the image that will be cropped (greyed out).

Docs6 - 27 (1)

Once it’s in the place you want it, to crop it, just press “Enter”.

Docs6 - 28


Rotating an image

Click on the image and at the top of it you will see a small circle.

 Docs6 - 37

To rotate the image, click on the circle and hold the button down and drag your mouse to the left or right.

Docs6 - 29

Note, that if you’ve added a border to the image, the border doesn’t rotate, so you’ll be left with something like the image below. Similarly, if you have rotated an image, you can’t add a border afterwards.

Docs6 - 30


Resetting an image

As I mentioned above, the edits are non-destructive, so you are able to go back to the original image. This is useful if you’ve messed things up whilst editing it or you just want to use the original image in a different way. just click on the image and then “Reset image”.

Docs6 - 19


Changing the image properties

A little beyond the scope of this post, but you can change the colouring, transparency, brightness, and contrast of the image. Click on the image, then “Image options”. This brings up the “Image options” side toolbar. Re-colour, just the overall colouring of the image. Under Adjustments move the sliders to change the transparency, brightness, and contrast.

Docs6 - 20


Replacing an image

To replace an image, click on it and click “Replace image”. This will open the Insert image dialogue box, where you can find your image and it will place it in your document and remove the original one. Note, it will fit the new image to the size of the original one, which sometimes is fine and can save you reformatting it, but sometimes means you have to resize the image.


Positioning an image in a text

In this final part, we’ll look at how you can position the image in relation to your text in different ways. There are 3 ways:

  • In line
  • Wrap text
  • Break text

Click on your image and you will see the 3 options at the bottom:

Docs6 - 31


In line

By default, it will be on “In line”. This means the image will be placed on a line of the text, as if it were a piece of text. Below it was placed between the words “certain” and “areas”.

Docs6 - 32


Wrap text

Below I’ve selected “wrap text” and positioned the image to the right. The text wraps itself around the image. If the image was in the middle, the text would be on both sides.

Docs6 - 33

With Wrap text (and Break text below), you can change the amount of space around the image, by clicking on the margin menu and selecting an amount. Here I’ve increased from 3.2mm to 13mm.

Docs6 - 34

Docs6 - 35


Break text

Sometimes you want don’t want any text on the same row as the image. “Break text” allows the image to the in the middle of the text, but with no text to the sides, which can make it a lot clearer.

Docs6 - 36


eBooks now available on Drive, Forms, Sheets, Docs, and Slides:

  • Join the Google Slides Tips Google Space (for now: personal accounts only)

Baz Roberts (Flipboard / Twitter / Google+)


 

2 thoughts on “Google Docs – Working with images

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s