.png images in Cap 7 course go to solid red when published to LMS

I have a simple Cap 7 course, all text, simple objects, and images; no animations, video, etc. When I preview the course including in web browser and in HTML5 in web browser, all is well. When I publish to my LMS all of the .png images are solid red. I've checked all the relevant preference settings, including the objects defaults and the publish settings. Should I be going to my LMS provider, or does this seem like a Cap 7 issue?

I've had this happen on several occasions, but usually only 1-2 images at a time will turn red. Only solution I've found is to go into your library, right-click the image, and select "update" or "update resource path" and select the same file.
No idea why it happens.
Good luck.

Similar Messages

Images enlarge and movies play in iweb, but not when published

Everything works fine in the program, but when published to site or folder, photos are there, but won't enlarge. The movie thumbnail shows with the little movie icon in the corner, but clicking does nothing.

On all of your pages you have an image that appears to cover the photos preventing them from being clicked on.
Move it to the back via the Arrange menu or get rid of it.
How did you add the videos to the page? If you just dragged them onto the page or used the movie page then iWeb will have to upload them when it publishes the page and all will load when the page is accessed which can cause long loading time for the page.
Also thre are some files missing for the TV page as seen in the Activity window (Command+Option+A) for the page. Publish the site to a folder on your hard drive and open it there. Check to see if the movies play OK (after you fix that overlaying image issue). If they do then the problem lies in the uploading of the files.
If those files are Quicktime then the viewers must have Quicktime installed on their computer in order to view them. See this page on Roddy's iWeb for Musicians site for methods of presenting movies that will let all computers view them: Player-Showcase.html. See the list at the right for different players you can use.

Why do images brought into flash from a psd appear differently when publish

I am creating a flash banner using a layered psd. The account team is happy with the look of the psd. BUT, when I bring the images into flash and publish the file, the colors look different. I import them into flash at the highest quality yet they don't look the same. Any advice?

The answer relates to color spaces (profiles) and color management in Flash.
In the other creative suite applications you work with a color space to define the colors your using—i.e., if you have #ff0000 full red this will be a different color in sRGB (an RGB color space) than Adobe 1998 (a different RGB color space). You need to have a color space (profile) to make sense of the color values.
Flash doesn't honor profiles currently, which means it ignores these profiles. By default in Flash Player 10, and the only option in all players before 10, it gives these color numbers to the operating system without a color space, so the operating system is in charge of making sense of these numbers. In Windows it will assume these numbers are in the sRGB color space, on Mac it will assume that these numbers are in the monitor's color space (on my macbook this is Color LCD, which I believe is the color space for all macbooks by default).
The way to get the colors to look the best in Flash is to make sure that the document is sRGB before you bring it into Flash. In Photoshop you can convert the colors into the sRGB color space, which will change these color values into the sRGB color space, by going to Edit -> Convert to Profile, and find sRGB in the RGB dropdown. Another way to do it if you are saving just a flat image is to use File -> Save For Web & Devices and check the Convert to sRGB checkbox on the right. Now when you bring the image in to Flash and publish it it should look right on Windows, and probably better on Mac.
Flash Player 10 adds a feature where you can say that all the images are in the sRGB color space and it will hand the color values to the operating system as sRGB numbers. This makes it work better on Mac, if the swf file is viewed in an environment that honors profiles (Mac and Windows honor profiles but most browsers still ignore profiles, but that's getting better). You can turn this feature on by putting this code into your Flash file: stage.colorCorrection = ColorCorrection.ON;. Read more on that at this link: http://blogs.adobe.com/jnack/2008/10/get_better_color_through_fp10.html. I also gave a presentation on color management and blogged about it, which you can read about and watch here: http://blog.elliselkins.com/2009/02/flying-through-color-space-uflash.html.
Feel free to ask me anything. Hope this helps.

Transparency in png image not showing

Hello,
I have a Region, which needs a background and an image 'on top' of it.
I can set the background using
setStyle("-fx-background-color: #" + 123456 + ";");
Or I can just use a Rectangle of that colour.
Then I have an ImageView... spiralImgView = new ImageView(new Image("images/spiral2.png"));
The png image itself has some transparency in it.
So when I add them to the region...
this.getChildren().addAll(rect, spiralImgView);
I just get a white background showing behind the image.
Can anyone help me fix this?
Thanks

I didn't do any coding. This will tell you if it is your image:
1) Download and start JavaFX Scene Builder
2) Without making any changes paste "-fx-background-color: #1d1d1d;" into the "Style" box of the "Properties" window
3) Drag and drop an Image View into the scene from the "Library" window.
4) Click on the ImageView in the "Hierarchy" window.
5) In the "Properties" window Use the "Image" selector to find your img on disk
If your image is mostly transparent it's background will not be white but #1d1d1d

