Images - How To

Images obviously baffle people. There is no 1-2-3 click easy to embed them into blogs. Hopefully the below will help you prepare images without too much @??#&*)%!!!!

The User Guide shows the XHTML tags to correctly format your images. Please note the resizing of the image so it fits on the page.

Image Editing and Extraction

To extract an image from a PDF, PS or other graphics format file or to convert, resize, crop or edit an image, you need image editing software.

I recommend editing your images with GIMP. GIMP is open source and available on Linux and Mac. Here is the Windows version.

Some folks are having difficulty understanding how to extract an image.

How To Extract Images From PDF Files

PDFs are images. Sometimes PDFs have copy protection and locked permissions. How to get at individual graphics within the file in that case is beyond the scope of advice. Many free editors will not read a PDF file. GIMP can as well as Adobe Photoshop.

To extract a graphic, image from a PDF file, using a program like GIMP or Photoshop, open the PDF in that image program. Use the select tool (see the dotted line tools, read the help in GIMP), to select the particular graph, image, table, you want to save. Copy the selection, paste as new and save it as a JPEG file.

Now you have an image that can be further cropped and edited.

Please cite the author of where you extracted the image, with a hyperlink if possible. Research papers are a lot of work and you want to give the direct link and credit where it is due.

Once you have edited your image to where you think it looks nice and will fit in a blog post, see the User Guide on how to embed your image.

Please bear in mind the width of a post. Maximum width is 515px. You can go over that width but it's better to have a "click the image to enlarge" technique for detailed graphs.

More on that one in a later post!

How to Extract an Image from a Web Page

Put your mouse curser over the image. Right Click and select:

Internet Explorer: Save picture as

Firefox: Save Image as

and then follow the other instructions in the User Guide

Subject Meta: 

Forum Categories: 

photobucket, image shack, very slow load times

Folks, we have a big problem. Everybody uses photobucket image shack in order to make their articles portable. That said, because of the response and load times of these sites, they are slowing down EP to a crawl.

This site can host your images. Click on the "insert image" at the body of the post, you can upload and insert them.

Another problem is people are not formatting images correctly and that slows down the site page load.

Please put both width and height dimensions, the alt="" tag and the end tag.

If you use the image uploader it will do all of that for you, but when using hosting images, you must modify the code.

Did you know that when a browser has a properly formatted image link, with width and height, it can then put the image in the background of a download and the page loads much faster?

There are other bigger page load problems and I'm working on those, but we LOVE images and graphs on EP right? So, let's figure out a way to keep that happening but help out the page loads.

We are listed as an economics education blog, all because we have so many graphs and stats in our posts.