You are not logged in. Please login or register.
Juicebox Support Forum → Juicebox-Pro Support → Colour Change on some images
Hi, I convert all my image to sRGB in Photo Shop and reduce their size & save them Jpeg.
When I drag them to JuiceBox, some but not all of the images change colour and get a yellow cast, also if I check the resize button, this also happens to some but not all of the resized images but not the original sized images. And sometimes it happens to all of them.
Any ideas?
Unfortunately, as you have discovered, JuiceboxBuilder-Pro does not retain metadata (such as ICC color profiles) in images that have been processed (either resized or watermarked) for use in a gallery.
In order to have metadata in gallery images, you could prepare (and resize if necesary) the images for your gallery in Adobe Photoshop (or a similar imaging program) prior to feeding them to JuiceboxBuilder-Pro and deselect the 'Resize Images' and 'Use Watermark' checkboxes on the 'Images' tab. JuiceboxBuilder-Pro will then just copy the images directly across to the gallery's 'images' folder (complete with any metadata that they may have embedded within them) without processing them at all.
When the images are displayed in the gallery, they are displayed using regular HTML <img> tags (generated dynamically by the 'juicebox.js' file).
Incidentally, JuiceboxBuilder-Pro does not intentionally strip out the metadata. It is a side-effect of the way that images are resized. In resizing an image, a new image is created from the original image's pixels (using a suitable algorithm) and the metadata is not actually part of the process. In order to retain metadata, it would likely be necessary to extract all metadata from the source image, store it somewhere temporarily and embed it into the resized image. With all the different metadata formats available (e.g. EXIF, IPTC, XMP, ICC) and all their possible values, this is likely to be quite a complex task (and I do not know if this is even possible within an Adobe AIR application such as JuiceboxBuilder-Pro).
I hope this at least sheds some light on what is happening.
Processing images prior to using JuiceboxBuilder-Pro and instructing JuiceboxBuilder-Pro to use these images for the gallery (without any further processing) would be the best workaround at present.
So my next question is:- why does it happen on some images and not on others?
Only images that are larger than the maximum image bounds (set on the 'Images' tab) will be resized by JuiceboxBuilder (losing their metadata). Images that are already within the maximum image bounds (and do not need to be resized) will simply be copied across to the output 'images' folder (retaining their metadata).
This might account for what you are seeing.
OK. So how can I use pre resized images. At the moment i just drag the big images into the add images box in dropbox and thats it, it creates all the code for their locations in the config file as large,small, thumb etc. If i make the images at the required size how do i get to know where they are?
If you resize your images prior to using JuiceboxBuilder, just deselect the 'Resize Images' checkbox (on the 'Images' tab) and drag and drop the images into the 'Add Images' box as normal.
When you 'Save' the gallery on the 'Publish' tab, Juicebox will copy the images (without modification) to the gallery's 'images' folder (and will still create thumbnails from them in the gallery's 'thumbs' folder) and will populate the 'config.xml' configuration file with the correct paths (to the images and thumbnails in their respective folders).
so next. what about small, medium & large images, how do I get all three sizes in there
If you allowed JuiceboxBuilder-Pro to create all image sizes for a Multi-Size Image gallery, then (as you are aware), no gallery images would contain metadata unless any of the source images are already within the maximum bounds of an image size and do not need to be resized (in which case they would be copied across to the gallery folder unmodified with their metadata intact).
Perhaps the easiest thing to do would be to create a Multi-Size Image gallery with JuiceboxBuilder-Pro so that all the smallImageUrl and largeImageUrl entries are present in the gallery's 'config.xml' file.
All you'd then need to do is create your own Small, Medium and Large images (in an imaging program such as Adobe Photoshop) and then replace the images in the 'images' (Medium), 'images/small/' (Small) and 'images/large/' (Large) folders.
(Images for each size should have the same filename. Each image size is stored in a different folder to avoid file name collisions.)
At least all the smallImageUrl and largeImageUrl entries would be generated for you.
This would be a step in the right direction over having to create a Multi-Size Image gallery from scratch manually.
Juicebox Support Forum → Juicebox-Pro Support → Colour Change on some images
Powered by PunBB, supported by Informer Technologies, Inc.