Captivate 5 - Inserted PNG images from Fireworks are pixelated

The PNG images I inserted from Fireworks are showing up pixelated when I play the file in a browser, but look fine while I'm working in Captivate. Any thoughts?
THANKS!
Birgit

Hello,
Did you try changing the publish quality? Because of the fact that CP when converting to SWF will still be doing some compression, I really would give that first of all a try.
PNG allows even partial transparency, and certainly its 24-bit version. That is one of the reasons that it is superior to JPEG (no transparency) and GIF (only 100% transparency). But I'm not really used to Fireworks, always using Photoshop for graphical assets.
Lilybiri

Placed PNG images which are made in 3ds max are not shown correctly in Ilustrator

Hello,
Why placed PNG images (renders) which are made in 3ds max (and then photoshoped) are not shown correctly in Ilustrator. Images appear very noise so you can't see almost a thing. the same pictures (renders) made in Revit appear ok.
Is there a solution to solve this issue?
Thanks.

You would have to provide screenshots of how it looks in PS, including the channels visible. MAX may have embedded extra channels that throw off AI. And of course check whether your PNG is actually 8bit, not 16bit.
Mylenium

Using .png images in a website?

Being new'ish to Fireworks and the .png format I am really amazed at the quality of png's in a webpage and how the hold their quality. In web design I tend to like placing text over images and this can often have quality issues as text tends not to work to well with a jpeg unless you increase the resolution before hand.
I have found that while I edit an image in FW and place text over an image if I then save as a jpeg the image may not be as clear as I would like, if I keep it as a .png the quality is perfect.
I know why this is but on doing some research have found that .png's are still not universally used across may web browsers and as a result it is advised not to use them.
Some forums say they are fine while others say the opposite in using 'png's in web design, does anyone have any thoughts on this?
I want to use .png's in my web design instead of jpegs but am undecided from what I read on the Internet so would appreciate any thoughts you may have regarding this.
Many thanks, Pete.

On PNG images:
When you "save" from Fireworks, the file contains extra information in the file header which is proprietary to FW. The file will be viewable in a browser, as browsers just ignore the extra information, but the file is larger than is needed for a Web page. To create a .png file for a browser, you want to "export." (I like using the Image Preview function, myself.) There is no difference in the file extension between a fully-editable FW document .png and a flattened exported .png. In a thread some time ago, a poster commented that he gave his Fireworks documents a .fw.png extension, and exported to the plain .png. I've tried to adopt that approach and I find it helps me keep better track of what's what in my folders. It's up to me to remember to do it, though.
Exported PNG images can be 32-bit, 24-bit or 8-bit. Here's the difference:
A 32-bit PNG will represent your FW document with transparency. All the objects will be flattened, of course, but transparent and partially transparent areas will be preserved. The file is 32-bit as you have 8-bits each for red, green, blue, and transparency. Eight bits of data gives you 256 values. (Note: Photoshop calls this a version of the format a 24-bit PNG with transparency.)
A 24-bit PNG does not have transparency. The 24 bits of data are 8-bits (256 values) for red, green, and blue. In this sense, it is similar to a JPEG, although you do not have the data loss or the color shifts.
An 8-bit PNG has 256 colors in a list. In a way, this is similar to a GIF image. The interesting thing about PNG8, however, is that colors in PNG8 in Fireworks can be semi-transparent. In a GIF, you have the option of selecting only one color to be fully transparent.
Using PNG images on the Web
You will want to export to PNG32, PNG24, or PNG8, as appropriate for your needs. Do not overwrite your Fireworks document! If you use Image Preview when exporting slices, and select a .png format, then that setting will be set for that slice. You can't select .png from the Property Inspector.
If you need to support Internet Explorer 6, you can use PNG24 with no problem. IE6 will render any semi-transparent areas of PNG32 or PNG8 images as fully transparent. To support PNG32 in your Web pages on IE6, you need to add special code. Even then, however, your visitors' browsers can lock up under circumstances that are not fully understood (http://blogs.cozi.com/tech/2008/03/transparent-pngs-can-deadlock-ie6.html). If you know your visitors won't be using IE6, or the content in the transparent PNGs is purely decorative, then maybe that's not an issue for you.
Here's a roundup of techniques for using transparent PNGs at Smashing Magazine:
http://www.smashingmagazine.com/2008/04/16/getting-creative-with-transparency-in-web-desig n/
File Size
Choose the best file type for the image you have. No one file type is always better. If you need to support IE6 still, and you can think of how to do your site without transparent PNGs, then the coding will be easier and the cross-browser compatibility will be better. If you use Image Preview (under the File menu item), you can change the quality level for JPEGs. The default level is 80%, which may not be a high enough quality level for a particular image. Higher quality means larger image size, but for photographic elements, a JPEG may still be smaller than a PNG for a given visual quality. It depends on the image content; each image is different.
Gradients and Banding
Fireworks creates strict numerical interpolations between the two colors you use for your gradients. If the colors are close together, you may not have enough intermediate colors to span the distance you want to cover and you will get bands. Photoshop produces what appear to be smoother gradients, because that application adds subtle noise into the gradient to prevent banding.
Indexed Palettes
If your image contains more than 256 colors and you select an image format with an indexed palette (GIF or PNG8), you may find that Fireworks produces a palette with fewer than 256 colors. This is a known "feature" of the program and there's no known workaround. If you decide to produce transparent PNG8 images, you need to be aware that this can happen.
And...that's all I can think of that touches on your issues.

