Image Optimization in CQ5

Is an image automatically optimized by CQ5 when it renders the website? Or do we need to store web ready/optimized versions of the images?

thx for answering
You understood right, I have enough memory for saving 1-bit images, but
Graphics.drawImage(Image img, int x, int y, int anchor) can draw only RGB images so each time I want to draw some image, I have to remake 1-bit images into RGB images, it takes a lot time, so I need to make some optimization
My application draws symbols, but symbols are presented by Glyphs, so I draw some black&white Glyphs

Similar Messages

Image Optimization for POD

Attempting to optimize a few images for a POD book, but consistency in image quality is the perrenial problem with POD. Received the first proof copy containing 24 black and white 7cm x 7cm images, all from the original publisher (we're doing a licensed translation) and seemingly of consistent qualitiy. 4 images turned out brilliant, and the rest, beyond mediocre, just inferior.
The photo files are EPS. All are showing as grayscale except for 2 which are color space RGB (Adobe RGB profile). Of those two, one is terrible like the majority (flat, washed out, looks almost solarized) and the other is brilliant. The other 3 images printing well, are in grayscale, so RGB doesn't seem to be conclusively part of the answer or problem.
All the rest are grayscale, and in ID the profiles show as NA.
Other than abandoning POD (impossible now, and past projects with similar images have turned out well), what can be done, what are the fundamentals of image optimization for this printing process?
Thank you for the input.
Luca

I assume that by POD you are referring to Print On Demand?
Quite frankly, the “problems” would seem to be more an issue of GIGO – Garbage In, Garbage Out – than anything to do directly with the file format of the images, especially if those images are monochrome.
I would strongly agree with Bob Levine in terms of EPS (Encapsulated PostScript) being an archaic file format. That having been said, a properly prepared photographic image with proper exposure, contrast, and resolution saved as EPS from Photoshop and placed in InDesign should render no differently than a TIFF, JPEG, or PDF (depending upon the compression used in the EPS) image without any ICC profiles placed into an InDesign document. I seriously doubt that simply converting your EPS files to TIFF would help in any way whatsoever, although in the process of simply opening the images in Photoshop, you might see what the real quality (or lack thereof) of the images is.
Many problems associated modern day monochrome images today is the fact that most such images were shot digitally as color images as opposed to being shot on black and white film. Unfortunately, there is no single conversion of color to monochrome that is optimal for all images. Much depends upon the exposure, light contrast, and especially the color contrasts within the original color image. In the days of analog film photography, professional photographers often used color filters with black and white film to deal with the issues of color contrast (for example, yellow and orange filters for outdoor scenic shots to provide for a darker sky with deeper contrast with the clouds, the “big sky” effect). Converting color digital images to monochrome by using the simplest Photoshop tools without regards to image content will definitely yield many suboptimal, washed-out looking images.
Also, after applying one or another of the Photoshop conversions to monochrome, the image usually is still RGB. One needs to then convert the image that looks grayscale to actual grayscale. Otherwise, you end up with an RGB image for which for every pixel R=G=B, a situation which could lead to some “interesting” and likely undesirable printed output, especially if printed on a color device.
Another issue to consider is one of color management. Whether one wants it or understands it, color management is really always on in Adobe applications. If you don't use profiles and the wrong assumption is made with regards to the color space of content, you can get suboptimal results, in grayscale such results being muddiness, poor contrast, etc. And to get back to the file format issue, EPS doesn't support ICC color management directly.
- Dov

ITunes Image Optimization

Is there a purpose for image optimization? Why won't Apple let it's users decide to optimize photos or not?

Optimization probably means that the iPhone is creating a thumbnail and reducing the original image size if needed. With up to 12 Mpixel cameras on the market, there is no need for the iPhone to store an image at full resolution. This would needlessly fill the iPhone's 8GB storage quickly. Instead, the iPhone reduces image size to somewhat larger than the 640x480 screen (and 640x480 TV out) so you can still zoom if needed. Thumbnails are created for quick album viewing.
Apple's simplicity of having this iPhone process happen automatically is the right solution in my opinion. There is no benefit of user's deciding to store photos with greater file sizes than needed or not to create thumbnails. (For reference, I like to tinker as I use both Aperture and Photoshop.)

Any help appreciated - - on barefoot ski image optimization

Any help appreciated.
Working with Photoshop 7.0 trying to color correct and optimize an image of my son barefooting to prepare for giant vinyl print to create a stand up cut-out on a foam board.
I will attach 2 downsized images for comparison.
As you can see one image has nice smile but no sunlight and other image has great sunlight but no smile.
I need to optimize for CMYK printing the smiling image. I know a bit about levels, but don't know what to change for midtones, highlights, etc. to try and correct this smiling image as best possible.
Unfortunately I did not set up the Canon EOS Xsi camera to save RAW images at 17 megs and the boat owner is not wanting to go out again for another photo session. Original image is 4.5 megs jpg which I crop image, adjust histogram by "sliding in the sides", convert to CMYK, sharpen unmask at 98%, increase brightness with middle slider in histogram, expand size up to 72 inches tall by 54 inches wide and also set to 150 pixels per inch (may try 300), save as LZW TIFF.
After that image is like 400 megs, then import into illustrator CS and tile out just the face of a 72 inch X 54 inch and it's amazing pretty clear for 100:1 file size increase (13 X 9 inch sheet).
I have access to CS4 on Mac only - - don't know if CS4 Mac file will have any big advantages over my 7.0 in Windows . . .

Hmmmm, wonder if anybody ever created a plug in for photoshop that allowed you to add more lighting to an image, as in light coming from behind the photographer - - like sunlight effects ?

Image Optimization

I'm currently working on an application which requires a
couple hundred png images to be displayed at once on the screen.
I'm looking for ways to optimize the image storage so that it has
the least effect on the user's system. The images must be
resizable.
I'm using the Image class right now, and was thinking of
switching over to the Bitmap class. Although I wouldn't gain the
benefit of pixel-copying, I'm hoping that Bitmap will have a
smaller footprint, and will give slightly better performance.
Is there a better way to do this? Should I be using graphics
to draw BitmapData of the image directly onto a minimal component?
If so, are there any guides for resizing the BitmapData for
drawing?
Thanks,
Nate

"skider" <[email protected]> wrote in
message
news:glagl9$nvd$[email protected]..
> I'm currently working on an application which requires a
couple hundred
> png
> images to be displayed at once on the screen. I'm
looking for ways to
> optimize
> the image storage so that it has the least effect on the
user's system.
> The
> images must be resizable.
>
> I'm using the Image class right now, and was thinking of
switching over to
> the
> Bitmap class. Although I wouldn't gain the benefit of
pixel-copying, I'm
> hoping
> that Bitmap will have a smaller footprint, and will give
slightly better
> performance.
>
> Is there a better way to do this? Should I be using
graphics to draw
> BitmapData of the image directly onto a minimal
component? If so, are
> there any
> guides for resizing the BitmapData for drawing?
I use a Matrix to do the resizing, but I'm doing something
different to what
you're doing.
You might find this useful:
http://tinyurl.com/superimage

How do you control hiDPI image optimization in Muse CC 2014?

Hi,
I'm using the new hi-DPI feature in Muse CC 2014 that supports image assets for hi resolution screens. The website I'm building is a portfolio site and need to make sure that images look good on both 72 dpi and hi-res screens. I'm finding that Muse is over optimizing @2x images when exporting for preview—especially for the assets used for 72dpi screens. When I export the site to preview in browser, I'm assuming that is the image quality that can be expected when publishing the site. Can I just optimize the images using Photoshop and replace them on the FTP host site after publishing or is there a better method? Is it possible to preview the manually optimized images before publishing?
Thanks for any suggestions.

Okay, I'm answering my own question since I figured out at least one solution. Probably pretty basic stuff for anyone that's familiar with Muse and publishing, but this is my first Muse site.
From Muse, export the html files to your local drive.
View the site in your browser and check for image quality.
Replace files in the "images" folder that are not good quality with images that you've optimized manually, making sure you use the exact same file names.
Refresh your browser to view new images.
I'm testing on a 72 dpi desktop and a hi-res display laptop. It doesn't look like the files I'm using are too large. Pages should still load quickly.
Once your satisfied with the new images upload to FTP host.
I think this works fairly well, but if anyone has a better method, please post. I also am interested in using business catalyst to track traffic on the site. I would imagine you can simply replace image files directly on the FTP server if you publish using Catalyst.

Are there any recommended image optimization settings?

While trying to optimize images for my website ( http://gameboilers.com/ ) I used a tool named 'RIOT', but I am not confortable with that since I am a Photoshop user and likes utilize its potential to the fullest. I tried different preferences while saving processed images, but wasn't satisfied with the result. Can anyone tell me about some recommended settings that I can use to optimize images using photoshop CS5 ?

Hi
You can use Save For Web... option from File menu.
As for me, I usually use JPG file format with quality of 60 for photos and GIF formats for drawings and logos. GIF provide better lossles compressiob but can save 256 colors only.
PNG is best option if you need transparency.

Aperture - Image Optimization

Hi,
Is there anyway that I can set Aperture to optimize an image for the web when I export it so I don't have to use photoshop for it?
What I have been doing is exporting them and then I optimize them for the web with photoshop.
Thank you for your help!

Do you need adjustment that are only in PS?
I find that I hardly ever use PS any longer. I do all of my processing in A3 and then publish directly to the web from A3.
Allan

Save image to Adobe CQ5 from IPAD2 by capturing image using PHONEGAP

Hi
I am trying to capture the image in IPAD2 using Phonegap.
Then I am using ajax post request to save this image.
Note:"imagePhoneurl" is the image url while getting the image from camera.
     "testevent5sdmkc" is the node name
$.ajax({
           type: "POST",
           url: SEFConfig.url+"/SEFForum/events/testevent5sdmkc",
           contentType: "image/pjpeg",
           data: "name=EventDoc"+"&filename="+imagePhoneurl,
           beforeSend : function(req) {
           req.setRequestHeader("Authorization", auth);
           success: function(msg){
           alert('success');
           //$.mobile.changePage("#viewAttendant", "slideup");
           //getUpdatesAndChangePage(deviceChecked);
           error: function(err)
           alert("Error while getting info from CQ5 : " + err);
So it should create a child node under "testevent5sdmkc" and should have the image that is being passed in POST request.

Hi Rajnegi,
In my opinion, this thread is related to ASP.NET forum. So please post thread on that forum for more effective response. Thank you for understanding. Please refer to the following link.
http://forums.asp.net/.
To save your time, the following way is a popular way to upload images to server. You can put the code in your iframe. Please see the page below:
http://www.aspsnippets.com/Articles/Multiple-File-Uploads-Gmail-Style-using-JQuery-and-ASP.Net.aspx.
Hope useful.
Regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to get the local file system path of an image that loaded into the image component in cq5?

Hi,
I'm having hard time uploading image from filesystem where as drag and drop works.
I'm not getting a path of image selected from filesystem.
here is my code..
private String populateImage() throws Exception {
                    if (currentNode != null && currentNode.isNode()) {
                                   Node ImageNode = JcrResourceUtil.createPath(currentNode, "image",
                                                                      null, "nt:unstructured", true);
                                   imageUrl = ImageNode.hasProperty("fileReference") ? ImageNode.getProperty("fileReference").getValue().getString() : "";
       imageUrl = imageUrl.trim();
        log.info("MANAGE PROFILE BEAN IMAGE URL INSIDE IF IS: " + imageUrl);
                    } else {
                                        imageUrl = properties.get("fileReference", "");
                                        imageUrl = imageUrl.trim();
                                        log.info("MANAGE PROFILE BEAN IMAGE URL INSIDE ELSE IS: " + imageUrl);
                    return imageUrl;
So if I drag and drop..
ImageNode.hasProperty("fileReference") is returning a valid path
but if I upload an image it is returning Null.
So how to get the path? any suggestions around would be appreciated...

When you say path you mean you want the path to print out in your HTML? Is that accurate? If so you generally need to constructe that path based on the path to the current component. So if you component is located at /content/mysite/en/about/mypage/jcr:content/parsys/image then the path to the image would generally be something like /content/mysite/en/about/mypage/jcr:content/parsys/image.img.jpg/1283829292873.jpg. The .img. selector triggers the servlet associated with the foundation parbase - /libs/foundation/components/parbase/img.GET.java. The reason you reference it this way is that there is no filesystem path to the image - it is stored in the repository not on the file system, and it requires a servlet or script to ge the binary from the repository and steam it.
Normally the way you'd construct this is to use the out of the box Image class - so look at /libs/foundation/components/image/image.jsp. Now this example assumes that your component where you loaded the image extends /libs/foundation/components/parbase. If it doesn't then you either have to change your sling:superResourceType to /libs/foundation/components/parbase or some other component that does exten /libs/foundation/components/parbase.

Swf Image Optimization

I'm working on a project where many of the design elements and controls contain mx:Images with common source attributes. In the Flash Professional working environment I would be using these images as instances of MovieClips, which only needing to be referenced once at compilation (as I understand it), don't bog down the loading time for the compiled swf. When I run my flex application in debug mode I can see each swf image is being decompressed individually as the application initializes. While the decompression runs almost instantly on my computer locally, I imagine it will noticeably reduce efficiency when I put it online.
So my first question is this; is my assumption about the decompression time being a performance "liability" accurate? And if so, what's a more efficient way to load a copy of the image into memory that I can reference in all the different components that use it throughout the application?
Thanks~Benny

**** The images I'm referring to are small, as in 4KB (apparently the smallest file size mac displays by default in the finder).... Actually, if anybody could tell me what view or preference you need to have set up in the Flash Builder workspace to view file sizes (either I'm blind, or it's tucked away in some sort of asinine fashion which is eluding me...) please let me know ****
Here I would say just use R?H click ‘Properties’. At least that would be in Windows.
I have constantly my work directory open and check IF needed for file size there and for .swf file size in the debug or release directories.
**** exported from the Flash library into the image folder in my Flex project. The 4KB swf files range from around 400 to 2000 after decompression and one image, which is relatively complex and detailed, is 78KB in the finder and about 150,000 after decompression, but it's only used once. ****
Here I would say for the first part, and as ‘rtalton’ pointed out embed this Image is quiet small - embedd it once use it as many times as !.
The second part: Well, I have built over the last four years some very large Image Application and never ever worried about ‘decompression’ and my Images are as well all done in Flash files and I never have them as small as 78 kb I use mine more the 300 kb size fully modified into Flash and as long they come out below 180 kb I never worry. I handle that all with preloading, loading and caching but I use modules so that is a little different as well.
And to the rest I’m not sure about that.
regards aktell2007

Once You Figure Out Image Optimization This is a pretty Handy Program

Just uploaded the new site for my company. It is still under construction so check back regularly to see how it's going.
creative deviance | the official site
www.creative-deviance.com
Dual PowerMac G4 Mac OS X (10.4.4)

It seems you just replaced the big PNGs with JPEGs (and tweaked the HTML code manually?)...
I did a similar thing by reducing the color palette of my intro PNG (500 KB -> 150 KB), but I wonder if there is a simple script or droplet for this task. Yesterday I tried PNGCrusher (http://www.versiontracker.com/dyn/moreinfo/macosx/26437), but it saved only a couple of KBs.
Bye, Matthias
iBook G4, Mac mini Mac OS X (10.4.4)

How can i use adobe drive/cs4 for storing images and interact this with adobe cq5.4 DAM...

Hi,
Can anybody suggest me i want use adobe drive to store images and i want to access the images for my cq5.4 instance..
I want to integrate drive to the cq5.4 dam for ignoring the dam burden on cq5 instane repository..
Is it possible to use this drive? or is there any other way i can achieve my task?
Thanks,
Sony C.

Adobe Drive software doesn't store images; it enables integration of a DAM system with Creative Suite and now Creative Cloud desktop apps.
Adobe Drive 3 is the first version of the software to support integration with Adobe's DAM. This version was designed to work with CS5 and CS5.5 apps.
We do not have a version of Drive that supports integration with CQ 5.4 DAM and CS4 apps.

Optimizer erases lines and shape boxes from PowerPoint pdf

Hi,
I am on a MacBook Pro running 10.5.8, using Powerpoint 12.2 for Mac, with Adobe Acrobat 9.
I have saved a pdf of a PowerPoint file with many pictures for distribution.
When I attempt to reduce file size or optimize the file, Optimizer erases all line art and outlines of box shapes. I have tried every setting under Images in Optimizer and run the optimizer on color, grayscale and monochrome in every combination and get the same result. I am only running the Image optimizer.
Alternately, when I also check Transparency, it keeps the line art but changes all fonts in ever text box to gibberish.
There appears to be no guidance anywhere on the web for this problem. Please help!
Thanks!

Try "Press Quality" Acrobat 5 compatable setting for "live" transparency. You can also try PDF/X-4 2008 which maintains live transparency and, in CS4, maintain Acrobat 5 compatability. PDF-X1 is a setting that "flattens" transparency which may limit your output options, depending on final output device. Double check your raster settings and make sure it is set for 300ppi/2400dpi and not 72ppi/300dpi. As suggested by Wade, your printer may not be a Postscript Level 3 output device with a RIP. So, the driver may not be screening the artwork properly and the stitching shows up in output. You may benefit from taking the file to a prepress shop and have them output a "contract" proof. If the stitching shows up in the contract proof, then the PDF setup may be the problem or the original file itself.

When changing to Live View Images do not display...

Yesterday I was working on my website and it is still in the early stages so currently I have just a single image worked into my design. When I was changing between my code and the live view everything was displaying just fine. I saved my work yesterday and when I came back today I opened up the same file and found that everything appears fine in the code and the regular design view but as soon as I switch to the live view my images shows up as a tiny blue questionmark box. I have not changed any code from yesterday- the image appears to be linked to correctly because it displays without a problem in th design view. I am not sure what is going on- any help is appreciated!

this is my code:
<body>
<div id="wrapper">
    <div id="header"><div><img src="/images/topimage.jpg"></div></div>
<div id="ddtopmenubar" class="mattblackmenu" align="center">
    <ul>
    <li><a href="http://www.caliberequipment.com">Home</a></li>
    <li><a href="http://www.caliberequipment/machines.htm" rel="ddsubmenu1">Machines</a></li>
    <li><a href="http://www.caliberequipment.com/parts/" rel="ddsubmenu2">Parts</a></li>
    <li><a href="http://www.caliberequipment.com/forums/">Service</a></li>
    <li><a href="http://www.caliberequipment.com/" rel="ddsubmenu3">Technical Support</a></li>
    </ul>
    </div>
    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
    </script>
    
    
    
    
    <ul id="ddsubmenu1" class="ddsubmenustyle">
    <li><a href="/scrubbers.html">Floor Scrubbers</a></li>
    <li><a href="/sweepers.html">Floor Sweepers</a></li>
    <li><a href="#">Item Folder 3a</a>
      <ul>
      <li><a href="#">Sub Item 3.1a</a></li>
      <li><a href="#">Sub Item 3.2a</a></li>
      <li><a href="#">Sub Item 3.3a</a></li>
      <li><a href="#">Sub Item 3.4a</a></li>
      </ul>
    </li>
    <li><a href="#">Item 4a</a></li>
    <li><a href="#">Item Folder 5a</a>
      <ul>
      <li><a href="#">Sub Item 5.1a</a></li>
      <li><a href="#">Item Folder 5.2a</a>
        <ul>
        <li><a href="#">Sub Item 5.2.1a</a></li>
        <li><a href="#">Sub Item 5.2.2a</a></li>
        <li><a href="#">Sub Item 5.2.3a</a></li>
        <li><a href="#">Sub Item 5.2.4a</a></li>
        </ul>
      </li>
        </ul>
    </li>
    <li><a href="#">Item 6a</a></li>
    </ul>
    
    <ul id="ddsubmenu2" class="ddsubmenustyle">
    <li><a href="#">Item 1b</a></li>
    <li><a href="#">Item 2b</a></li>
    <li><a href="#">Item Folder 3b</a>
      <ul>
      <li><a href="#">Sub Item 3.1b</a></li>
      <li><a href="#">Sub Item 3.2b</a></li>
      <li><a href="#">Sub Item 3.3b</a></li>
      <li><a href="#">Sub Item 3.4b</a></li>
      </ul>
    </li>
    <li><a href="#">Item 4b</a></li>
    <li><a href="#">Item Folder 5b</a>
      <ul>
      <li><a href="#">Sub Item 5.1b</a></li>
      <li><a href="#">Item Folder 5.2b</a>
        <ul>
        <li><a href="#">Sub Item 5.2.1b</a></li>
        <li><a href="#">Sub Item 5.2.2b</a></li>
        <li><a href="#">Sub Item 5.2.3b</a></li>
        </ul>
      </li>
        </ul>
    </li>
    <li><a href="#">Item 6b</a></li>
    </ul>
    
    <ul id="ddsubmenu3" class="ddsubmenustyle">
    <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
    <li><a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a></li>
    <li><a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a></li>
    <li><a href="http://tools.dynamicdrive.com/password/">htaccess Password</a></li>
    <li><a href="http://tools.dynamicdrive.com/userban/">htaccess Banning</a></li>
    </ul>
<div id="content">
        <div id="content-left"></div>
        <div id="content-main"></div>
        <div id="content-right"></div>
    </div>
    <div id="footer"></div>
    <div id="bottom"></div>
</div>
</body>

Image Optimization in CQ5

Similar Messages

Maybe you are looking for