EXIF Metadata

How to display EXIF metadata in Imagevue

Imagevue allows you to seamlessly integrate EXIF metadata tags into your image descriptions.

What is EXIF meta data?

EXIF(exchangeable image file format) is information about the camera that took the photo, and the specific settings the photo was taken with. These settings includes static information such as the camera model and make, and information that varies with each image such as orientation, aperture, shutter speed, focal length, metering mode, and ISO speed information. This data is stored in the image when the photo is taken, and Imagevue can extract this information and display as a text description. Below you will see an example of Imagevue displaying EXIF tags:

There are virtually dozens of EXIF tags that can be displayed, but most users will only wish to display important ones as in the example image above. Read more about EXIF in the links below:

http://en.wikipedia.org/wiki/Exchangeable_image_file_format›
www.exif.org›

How to enable EXIF for your Imagevue gallery

To display EXIF tags, you must goto your admin settings, and locate the setting under image.text.text[].items. In the array there, you must add the exif item to any of your text descriptions. Like any other description, EXIF tags may be displayed along with other description items, or independently. In our demo gallery, we have set it to appear independently when rolling over an image:

Imagevue EXIF demo folder›

Some things to be aware of

• Your PHP server must support EXIF. You can check this by going to your admin. If there are any warning signs in the top right corner related to EXIF, then your server does not support EXIF. You must contact your server admin, and request them to enable the PHP EXIF extension
• Your images must have EXIF data stored in them. If there is no EXIF data stored in your image, then no EXIF data will display. Like in our demo gallery, we have mostly images with no EXIF data. Therefore only a few of the sample folders will display EXIF description field when rolling over an image.
• If you are resizing large images from a digital camera, then make sure you also keep EXIF data when saving! This is normally automatic, but in some cases, EXIF data may be excluded

Changing what EXIF tags to display

To change what EXIF tags you want your gallery to display, you need to open and edit the file: iv-includes/include/ivExifParser.class.php. Below you will see the entire list of tags from this file:

var $_allowedTags = array(
//'FileName',
//'FileDateTime',
//'FileSize',
//'FileType',
//'MimeType',
//'Make',
'Model',
//'Orientation',
//'XResolution',
//'YResolution',
//'ResolutionUnit',
'DateTime',
//'YCbCrPositioning',
//'Exif_IFD_Pointer',
'ExposureTime',
'FNumber',
//'ExposureProgram',
'ISOSpeedRatings',
//'ExifVersion',
//'DateTimeOriginal',
//'DateTimeDigitized',
//'ShutterSpeedValue',
'ApertureValue',
//'ExposureBiasValue',
//'MeteringMode',
'Flash',
'FocalLength',
//'FlashPixVersion',
//'ColorSpace',
//'ExifImageWidth',
//'ExifImageLength',
//'InteroperabilityOffset',
//'FocalPlaneXResolution',
//'FocalPlaneYResolution',
//'FocalPlaneResolutionUnit',
//'CustomRendered',
//'ExposureMode',
//'WhiteBalance',
//'SceneCaptureType',
//'InterOperabilityIndex',
//'InterOperabilityVersion',
//'AEWarning',
//'BlurWarning',
//'BrightnessValue',
//'CCDSensitivity',
//'ColorMode',
//'CompressedBitsPerPixel',
//'Company',
//'ContTake',
//'Converter',
//'Copyright',
//'DigitalZoom',
//'FirmwareVersion',
//'FlashMode',
//'FlashStrength',
//'Focus',
//'FocusMode',
//'FocusWarning',
//'ImageAdjustment',
//'ImageDescription',
//'ImageNumber',
//'ImageType',
//'JPEGQuality',
//'LightSource',
//'Macro',
//'MaxApertureValue',
//'OwnerName',
//'PictureMode',
//'Quality',
//'SensingMethod',
//'Sharpness',
//'SlowSync',
//'Software',
//'SoftwareRelease',
//'SubjectDistance',
//'Version'
);

Notice how some lines have been commented out using ‘//’(double slash). This means that they are disabled, and you can easily enable them by removing the //. Similarly, you can disable items by adding // in front of them. This file needs to be edited manually and uploaded to your server.

Styling your EXIF tags with CSS

You can style your EXIF description tags with various classes in the CSS files. There are a few styles:

.text_1_exif, .text_2_exif - Sets the style for all EXIF within a specific text description
.exif_name - Sets the style for all EXIF tag names(f.ex.: "Model").
.exif_value - Sets the style for all EXIF tag values(f.ex.: "Canon EOS 450 DIGITAL").
.exif_[TAG] - Sets the style for a specific EXIF tag.
.exif_name_[TAG] - Sets the style for a specific EXIF tags name.
.exif_value_[TAG] - Sets the style for a specific EXIF tags value.