How do I add images in ecto for MacOSX?

ecto provides the user with a lot of flexibility when creating entries with embedded images. Most weblog systems allow their users to upload images via their client interface. Such weblog systems include, for example, BlogWare, Drupal, MovableType, Nucleus, TypePad, WordPress (1.2.2 or later). If you use such a system, adding images becomes a snap. There are a number of ways to add an image from your computer to your draft. Assuming you have a draft window open, you can do one of the following:

  • Use the Draft -> Attachment... menu item. Navigate to the file you want to add and click the “Open” button.
  • Use the Draft -> Import from iPhoto... menu item. Select one or more of your iPhoto images and click the “Import” button.
  • Drag the file you want to insert inside the edit area and drop it.
  • When you have, for example, GraphicConverter open and it shows an image, select the image or part of the image and drag that inside the edit area in ecto. You could do the same thing with an image in Safari.

All of the above steps will create an attachment inside the draft window. Double-click the image - in HTML mode, click the attachment link - to reveal the attachment settings sheet (you can make this sheet automatically appear by checking the appropriate checkbox in the Advanced pane of the Preferences dialog). An overview of the above and the settings sheet is covered in the following movies:

If your weblog system does not support file upload, but you still want to insert images in your entry, then the following is what you can do.

If you already have the image online, then you can add that image to the entry in two ways:

  • Click the image tool in the bottom of the draft window. It looks like this:
    image tool icon
    This will open a sheet in which you can type the URL to the image.
  • If the URL of the image is already in the clipboard (for example, by copying the address in Safari's address bar), then you can do an Edit -> Create Link -> Image with Clipboard, or even quicker via the contextual menu (Control-click in the edit area to see that menu appear).

Once you've done either of the above two methods, the attachments sheet can be revealed by double-clicking the image in Rich Text mode (click the link in HTML mode). In this sheet you can adjust settings for the final image representation.

It can be even better if you are using Flickr in combination with ecto and 1001. In 1001, you can upload your images to your Flickr account and then blog about it. Launch 1001 and open the Preferences dialog. In there, set the “Blog Editor” to ecto if it didn't already. Then open Streams -> My Stream. Select the image you want to blog and click the “Blog This” toolbar icon. Select your desired image sizes for original and thumbnail image and click “OK”. ecto will proceed to create a draft with your Flickr image.

Don't forget that ecto has an extended help book availabe via the Help menu. This book is also online.

Posted by Adriaan on January 25, 2005