• FileMaker Image Management – Container Field Behavior and Much More

    One of my clients called this week and told me his logo got inverted when printing to a PDF. Also, the PDF file size doubled. Previously it did not occur to me to check the file he received from his designer, because I wrongfully assumed the designer gave him the appropriate file. But this brings up some interesting points about what files we should use with FileMaker and how we should use them. So, I gathered some useful information. Hope this helps you with handing your images in FileMaker and FileMaker Go.

    General Image Handling

    There are several different ways you can show images on a FileMaker layout:

    • Container field (Insert/Picture)
    • Place image on the layout (copy and paste from another source)
    • Show from another source in a webviewer (i.e. using SuperContainer or DocuBin)

    1. Container Field

    Advantages:

    1. Quick and easy. You insert an image, and voila it’s right there. If you store the file as a reference only  (suggested use if you have constant access to the hard drive the files reside on and do not plan to move or delete them) you will not bloat your database;
    2. Anyone can export it from there by right-clicking on the image and choosing “Export Field Contents”;
    3. The image can be swapped out just by inserting another image;
    4. Scan directly into a container field (by using a plug-in);
    5. You can export or email the image (file) as an attachment;
    6. Images can be cropped or resized (pay attention to maintaining proportion).

    Disadvantages:

    1. You cannot do too much manipulation without a plug-in;
    2. Your database file size gets large by every image you inserted (unless stored as a reference only), therefore eventually your database will get slower;
    3. Global container fields save on close, so your file must be accessed locally, if you’d like to save a change;
    4. You can’t find or sort records, so you need to set up a calc field. See Exhibit A;
    5. You can only print the image as it is on the layout.

    2. Place Image on Layout: Placing an image on the layout is not generally a good idea, unless it is your logo or  layout design (i.e. you are creating a header), but even so it’s best to use a global container field in an interface table or an image table where you load the images from when your database starts. Although, I have to mention that I see image quality differences between a referenced image in a field vs. an image pasted on the layout: in my opinion, image quality of the pasted image will be superior.

    3 . Web Viewer

    • Web viewers are great for images. You can show images from a website or SuperContainer. PDF (and certain image*) files can be viewed from a web viewer. PDFs can even be manipulated (zoom, next page, etc.) on Macs. Files are not stored in the FileMaker database.
    • You cannot print from the web viewer.  You can print the layout, but that’s agains, any decent designer’s instincts.
    • There’s a great article by Geoff Coffey on Scaling Images in a Web Viewer.

    Instant Web Publishing

    • Container field data cannot be entered or modified from IWP.
    • Complex or layered pictures are not rendered properly.
    • SuperContainer works with IWP.

    Image Management Helpers (Plug-Ins and Tools)

    • SuperContainer (File and image management. The images are NOT stored in the FileMaker database, rather stored on a file server (can be your local computer). Has the ability to upload/download, version files.
    • CNS Image (An all-round plug-in for image handling.)
    • InsideScan (Scan directly into a container field.)
    • ExifPlugIn (Get EXIF data from pictures taken with a camera.)
    • ScriptMaster (Has basic functions for cropping, rotating, watermarking, etc.)
    • Theme Library (Themes, buttons, image manipulation)

    Supported Formats for Container Fields

    FileMaker Pro supports the following picture, QuickTime, and sound formats (Exhibit B)

    FileMaker Supported Image Formats

    General Image Suggestions

    Print Quality: 300 DPI CMYK or Grayscale JPG or TIFF (if you need large, good-quality photos)

    Screen Quality: 75 DPI RGB or B&W

    Transparency: If you plan to use transparency, FileMaker suggests using TIFF, PNG, or JPG images. FileMaker does not recommend using the PICT (.pct) format with transparency.)

    Caveats: For proper image handling, QuickTime installation is suggested on Windows.

    Image Resizing and Cropping

    The Preview app on Mac OS X can manipulate images: you can crop, resize, even convert them to a different format (JPG, GIF, PNG, TIFF, etc.) (Exhibit C).  Some plug-ins and the Theme Library can enhance your image manipulation experience.

    Image Resizing in Preview

    FileMaker Go

    FileMaker Go has now the following functions for container fields (Exhibit D):

    • Choose From Library
    • Take Photo  (iOS device with camera required)
    • Get Signature
    • Paste
    • Open
    • Email

    Container Field Options on FileMaker Go

    SuperContainer works with FileMaker Go without programming changes. Because SuperContainer thumbnail file sizes are a tiny fraction of the full-size images, they load much faster, especially over a 3G connection.

    * You can view any image that your browser (Safari on Mac and Internet Explorer on Windows) supports.

     

    Are You Ready?

    At ZeroBlue we shine at building custom FileMaker solutions that do exactly what you need them to do with a focus on ease of use paired with crisp interfaces.

    • http://twitter.com/tomfitch Tom Fitch

      Nice roundup, thanks for posting. One quibble, the article gives the impression that images are placed on a layout only via copy/paste, however you can also use the Insert command. (It may even be best practice to use Insert, but I’ll have to dig up a reference.)

      • Agnes Riley

        Thank you, Tom. I just checked and insert/Picture and copy/paste seemed to have produced the same quality image on the layout.

    • http://twitter.com/honza24u HOnza Koudelka

      Great summary of common issues and available solutions.
      I would add that 24U SimpleFile Plug-In’s server-side abilities were specifically designed to address limitations of Instant Web Publishing.
      See examples at http://24uSoftware.com/IWP

      • rob lewis

        but cannot point containers missing image to a moved file!! geeeese!!!

    • http://profile.yahoo.com/H2JE3QVUHWUXGHIX2GBH3C34XE C

      When you import a folder of transparent png files, FileMaker will generate Thumbnails in jpg format. Thus killing the transparency and ruining your plans.