9 Replies Latest reply on Jul 17, 2017 4:10 AM by Dudley Nelson

    Blurry image




      I'm experiencing a blurry image issue, I've seen this in the past a long time ago, but I don't know what the solution was.

      Basically, I edited a blog post (deleted and inserted an image), but it appears blurry now.

      This is the URL: A First Pi Project: Xmas Trees!

      Here is what it looks like (blurry image on the right):


      Before I edited it, it was non-blurry and it was sharp:



      I see this with multiple browsers, and I've tried opening (and clearing cache) several times in case it is a single server causing this.

      When I look at the page source, I see there is a link to downloadImage and one to showImage. The showImage is correct and sharp, but the downloadImage is blurry.

      What is causing this, and how can I resolve it?

      I ordinarily wouldn't mind if the image was non-essential, but in this case the image contains source code, so a sharp image is preferred.


      Many thanks!

        • Re: Blurry image

          It looks like it is compressed due to its size.

          If you click on it, it pops up in great clarity....you could add a note to click on it...

          You could also compress it yourself, ensuring it was still legible.

            • Re: Blurry image

              Hi Doug!


              It's weird, the compacted image is still usually sharper, and I had a copy of the unmodified image so I reverted back to that (and explicitly set the image size using the html code view back to what it was when the image appeared sharper) but to no avail : ( In other words, I've tried to get back to the situation in the non-blurry screenshot above by reverting to the older image, but it always comes out blurry.


              A possible theory (just a guess) is that Jive makes copies of the image in different resolutions (or perhaps different compression) for serving up over slow links maybe and something has gone crazy but I'm not sure what..


              As you say clicking on it provides the correct original image which is sharp. It would just be nice to have the image sharp even when unclicked (as in the second screenshot above).

                • Re: Blurry image
                  Dudley Nelson

                  Hi shabaz,


                  You always find interesting issues!


                  I get the problem, but I don't quite get what it was you did to cause it to happen. If I understand it right:

                  • Create a blog post, with images
                  • Remove one of those images
                  • Replace it with a similar image of the exact same dimensions
                  • first image is clear, second is blurry


                  Is that right?


                  If that's right, can you pass me the two images and I'll put them on my local and see if I can get to the bottom of what's going on.




                  (edit: added bullet points)

                  1 of 1 people found this helpful
                    • Re: Blurry image

                      Hi Dudley,


                      Thanks for investigating! The steps you listed are correct, except that as part of adding images, I also resized them (using the handles after it is highlighted) and also moved it to the right side of the text using the image menu that appears when an image is selected in the editor.


                      Original image that was non-blurry:



                      The updated image which was blurry (and then blurriness was experienced even reverting back to the original image):



                      When I look at the source for the page that was non-blurry, I see this:

                      </p><h1>Stick Man Deciphered</h1><p><a href="https://www.element14.com/community/servlet/JiveServlet/showImage/38-25719-434320/stick-code.png"><img alt="stick-code.png" class="image-4 jive-image" height="717" src="https://www.element14.com/community/servlet/JiveServlet/downloadImage/38-25719-434320/447-717/stick-code.png" style="float: right; width:447px; height: 716.392px;" width="447"/></a></p><p><span style="font-size: 12pt;">Without knowing


                      And for the page that was blurry:

                      </p><h1>Stick Man Deciphered</h1><p><span style="font-size: 12pt;"><a href="https://www.element14.com/community/servlet/JiveServlet/showImage/38-25719-434461/stick-code2.png"><img alt="stick-code2.png" class="image-7 jive-image" height="717" src="https://www.element14.com/community/servlet/JiveServlet/downloadImage/38-25719-434461/447-717/stick-code2.png" style="float: right; width:447px; height: 716.392px;" width="447"/></a></span></p><p><span style="font-size: 12pt;">Without knowing


                      So, they look identical to me : ( When I experienced the blurriness, I went into the editor HTML source view and manually set the height/width to match, but it didn't make it unblurry.


                      Currently the page A First Pi Project: Xmas Trees!  has the blurry effect, so the problem is still there, and I've tried reverting back to the original image there but it still looks blurry, so I've put it to the new image again, but the problem seems to persist : ( I don't believe I did anything unusual to the usual workflow when adding/manipulating images. I can't be certain that this is a new issue, because I have seen it occur a while ago, but I can't recall how it was resolved, if it was a Jive issue that was fixed or not.





                      2 of 2 people found this helpful
                        • Re: Blurry image

                          What's weird is that both of these images are now blurry in the discussion reply to you : ( And yet it is sharp in the original discussion post screenshot.

                          I've checked the date-codes of the two images on my PC, and the original image is untouched.

                          1 of 1 people found this helpful
                        • Re: Blurry image

                          Hi Dudley,


                          I've just spotted a similar issue on another blog post, here:

                          The Secret Life of the Pi


                          In the screenshot below, the top grey diagram is quite sharp, but the lower (green) diagram is fuzzy. Both of the diagrams appear sharp when clicked on, but when reading the blog post without clicking on them the blurry issue is seen on that lower diagram.





                          1 of 1 people found this helpful
                    • Re: Blurry image

                      I had this issue on something I posted the other day, I can't remember what it was now though. I was intending to ask about it but got distracted with other things.... I tried scaling the image to different sizes and re-uploading but nothing fixed it. It's not an issue I usually have when uploading images so I think it's something changed behind the scenes which is now causing the issue maybe?

                        • Re: Blurry image

                          Hi Rachael,


                          That's interesting, so it's not just me. Normally it is pretty good with images, I like that everything is sharp usually when we resize it in the editor, and that we can put fairly large images in our blog posts (I hate it when images/photos are so small on other websites and I want to look at detail..).

                        • Re: Blurry image
                          Dudley Nelson

                          This is a great piece of investigation you've done here, and it's really piqued my curiosity.


                          However, I'm in the midst of a piece of work and have a looming deadline, and I don't have time to spare to look into this :/ I need to get the work I'm doing on video finished before I go on holiday in early August, and it's not with our testers yet!


                          So I'm going to create a ticket and come back to this at some point in the near future.