twitter
217
edits
How and when do I use images?: Difference between revisions
no edit summary
No edit summary |
|||
| Line 1: | Line 1: | ||
==How to use images== | |||
How to use an image varies between platforms. HTML and WordPress are among the most common platforms, and have similar methods. | |||
<h4>HTML</h4> | |||
HTML uses the <img> tag for marking up a document to include an image. Images are included through the use of the image's URL. | |||
Minimal Use Structure: <img src=”where_online_to_find_the_image” /> | |||
Typical Use Structure: <img src=”where_online_to_find_the_image” alt=”Alternate text to be displayed when image isn't available or for screen readers.” align=”middle” width=”(# [pixels] or #%)” height=”(# [pixels] or #%)” /> | |||
Examples: | |||
<img src=”http://www.website.com/images/image_url.jpg” alt=”Dogs and cats playing” align=”middle” width=”100” height=”50%” /> | |||
It is not recommended to use the width and height attributes. If the image is smaller than the coded dimensions, the image will be enlarged, possibly deformed. If the image is significantly larger then the full-sized image will be downloaded. A common mistake is to take a very large image and use the width and height attributes to make it appear smaller. | |||
ALT means ''alternate text''. If an image becomes unavailable, the text tells the viewer what the image would have been. For vision impaired users, the alt text is used by the screen reader software to describe the image. | |||
<h4>WORDPRESS</h4> | |||
Images can be added through uploading or inserted from a URL. | |||
On the left side of the control panel, click Media. Under Media click Add New. Drag & Drop one or more images from your computer to inside the dashed box. Or click the “Select Files” button in the center of the dashed box. Note that below the dashed box is a notification of “Maximum upload file size”. | |||
If the multi-file uploader is unavailable or exhibiting problems, click the browser uploader link under the dashed box. Then click the Browse... button, select your file from your computer, and then click Upload. Note the “Maximum upload file size”. | |||
You may add images while you are creating a new post. Click the “Add Media” button above the left top of the text box. You may upload files using the preceding methods or you may Insert from URL. To “Insert from URL” click the Insert from URL link on the left. Type or paste the image's URL into the top box. Enter a caption under the image, and then the Alt. Text. Choose your alignment, then choose what happens when the image is clicked: | |||
Go to the original image, go to a custom URL, or nothing. If you click custom URL, type or paste the custom URL into the box provided below it. Lastly, click the “Insert into Post” button at bottom right. | |||
Note that you are able to manually add images via URL directly into the text box by using WordPress' markup language and HTML. | |||
==When to use images== | ==When to use images== | ||