Quick Guide on How to Connect Your Text and Your Images

Working on content for websites, emails, or blogs, you may want to make it good-looking. Simple text with no colors and graphic details makes your readers get bored and lose their interest. Images always make your text more interesting, moreover, images are what your readers see first. So how to connect text and images? There are many ways to do it, depending on the type of media. We will talk about the basic method that works for blogs and involves using Microsoft Word.

1. Move your cursor

to the place where you want to insert your picture. Click “insert.” In the new menu, you can choose what to insert (pictures from your PC or from other sources). If your picture is too big, it may go to the next page. Look at little circles around the picture and use them to adjust the size.

2. Wrapping.

It’s easy to insert an image, but wrapping it with your text is a little more complicated thing. Click on the image and you will see a menu with wrapping options. If you don’t like the result, just undo it and try again.

a. Inline — text is in the same line with your picture, starting after it.

b. Square — choosing this option, you’ll place your image in the center. The text will be aligned in the form of a square around the image..

c. Tight — it’s, basically, the same option, but the text will be tighter.

d. Through— text goes right through the image. If you move the image, the text won‘t overlap it.

e. Top and Bottom — you’ll see text above and below your image. If you move your image one line down, this line of text will go above the image, and vice versa.

f. Behind — the image will be placed behind the text. Sometimes this option may be useful when creating effects on the website.

g. In front— this is the opposite option. The text will be hidden behind the image. This option may be useful when writing manuals if you want only the image to be visible on a screenshot.

h. Move with text— the image is moving as you scroll the page. Many people find this annoying, but this option may be useful if you want your visitors to be able to click some important buttons at any time (e.g. sharing buttons).

i. Fix position on the page — this option will prevent your image from jumping when somebody else opens the document.

3. Styling.

Right-click the image and then click “style” in the drop-down menu. You can hover the cursor over different options and see a preview of what your picture will look like. Choose the style that you like.

There is a gridlines option in the “View” section. Click it and it will be much easier to move your images. Remember that layout is very important for web development because your content should fit all formats. If you want to make your own image, you can do it using the “View” section as well. Keep in mind that Microsoft Word doesn’t allow you to save such images as .jpg or .png files. All your images will be saved as PowerPoint files, but once you open them in PowerPoint, you can save them as .jpg. Create a new document, and click gridlines again. You can try many shapes from SmartArt, move them in a grid and fill them with different colors. Once you got your perfect image, hold down Ctrl and group different parts of the image, selecting each shape. After this, click “Group.” Now you can click the image, copy, and paste it into a PowerPoint document. Here you can save it as .png or .jpg.