Import powerpoint with png images on slide(s)

L.s.,
I imported several ppt documents with png images on the slides, I noticed that sometimes png images are damaged or not visible.
My search for differences between the source files was not succesfull.
Has this behaviour been noticed before?
Regards,
Peter

Hello Peter, welcome on the Forum.
Which version of CP do you use and which version of Powerpoint? PNG is the format used internally in Captivate (heard this from the team), so it seems a bit odd that those images are damaged. You could of course import them (images) directly in the library and put them on the slides in CP while editing. Perhaps you could post a screenshot? Use the camera icon in the toolbar of the message box to insert the screenshot.
Lilybiri

Problem with CFimage / PNG images

I have a problem saving PNG images from another server, for example itunes, some work, some don't
The following image will open fine in my browser ->
http://a576.phobos.apple.com/us/r30/Purple/v4/de/60/bb/de60bb7f-8995-4007-cfec-1b0a472fa36 7/icon.png
This is the error I am receiving:
An exception occurred while trying to read the image.
javax.imageio.IIOException: Error reading PNG metadata
Code:
<cfimage source="http://a576.phobos.apple.com/us/r30/Purple/v4/de/60/bb/de60bb7f-8995-4007-cfec-1b0a472fa36 7/icon.png" overwrite="true" destination="#filepath#/9999.png"
action = "write">
I believe some images have malformed/incorrect headers. I'm guessing this is a CF issue (I use CF8), because it loads fine in a browser.
Anybody have a solution to this? Maybe an alternative way to retrieve the image? Custom tag?
Thanks
Mark

I found the issue and solution. The problem was with the Java, the JVM had issues reading SOME PNG's from servers, but not all, there must be a newer way of encoding them that was not around when the version of java I had was created, or it's just a bug. I had an earlier version of 1.6 which is downloaded as version SE 6 from Oracle.
As per some instructions by Ben Forta I tried an update of the JVM to version 7 (1.7.x),
http://forta.com/blog/index.cfm/2013/3/3/Upgrading-ColdFusion-To-Java-7
The update worked on my local dev machine which was CF8 with Win 7 64bit, and it actually fixed the CFIMAGE issue!
However, when I did the same update, with the same java file on the same version of CF8, CF would no longer restart throwing an error that it could not find a file.
Luckily I had a backup of the config file because I could not switch settings back any other way if CF would not start the administrator (Java also makes a .BAK anyway)
I tried the first build of version 7, same problem, so I went to the very last version 6, build 45, it installed, and it also fixed the CFIMAGE crash!
A couple of points for anybody else trying this
Make sure you have a back up the config, in CF8 it's located here (different to the location in Bens instructions)
Coldfusion8\runtime\bin\jvm.config
Also note that the forward and backward slashes are different for the built in JVM that ships with CF and is set in the administrator, and the location you will specify
Original location: C:/ColdFusion8/runtime/jre
New location: C:\Program Files\Java\jre7\
Here is the location to the Java file (
Java SE Runtime Environment 6u45)
Java Archive Downloads - Java SE 6
Took me days to get to the bottom of this, but the fix actually takes just a few simple steps and a few minutes, of course
Mark

