The Hyper Text Markup Language (HTML) provides programmers with a way to create richly formatted text. Many facets of a text's display are controllable in HTML. The size of the font as well as the font choice itself are easily manipulated. The line spacing and the distance between individual text characters can be changed. Stylizations such as bold, italics, underline or superscript notation are added using simple HTML tags to the text. The color of the words and even the background shading of an entire text line can be altered. It is often desirable to convert these results into a permanent image file. This allows someone to use HTML to construct logo text, for example, then save that logo as a separate file for use on letterhead or any other application.
Items you will need
- Web Browser
- Image Editing Program
Step 1
Open the HTML document that contains the text you wish to convert into an image. Use a web browser to view the displayed HTML. In most cases, simply double-clicking on the HTML document will open the file in a web browser automatically.
Step 2
Scroll the HTML page in the web browser so all the text is clearly visible on the screen without the need for additional scrolling. Make sure no other windows or toolbars obstruct the view of the text.
Step 3
Hold down the "Alt" button on the keyboard while pressing the "Print Screen" button. The current window displaying the HTML text is captured as a screenshot and saved to the computer's memory.
Step 4
Open an image editing program. Windows contains a basic image editor, Paint, that is satisfactory for this purpose. It is located in the "Start" menu "Programs" folder, under the "Accessories" group.
Step 5
Press the keyboard combination "Control+V". This will paste the screenshot into the image editing software. Alternately, use the "Edit" menu and select "Paste." The entire screenshot is delivered into the editing software as an image. This will include much more than just the HTML text.
Step 6
Crop the screenshot to arrive at only the HTML text you wish to keep. Use the "Select" tool in "Paint" to draw an outline around the portion of the screenshot you wish to target for your final image.
Step 7
Press the "Control+C" keyboard combination to copy just that selection into memory.
Step 8
Click the "File" menu and choose "New" to create a new image document.
Step 9
Paste the copied image into the new document, using either the "Paste" option from the "Edit" menu or the keyboard combination "Control+V."
Step 10
Save the image using the "File" menu "Save" command. The original HTML text is now converted into its own standalone image.
0 comments