web-apps/apps/presentationeditor/main/resources/help/en/UsageInstructions/InsertImages.htm
Maxim Kadushkin 741b10515d webapps added
2016-03-10 21:48:53 -03:00

44 lines
3.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Insert and adjust images</title>
<meta charset="utf-8" />
<meta name="description" content="Add an image to your presentation and adjust its size and position." />
<link type="text/css" rel="stylesheet" href="../editor.css" />
<script type="text/javascript" src="../callback.js"></script>
</head>
<body>
<div class="mainpart">
<h1>Insert and adjust images</h1>
<p>In Presentation Editor, you can insert images in the most popular formats into your presentation. The following image formats are supported: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
<p>To <b>add</b> an image on a slide,</p>
<ol>
<li>in the slide list on the left, select the slide you want to add the image to,</li>
<li>click the <b>Insert Image</b> <img alt="Insert Image icon" src="../images/image.png" /> icon at the top toolbar,</li>
<li>select one of the following options to load the image:
<ul>
<li>the <b>Picture from File</b> option will open the standard Windows dialog window for file selection. Browse your computer hard disk drive for the necessary file and click the <b>Open</b> button</li>
<li>the <b>Picture from URL</b> option will open the window where you can enter the necessary image web address and click the <b>OK</b> button</li>
</ul>
</li>
<li>once the image is added you can <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">change its size and position</a>.</li>
</ol>
<hr />
<img class="floatleft"alt="Image Settings tab" src="../images/imagesettingstab.png" />
<p>The right sidebar is activated when you left-click an image and choose the <b>Image Settings</b> <img alt="Image Settings icon" src="../images/image_settings_icon.png" /> icon on the right. It contains the following sections:</p>
<p><b>Size</b> - is used to view the current image <b>Width</b> and <b>Height</b> or restore the image <b>Default Size</b> if necessary.</p>
<p><b>Replace Image</b> - is used to load another image instead of the current one selecting the desired source. You can select one of the options: <b>From File</b> or <b>From URL</b>.</p>
<hr />
<p>To change the <b>advanced settings</b> of the image, right-click the image and select the <b>Image Advanced Settings</b> option from the contextual menu or left-click the image and press the <b>Show advanced settings</b> link at the right sidebar. The image properties window will be opened:</p>
<img alt="Image Properties" src="../images/image_properties.png" />
<p>Here you can set the following image properties:</p>
<ul>
<li><b>Size</b> - use this option to change the image width and/or height. If the <b>Constant Proportions</b> <img alt="Constant Proportions icon" src="../images/constantproportions.png" /> button is clicked (in this case it looks like this <img alt="Constant Proportions icon activated" src="../images/constantproportionsactivated.png" />), the width and height will be changed together preserving the original image aspect ratio. To restore the default size of the added image, click the <b>Default Size</b> button.</li>
<li><b>Position</b> - use this option to change the image position on the slide (the position is calculated from the top and the left side of the slide).</li>
</ul>
<hr />
<p>To <b>delete</b> the inserted image, left-click it and press the <b>Delete</b> key on the keyboard.</p>
<p>To learn how to <b>align</b> an image on the slide or <b>arrange</b> several images, refer to the <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Align and arrange objects on a slide</a> section.</p>
</div>
</body>
</html>