I am trying to use photomerge compose. I open one standard jpeg image and one image that is my business logo in a png format. When I select the png image, to extract the logo from it, it appears as all white and will not allow me to select the logo from

I am trying to use photomerge compose. I open one standard jpeg image and one image that is my business logo in a png format. When I select the png image, to extract the logo from it, it appears as all white and will not allow me to select the logo from it. It has worked in the past but I downloaded the update today and photomerge will not work correctly. Any ideas?

hedger,
How do you expect anyone to help when we don't know a darned thing about the file, abut your setup, exact version of Photoshop and your OS, machine specs, etc.?
BOILERPLATE TEXT:
Note that this is boilerplate text.
If you give complete and detailed information about your setup and the issue at hand,
such as your platform (Mac or Win),
exact versions of your OS, of Photoshop (not just "CS6", but something like CS6v.13.0.6) and of Bridge,
your settings in Photoshop > Preference > Performance
the type of file you were working on,
machine specs, such as total installed RAM, scratch file HDs, total available HD space, video card specs, including total VRAM installed,
what troubleshooting steps you have taken so far,
what error message(s) you receive,
if having issues opening raw files also the exact camera make and model that generated them,
if you're having printing issues, indicate the exact make and model of your printer, paper size, image dimensions in pixels (so many pixels wide by so many pixels high). if going through a RIP, specify that too.
etc.,
someone may be able to help you (not necessarily this poster, who is not a Windows user).
a screen shot of your settings or of the image could be very helpful too.
Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
http://forums.adobe.com/thread/419981?tstart=0
Thanks!

How can I add .PNG images to templates without getting a white background?

I'm having problems with a image field when I add a .png image which doesnt have a background it is showing up with a white background. Is it possible to use images in templates so you can overlay them on something else?

Hi, You can do this but only with a PNG with a palette of 256 colors (maybe GIF as well) so doesn't get a lot of use, good enough for image buttons and the like, but might be ok for your image as it does not have that many colors. Otherwise radzmar's suggestion would be the better approach.
This is the link I was tring to find (in your previous thread) that tells how to do it using GIMP (a free image editor), http://smartforms.business.gov.au/DeveloperResources/Pages/HintsandTips.aspx , but the one I have uploaded here comes from photoshop (in photoshop it is called an indexed png).
Regards
Bruce
p.s. I'm always on the lookout for a new beer to try if this one you would recommend? 3% and all.

Poor quality motion tween with png image, tried "Trace Bitmap", but then it looks like a newspaper

Greetings all,
I've been a software developer for many years, but am not very savy in the design elements. So, much of what I'm going to say will probably sound "newbie", so please forgive me in advance.
So, I'm trying to get a transparent image to fly in from the side. So, I *thought* I was doing the correct thing by moving the "symbol" off of the visible portion of the stage, and creating a motion tween to move it onto the stage. The motion works, but the quality of the image in general (and the text in specific) looks pixelated.
Thus, I did a little bit of snooping, and everyone said that you should start with a bitmap. So I saved the image from Photoshop into .bmp format, and was able to set the properties to "allow smoothing" and with lossless compression. So far, so good. Now, as I expected, the transparency is no longer there...
So here's the question: how can I make this image retain its quality, still have transparency, and a motion tween?
It seems like this is some set of characteristics that don't play well together, even though I see this type of thing online ALL the time.
I tried "Trace Bitmap" to convert to a raster image, and tried to follow some suggestions online, but when I do "Trace Bitmap", it ends up looking like it has a bunch of grayish dots on the image... definitely NOT what I was expecting.
Thanks for your help!
JPB

Go back to using the png, and set the smoothing allowance. That should take care of the quality. In Flash, a "bitmap" will often refer to any type of image element... .bmp's are probably dinosaurs (as in extinct) where Flash usage is concerned.

How to load a PNG image from a location in CF card

Hi,
I am using WTK 2.5.2. I wanted to load a PNG image to Image object. The image is loaded when I have it in the classes folder. But I want to select different image from a different location. If I try to open an Image to createImage(String) from a different location, I get IOException.
Please help me.
Thanks
Deekshit M

I got the answer, I should be using Image.createImage(InputStream) API. It works fine.
Thanks
DM

Use SVGAnimator to display a SVG with xlink PNG image

