» Quick Start
» Account Setup
» Entries and Drafts
» Creating Entries
» About the Editor
» Entry Preview
» Posting Entries
» Editing Entries
» Sending Notifications
» File and Image Upload
» Advanced Features
» Preferences
» Payment
» Troubleshooting
» Keyboard Shortcuts

File and Image Upload

ecto offers the ability to upload any file to your weblog directory. This feature is only available for weblog systems that use the MovableType API (this includes BlogWare, Drupal, MovableType, Nucleus, TypePad, WordPress). Uploads are handled as attachments for a draft and uploaded as soon as a draft or entry is posted.

Attachments can be added to a draft via Draft → Add Attachment, by dropping files or image data into the edit areas, or by choosing Draft → Import from iPhoto. The following two movies describe the process for both the Rich Text and the HTML editor:

Once an attachment is created, you can edit its settings by double-clicking on the attachment in Rich Text mode, or single-clicking the link in HTML mode (for non-image files, however, ecto only creates an non-editable link to the uploaded file). Via the settings sheet you can also opt to immediately upload a file).

For images and movies, ecto provides a range of options for resizing, converting, and creating the appropriate HTML tags. The HTML image tag options are as follows (as displayed in the "Image" tab):

  • alignment: Indicate how you want the image to be aligned with respect to the text.
  • border: Specify whether you want a border around the image and what its thickness should be.
  • spacing: The amount of white space that will separate the image from surrounding text.
  • alt: For visually impaired people and people who have images turned off in their browser, this tag provides a textual description of the image.
  • longdesc: This is a URL that points to a longer version of the image description.
  • title: This will pop up a label in the browser with the text you specify.
  • style or class: An arbitrary CSS tag. For example, you may want a more stylish border, such as: "border:1px #cccccc inset;" or you use a specific class definition for images.

If you prefer to define your IMG tag manually, use the "Advanced..." pane.

If you want to create thumbnails or convert images, set the appropriate settings in the "Thumbnail" and "Convert" tabs of the File Upload manager. For thumbnails, these are:

  • Scaling: Indicate the desired size for the thumbnail. This can be in pixel values or percentage. If you use proportional scaling, press the Tab key after entering a value in one of the size boxes. That will create a matching proportional value in the other size box.
  • Naming: Thumbnails are uploaded in the same directory as the original image and therefore must be renamed. You can specify what pre- and/or suffix you want ecto to use when renaming files.
  • Linking: Created thumbnail HTML tags can link to the original image in two ways: a pop-up window with the original image embedded or simply a link to the original, full-sized image.

For conversion of images, the options are as follows:

  • Format: ecto supports two image formats for uploading. These are the two common web-based image formats, JPEG and PNG. JPEG is best for photographs, and PNG is best for images with limited amount of colors.
  • JPEG: specify the quality of the JPEG image. This indicates how much JPEG files will be compressed. A higher quality means lower compression and larger files.
  • PNG: PNG files can optionally be set to be interlaced. Interlaced PNG files are larger, but allow for better viewing in browsers.

Movie files allow the following additional options:

  • Poster frame: If the embedded option is chosen, you can optionally set the poster movie option. This will create an embedded object that initially loads a selected frame and when a visitor clicks this frame, the full movie is loaded.
  • Thumbnail: If you choose the thumbnail option, the thumbnail can be generated from any frame you select.
  • Controller: Optionally set the movie object to play automatically or to show a controller. This only applies to the embedded option.

If you are using MovableType or TypePad, you can optionally enter a directory in the "Upload into subdirectory" field. This should be relative to your weblog directory. This option is not available for BlogWare and Nucleus 2.5 users, who MUST keep this field blank.

Once you've set your desired options, you can save them as a preset so that the settings are reusable for new attachments. ecto also remembers the last uses preset so that you can reapply the same settings automatically when adding attachments without having to open the attachment settings sheet.

ecto remembers all used attachments. To access cached attachments, select Draft → Cached Attachments. Each attachment can be re-used.

For more information, click "Tell me more."