I am noticing a color change when uploading an image as the first block. I have attached a comparison between the image and what Rise is showing. Image is saved as a JPEG 1920x1080. When I upload other content in that first block then the image, it displays as normal.
Thanks for reaching out, and sorry you're running into this! Did you add a Blocks lesson to your Rise course, and then add an “Image Centered” block as the first block on the page?
Can you tell me what browser you were using when this happened? And if you can share the original .JPEG image with us, that would be helpful, too.
Not sure if this comment should go with this discussion of Rory's or the discussion on image quality. I am having a similar issue to Rory where the color green is not coming through when I upload an image to Rise. I have attached the screen shot from both the original and Rise. You will see that the text color is green in the original .png and dark gray or black when it gets to Rise.
What lesson or block are you inserting this image into? I added it to a Image Full width (obviously scaled it and showed a pixellated version based on size) but the green stayed. I also added it to a Flashcard and saw the Green remained.
Can you also let me know what browser you're authoring in? I was using Chrome.
Ashley/Leslie - I see where the anomaly is now as the image I sent you was only a portion of the entire screen. You are correct that when only this portion of the screen is captured the lettering remains green. Here is what I did in Chrome:
Loaded entire screen shot (file attached): Block type = IMAGE centered - Green text seen in attached PNG does not appear green when uploaded to block type.
I then took a SnagIt of just that portion of the screen, saved as PNG and uploaded to a similar IMAGE centered block type and the color remains.
Take a look at my example here using the attached two files; one which you already have.
Thanks for sharing the original image too. I tested it out as well in a few different image blocks and I saw the same thing.
You mentioned using Snagit, is that how you also captured the original image? I'm not seeing the same issue with other image files I've inserted into Rise, including screen shots.
I'm going to share it with my team to have a few more eyes on testing, so I'll be in touch as soon as I can!
Ashley - Yes, I captured both images with SnagIt. The text color appears to be related to the amount of the screen that is captured as you can see from my updated example. I took screen shots capturing a larger portion of the screen each time. The more screen you see the harder it is to make out the text color.
I did try zooming in on your images, and the larger ones look more grey than green, so I do think it's changing the color somehow. I shared this with my team as a possible bug, so I'll keep you posted here.
I'd be interested to know if it happens with any other screen capture tools too. Do you have any others to test with? I use Droplr a lot, or on my Mac keyboard CMD + Shift +4 brings up some crosshairs to capture an area.
I used a windows tool called Snipping Tool and had the same results. I then tried a variety of options; creating text on a PPT slide, filing it as a PNG and uploading it to a Rise image block; capturing that same slide with SnagIt filing the SnagIt file as a PNG and uploading that to a Rise image block; I even creating an HTML page with the same font type and color and capturing it as a PNG and uploading it to a Rise image block. They came out fine. My results are here.
It seems that SnagIt works whereas Snipping Tool did not? Could you look at using the SnagIt tool, while I let my team know about the difference in behavior? The only ones I noted where the color didn't appear correctly was the Screen recording versions.
Ashley - I really don't use the Window's "Snipping Tool" often, if at all, so I will stick with SnagIt. But the results were the same with both tools and from what I can tell the issue appears to be more of how much of the screen is captured vs. the tool. In my example of the web page in question, if I capture a smaller portion of the screen say 900 pixels X 600 pixels the color seems to be fine but as I captured more of the screen, say 1400 x 800 the color seems to degrade. The fact that it is hard to duplicate makes me wonder if it is a combination of the size, color and type of font used when captured at a particular browser size. Not a show stopper, so I am "pressing on" - Thanks again for looking into this.
Thanks, Bill. I didn't see any sizes indicated on your SnagIt images linked in that Rise course, but it did seem the majority of them captured the color, so I apologize if I overlooked the others.
I'll keep you posted here if my team determines any other info that would be helpful, but I'm happy you have a way to press on till then.
Ashley, sorry. I only put the size on three of the earlier screen captures. The size was listed in the caption of the image. But you are correct, for the rest I did not. Thanks for keeping me posted if any new arises - I'll do the same.
Is there any update on this issue? I just uploaded a PNG file of a screenshot that has green in 2 places. Every color shows up except the green when I import the image in RISE 360 in both the Image - Centered option and the Image with markers. The green is showing that a toggle is on, so having it show up as grey is not acceptable. I used SnagIt and the original image looks fine. Rise is distorting the color and turning the green to gray. Any ideas?
I am having a very similar issue with the hue of blue being off once I upload into Rise. I'm using the same color code for Rise backgrounds as I am with shapes I create in Illustrator. when I export illustrator shapes to create effects, the colors don't end up matching. they are close, but it is noticeably different. I have tried exporting the illustrator file as every form of PNG & JPG I can think of & it always produces a different blue than what is in Rise. image attached for reference.
Hi Kyle, I'm sorry you're seeing this issue. We have this documented as a possible software bug, and we'll be sure to let you know here if we have any updates!
hi Lea--I'm wondering if you have any updates on this. no matter how I export the shape from illustrator, the colors will not match up with the background colors in rise.
I can't believe this is a bug that hasn't been fixed. I posted this 4+ years ago (3 jobs ago) and I am seeing it on the front page. I know everyone is busy and there are a lot of great updates happening with Rise and Storyline (everyone's hard work goes not go unnoticed) but geez. I am also seeing bugs and requests from 4+ years ago consistently on the front page still not being addressed or fixed.
Being honest, as an L&D professional, we are moving away from Articulate products because some of your competitors offer a much better product that allows for better collaboration and are web based. Even our LMS (and others we looked at) are really stepping up their authoring tool capabilities to the point where they are making our usage of Articulate products less and less valuable given the time necessary to develop. I really wish Articulate would add some of these features and fix these bugs that we have all been asking years for.
Thanks for the info Kyle. Unfortunately we don't use Illustrator here. We use SnagIt to grab and edit our screenshots and SVG is not a file format that we can export. It's a shame that this still hasn't been addressed.
I am finding a colour mismatch as well. A workaround is to use the Eye Dropper extension on Google Chrome to select the colour on your image, and then change the background in Rise to the HEX code.
25 Replies
Hi Rory,
Thanks for reaching out, and sorry you're running into this! Did you add a Blocks lesson to your Rise course, and then add an “Image Centered” block as the first block on the page?
Can you tell me what browser you were using when this happened? And if you can share the original .JPEG image with us, that would be helpful, too.
Not sure if this comment should go with this discussion of Rory's or the discussion on image quality. I am having a similar issue to Rory where the color green is not coming through when I upload an image to Rise. I have attached the screen shot from both the original and Rise. You will see that the text color is green in the original .png and dark gray or black when it gets to Rise.
original
Hi Bill,
What lesson or block are you inserting this image into? I added it to a Image Full width (obviously scaled it and showed a pixellated version based on size) but the green stayed. I also added it to a Flashcard and saw the Green remained.
Can you also let me know what browser you're authoring in? I was using Chrome.
Hey Bill,
Thanks for sharing what you are seeing as well as the original image that you are working with.
I have a couple of questions:
My initial testing does not show the issue you are reporting, but I'd like to take another look using a set-up similar to yours.
Ashley/Leslie - I see where the anomaly is now as the image I sent you was only a portion of the entire screen. You are correct that when only this portion of the screen is captured the lettering remains green. Here is what I did in Chrome:
Loaded entire screen shot (file attached): Block type = IMAGE centered - Green text seen in attached PNG does not appear green when uploaded to block type.
I then took a SnagIt of just that portion of the screen, saved as PNG and uploaded to a similar IMAGE centered block type and the color remains.
Take a look at my example here using the attached two files; one which you already have.
Hi Bill,
Thanks for sharing the original image too. I tested it out as well in a few different image blocks and I saw the same thing.
You mentioned using Snagit, is that how you also captured the original image? I'm not seeing the same issue with other image files I've inserted into Rise, including screen shots.
I'm going to share it with my team to have a few more eyes on testing, so I'll be in touch as soon as I can!
Ashley - Yes, I captured both images with SnagIt. The text color appears to be related to the amount of the screen that is captured as you can see from my updated example. I took screen shots capturing a larger portion of the screen each time. The more screen you see the harder it is to make out the text color.
Thanks, Bill.
I did try zooming in on your images, and the larger ones look more grey than green, so I do think it's changing the color somehow. I shared this with my team as a possible bug, so I'll keep you posted here.
I'd be interested to know if it happens with any other screen capture tools too. Do you have any others to test with? I use Droplr a lot, or on my Mac keyboard CMD + Shift +4 brings up some crosshairs to capture an area.
Ashley,
I used a windows tool called Snipping Tool and had the same results. I then tried a variety of options; creating text on a PPT slide, filing it as a PNG and uploading it to a Rise image block; capturing that same slide with SnagIt filing the SnagIt file as a PNG and uploading that to a Rise image block; I even creating an HTML page with the same font type and color and capturing it as a PNG and uploading it to a Rise image block. They came out fine. My results are here.
Hi Bill,
Thanks for those additional examples.
It seems that SnagIt works whereas Snipping Tool did not? Could you look at using the SnagIt tool, while I let my team know about the difference in behavior? The only ones I noted where the color didn't appear correctly was the Screen recording versions.
Ashley - I really don't use the Window's "Snipping Tool" often, if at all, so I will stick with SnagIt. But the results were the same with both tools and from what I can tell the issue appears to be more of how much of the screen is captured vs. the tool. In my example of the web page in question, if I capture a smaller portion of the screen say 900 pixels X 600 pixels the color seems to be fine but as I captured more of the screen, say 1400 x 800 the color seems to degrade. The fact that it is hard to duplicate makes me wonder if it is a combination of the size, color and type of font used when captured at a particular browser size. Not a show stopper, so I am "pressing on" - Thanks again for looking into this.
Thanks, Bill. I didn't see any sizes indicated on your SnagIt images linked in that Rise course, but it did seem the majority of them captured the color, so I apologize if I overlooked the others.
I'll keep you posted here if my team determines any other info that would be helpful, but I'm happy you have a way to press on till then.
Ashley, sorry. I only put the size on three of the earlier screen captures. The size was listed in the caption of the image. But you are correct, for the rest I did not. Thanks for keeping me posted if any new arises - I'll do the same.
Is there any update on this issue? I just uploaded a PNG file of a screenshot that has green in 2 places. Every color shows up except the green when I import the image in RISE 360 in both the Image - Centered option and the Image with markers. The green is showing that a toggle is on, so having it show up as grey is not acceptable. I used SnagIt and the original image looks fine. Rise is distorting the color and turning the green to gray. Any ideas?
Well, I discovered a fix for me. I saved my screenshot as a JPG instead of a PNG and the green color stayed. So, I'm good for now.
I am having a very similar issue with the hue of blue being off once I upload into Rise. I'm using the same color code for Rise backgrounds as I am with shapes I create in Illustrator. when I export illustrator shapes to create effects, the colors don't end up matching. they are close, but it is noticeably different. I have tried exporting the illustrator file as every form of PNG & JPG I can think of & it always produces a different blue than what is in Rise. image attached for reference.
Hi Kyle, I'm sorry you're seeing this issue. We have this documented as a possible software bug, and we'll be sure to let you know here if we have any updates!
hi Lea--I'm wondering if you have any updates on this. no matter how I export the shape from illustrator, the colors will not match up with the background colors in rise.
I can't believe this is a bug that hasn't been fixed. I posted this 4+ years ago (3 jobs ago) and I am seeing it on the front page. I know everyone is busy and there are a lot of great updates happening with Rise and Storyline (everyone's hard work goes not go unnoticed) but geez. I am also seeing bugs and requests from 4+ years ago consistently on the front page still not being addressed or fixed.
Being honest, as an L&D professional, we are moving away from Articulate products because some of your competitors offer a much better product that allows for better collaboration and are web based. Even our LMS (and others we looked at) are really stepping up their authoring tool capabilities to the point where they are making our usage of Articulate products less and less valuable given the time necessary to develop. I really wish Articulate would add some of these features and fix these bugs that we have all been asking years for.
I finally found the best way to do it. Exporting for screens to an SVG file matches the color perfectly & the shapes come out very crisp.
Thanks for the info Kyle. Unfortunately we don't use Illustrator here. We use SnagIt to grab and edit our screenshots and SVG is not a file format that we can export. It's a shame that this still hasn't been addressed.
I was having a similar issue with images I was uploading.
In the end, adding _NOPROCESS_ to the file name prevented image compression and fixed the issues with Rise distorting the colors.
I am finding a colour mismatch as well. A workaround is to use the Eye Dropper extension on Google Chrome to select the colour on your image, and then change the background in Rise to the HEX code.
Thank you, Aimee, your tip was a huge help!