I tried the M2GDemo and it works without this image part
SVGAnimator animator =
SVGAnimator.createAnimator( image );
// add our custom event listener
animator.setSVGEventListener(
new CustomEventListener( image, animator ) );
// get the Canvas for this player: requires a cast
Canvas canvas = (Canvas) animator.getTargetComponent();
I modify the requestResource a bit to get Image from root1.
public void requestResource(ScalableImage inImage, String inURI)
     int pos = inURI.indexOf(":");
     if (pos >0){
          inURI = inURI.substring(pos);
     inURI = "file:///root1/"+inURI;
try
Connector.openInputStream(inURI);
catch ( IOException ioe )
ioe.printStackTrace();
<image x='90.0' y='69.46001' width='222.7' height='152.25' xlink:href='myImage.png'/>
Now I stuck with the error below.
Using Pisces Renderer (native version)
loadStarting : true
loadComplete : true
loadingFailed: false
loadStarting : true
loadComplete : true
loadingFailed: falsejava.lang.ArrayIndexOutOfBoundsException
     at com.sun.perseus.model.Text.applyXMLSpaceDefault(+86)
     at com.sun.perseus.model.Text.applyXMLSpace(+37)
     at com.sun.perseus.model.Text.layoutText(+70)
     at com.sun.perseus.model.Text.checkLayout(+13)
     at com.sun.perseus.model.Text.paint(+12)
     at com.sun.perseus.model.ModelNode.paint(+9)
     at com.sun.perseus.model.StructureNode.paint(+16)
     at com.sun.perseus.model.ModelNode.paint(+9)
     at com.sun.perseus.model.StructureNode.paint(+16)
     at com.sun.perseus.model.ModelNode.paint(+9)
     at com.sun.perseus.model.DocumentNode.paint(+16)
     at com.sun.perseus.model.SimpleCanvasManager.fullPaint(+108)
     at com.sun.perseus.model.SimpleCanvasManager.updateCanvas(+18)
     at com.sun.perseus.midp.SVGCanvas$1.run(+87)
     at com.sun.perseus.util.RunnableQueue.run(+271)
RunnableQueue terminatingUncaught exception java/lang/ArrayIndexOutOfBoundsException.
Bascially all I need is a viewer to display SVG with xlink to PNG image without the use or tinyline. If I want to get the PNG image from http, what should I do?
Any response will be greatly appreciated.

> This technique is really just using a BEE, there is
> documentation on the BEE concept in the online help
> and Brian McKellar has a weblog on the subject as
> well.
OK, I think I get the idea. Will check the stuff. Thanks.
> Notice the strange D at the end of the line. This
> isn't in the original posting. Perhaps this is just
> bad cut and paste.
Just bad copy paste. Yes.
> You say that this isn't working for you - but you
> don't describe the results. Is there an error? Does
> it render anything in the button at all? Does the
> raw HTML get rendered?
I just saw coding in the button.
> You want to make sure that the
> text doesn't get encoded - which would cause the HTML
> source to display instead. On the htmlb:button you
> will want to set the attribute encode = FALSE.
OK, that was right on spot. This shows me the Icon! Strike!
> Also I am not sure that you can also pass in text
> with the image like that. You might have to create a
> full BEE and add the image and a textView separately
> into the BEE. Then render the entire BEE to a string.
I'll check the documentation on BEE and give it a try.
Thanks for your answer.
Thats a starting point for me.
Alf

PNG images revive deleted images in the form of a thumbnail, potential risk

Saving a PNG image will revive deleted photos. To replicate this, save a PNG image, such as the ones on XKCD's "What If?", and deleted images get revived in the form of a thumbnail overlapping the image.
This has been here since IOS 5, according to http://appleinsider.com/articles/13/11/14/bug-resurrects-deleted-image-thumbnail s-in-ios-7-photos-app-dates-back-to-ios-5
Knowledge of this could be abused. If I get free acess to someone else's Ipad, I can just spam saving PNG images over and over to see their sensitive images saved as a thumbnail overlapping the PNG image's thumbnail.
How do I delete the thumbnails? It seems that when you delete a photo, it saves the thumbnail. This is supported by the PNG images reviving deleted photos in the form of thumbnails.

Send feedback/suggestions to Apple.
http://www.apple.com/feedback/ipad.html
Submitting Feedback to Apple
https://sites.google.com/site/appleclubfhs/support/advice-and-articles/submittin g-feedback-to-apple
File an Apple Bug Report, at http://bugreport.apple.com/
 Cheers, Tom

.png images in Cap 7 course go to solid red when published to LMS

Similar Messages

Maybe you are looking for