Image quality
Nov 10, 2016
By
Adam Read
Hi
I can't find any guidance on suggested image sizes for any of the 'image blocks'. As a result, I'm getting some poor quality outputs. I've tried a number of different sizes, JPEGs and PNGs, but it appears Rise might be compressing things once they're uploaded?
Take the full-width image for example. I've created a PNG at 1680 x 945 which is really sharp and looks great on my PC (file size of 106kb). Once I put this in Rise, I'm getting artifacts appearing all over the image, and the quality is significantly lower. Take a look at the screenshots attached:
Capture.jpg = the high quality original png
Capture2.jpg = the reduced quality png appearing in Rise
Any advice for working with images in Rise?
38 Replies
Ha - I've noticed that this forum also seems to compress the image attachments, so this isn't a great example. Take my word for it that the original image looks great!
Hey Adam - can you upload a .zip file of the original PNG. We'll check it out.
Hey Adam
Cheers for looking into this. Here's a zip with the high res png.
Hey Adam - we're gonna improve our uploaded PNG handling so the quality of these type images will look great. (while keeping file size down.)
Expect a fix sometime next week.
Hi Adam, it would make sense for Rise to allow SVG.
Rise is responsive, why not allow users to upload a SVG so that quality can be retained no matter what size screen content is viewed on?
Thanks Adam
Hey Mitch - I'll talk to the team about our thoughts on Rise SVG support. I know we've done some experiments with it in Rise but not sure where we stand. If you want, upload a zip with a few SVGs you might be using and we can test with those.
is there any way to handle the dimensions of the uploaded image? Rise auto adjust size of uploaded image.
NItesh - what specifically are you trying to accomplish?
I don't know if this was what Nitesh above had in mind, but personally, been able to adjust the size of the images in the Column Grid block would make Rise an even better tool. Currently, that block settings are very limited.
Yes, I am also looking for very similar to what Frederick says. Can we adjust the size of any image we import in Rise? Currently, it takes default size and we cannot adjust that.
Hi Nitesh and Frederick,
Currently there isn't an option to adjust the size, and within the column grid block they are sized to match one another and based on the more columns you add. Are you looking to show certain images larger/smaller than one another? If so perhaps instead you look to using the preset sizes within each column grid and not choosing to show all the photos available. For example, I can add in a four column grid and delete two of the pictures - that way the pictures you inserted remain at the smaller size.
Hi Ashley,
For me, it was more for removing the forced Zoom that crop the images - I would love to be able to show a full image in the page, not zoomed and crops. Would it be possible to have an option to turn it On/Off. (I'm referring to the fact that the images are never shown in full in the page, there is always a zoom that crop the images.)
It will also allow the option to have smaller images, like icons, and sometimes I don't have a high-resolution version. i would love to be able to have that image showing up at its default size - not having a force zoom on it.
Let me know if it's not clear. :)
Thanks for the follow up,
Hi Frederick,
Just to confirm I'm seeing the same thing as you're describing, do you have some screenshots to share or a link to your Rise course? You could also create a Peek video to share with me! That's my favorite way. :)
As far as changes in behavior or new features, I'll leave that in the hands of our Engineers, but I'll certainly pass it along! You are also always welcome to submit your own feature requests here.
Hi Ashley,
if you can have a look at the video below, I'm showing 2 examples that represent what I'm asking.
As you can see if you use the zoom feature, the 'thumbnail' of that picture is crop - I'm not seeing the image in full. Sometimes, I would love to show the image in full there and not use the zoom feature.
This one is a small icon, but as you can see, because we don'T have any control on the showing of the pic in that page, the icon is blown up and create a pixelated image. I would love the possibility to show some full icons on that page, even if they are small picture.
Hoping that quick video and explanation above help understand what I'm looking for :)
Thanks again for your help,
That's exactly what I needed Frederick! I had been just playing around with the stock images and hadn't truly noticed the cropping until your video and then opening each of those up and clicking on it. Perhaps my mind is already in holiday mode? ;)
I did share the general comment in terms of resizing pictures/images as a feature request - but I see how within a Block - Gallery how that can be even more important a feature. I'll be sure to pass this along, and link to your video here.
Thanks - and I hope you have a great holiday weekend!
Thanks Ashley for forwarding that request. :)
Have a great long weekend!
Additionally, Rise doesn't seem to keep image transparency for PNGs.
Hey John!
I saw your note on the other forum discussion about Feature requests, so I grabbed it there and added it to the information we're continuing to share with our team. Thanks for sharing and have a great holiday weekend!
Hey Mitch - we added support for SVG.
Adam - still working on the PNG quality issue. We have it fixed, just need to test and deploy it. Soon!
Thanks for the update Adam :)
Is this the same issue as noted above? The picture on the right is getting cut off in a two-column grid.
That would be expected, Cheryl since a grid by definition is composed of square images. You can turn it into an interaction of sorts though by adding a text block above it that says something like "Click each thumbnail below to see the full image." Since they will always zoom to full image.
If you wanted the picture to stay within the allotted space, what size should it be? I've tried reducing these but so far no luck. That may be a dumb question.
I can use the image with text to the right instead. I was just trying to change it up a bit and show my team a few different options.
If you want the image to display when it's small in the image grid, make it square.
This discussion is closed. You can start a new discussion or contact Articulate Support.