Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-19706

In PDF export, thumbnails should be converted to large images to not appear blurry

    • 3
    • 2
    • We collect Confluence feedback from various sources, and we evaluate what we've collected when planning our product roadmap. To understand how this piece of feedback will be reviewed, see our Implementation of New Features Policy.

      NOTE: This suggestion is for Confluence Server. Using Confluence Cloud? See the corresponding suggestion.

      Images appear blurry in PDF exports generated by Confluence.

      Images, image thumbnails and macro output (e.g. galleries, charts) are rendered at the screen resolution (96 dpi), even when exporting to a PDF which is 300 dpi, which doesn't look very good in the PDF output.

      Perhaps scaling up images should be optional, as the file size will potentially be much larger if we include larger images.

            [CONFSERVER-19706] In PDF export, thumbnails should be converted to large images to not appear blurry

            Traditional raster icons (GIFs, JPGs, and even PNGs) should not be "scaled up."  Instead, the newer SVGs should be used, just as they are in the newer Confluence editor (Fabric).  This would necessitate that the Export PDF feature (maintained by the software company K15T) change the rendering of SVGs so that they remain vector-based images in the PDF rather than rasterizing them as they do today.

            Does anyone (from Atlassian or otherwise) know the best way to request this of K15T and how frequently does Atlassian upgrade to the latest version of K15T's Scroll PDF Exporter?

            John Tolle added a comment - Traditional raster icons (GIFs, JPGs, and even PNGs) should not be "scaled up."  Instead, the newer SVGs should be used, just as they are in the newer Confluence editor (Fabric).  This would necessitate that the Export PDF feature (maintained by the software company K15T) change the rendering of SVGs so that they remain vector-based images in the PDF rather than rasterizing them as they do today. Does anyone (from Atlassian or otherwise) know the best way to request this of K15T and how frequently does Atlassian upgrade to the latest version of K15T's Scroll PDF Exporter?

            Sam Yeung added a comment - - edited

            Please kindly update. This issue makes pdf export with image actually NOT usable. The result image quality is terrible. 

            Sam Yeung added a comment - - edited Please kindly update. This issue makes pdf export with image actually NOT usable. The result image quality is terrible. 

            Can you please give an update on this issue as it seems to be open since 2013...
            And we are having issues with our documents to be sent out

            Heering Ligthart added a comment - Can you please give an update on this issue as it seems to be open since 2013... And we are having issues with our documents to be sent out

            I have created a clear and crisp suggestion for Atlassian Confluence team: CONFCLOUD-54983. Hope for a positive response.

            Amit Kumar Chahar added a comment - I have created a clear and crisp suggestion for Atlassian Confluence team: CONFCLOUD-54983 . Hope for a positive response.

            Hi Manuel. I can't answer your questions. I discovered that my company has a symbol font and that I can use it for logos. Apart from that I don't know much about fonts. People from your design department should know more. And since I have nothing to do with Atlassian I don't know about their plans.

            Steffen Heller added a comment - Hi Manuel. I can't answer your questions. I discovered that my company has a symbol font and that I can use it for logos. Apart from that I don't know much about fonts. People from your design department should know more. And since I have nothing to do with Atlassian I don't know about their plans.

            Hello Steffen. Is there a way to put in multi-colored logos into a font that is working? has atlassian planed to add quality logos? thank you for your help

            Manuel Merki added a comment - Hello Steffen. Is there a way to put in multi-colored logos into a font that is working? has atlassian planed to add quality logos? thank you for your help

            @Steffen: Now I got you right, thanks for clarification and this workaround. We will give this a try!

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - @Steffen: Now I got you right, thanks for clarification and this workaround. We will give this a try!

            @Jens: I think you got me wrong. I was not talking about "writing" the logo with normal letters. What I meant was creating a symbol font that exists of different symbols and/or logos instead of letters. We have such a font. Different letters correspond to different symbols. The letter "c" for example is our normal logo, other letters are for the Chinese logo or certain brand names with symbolised letters in it.

            Steffen Heller added a comment - @Jens: I think you got me wrong. I was not talking about "writing" the logo with normal letters. What I meant was creating a symbol font that exists of different symbols and/or logos instead of letters. We have such a font. Different letters correspond to different symbols. The letter "c" for example is our normal logo, other letters are for the Chinese logo or certain brand names with symbolised letters in it.

            Hi! Thank you for your suggestion! Unfortunately, we cannot implement this since we do not just have letters on our logo(s) - we also have icons. We could only try to create a mix-up of background-image and the font. But this will also not look very professional since the image will still look ugly .

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - Hi! Thank you for your suggestion! Unfortunately, we cannot implement this since we do not just have letters on our logo(s) - we also have icons. We could only try to create a mix-up of background-image and the font. But this will also not look very professional since the image will still look ugly .

            Steffen Heller added a comment - - edited

            A background image in good quality won't work with confluence, no matter what you try. There is one workaround that works well:

            • Create a font with your logo and include the logo as a "letter" from that font

            This is the code we are using:

            @top-right {  
            /* Our logo */  
            content: "c";   
            font-family: OurOwnSymbolFont;  
            font-size: 22px;  
            }   
            
            @font-face {    
            src: url(/download/attachments/73371514/OurOwnSymbolFont.ttf);    
            -fs-pdf-font-embed: embed;   
            } 
            

            Steffen Heller added a comment - - edited A background image in good quality won't work with confluence, no matter what you try. There is one workaround that works well: Create a font with your logo and include the logo as a "letter" from that font This is the code we are using: @top-right { /* Our logo */ content: "c" ; font-family: OurOwnSymbolFont; font-size: 22px; } @font-face { src: url(/download/attachments/73371514/OurOwnSymbolFont.ttf); -fs-pdf-font-embed: embed; }

            Hi Christian! Thank you for the suggestion. Unfortunately, this does not work with our use case. We display our company logo on each PDF export by embedding this:

            @page {  
                @top-right {  
                    content: " ";  
                    font-family: ConfluenceInstalledFont, Helvetica, Arial, sans-serif;  
                    font-size: 8pt;  
                    /* Header Image ::: Specific size is needed ::: background size cannot be controlled through CSS2 */  
                    background-image: url('includes/img/companyLogo.png');  
                    background-repeat: no-repeat;  
                    background-position: right center;  
                    padding-top: 10mm;  
                }  
            

            I tried to set a width of 301px using 'background-size', but this did not work
            Do you have any hint on this?

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - Hi Christian! Thank you for the suggestion. Unfortunately, this does not work with our use case. We display our company logo on each PDF export by embedding this: @page { @ top - right { content : " " ; font-family : ConfluenceInstalledFont, Helvetica, Arial, sans-serif; font-size : 8pt; /* Header Image ::: Specific size is needed ::: background size cannot be controlled through CSS2 */ background-image : url( 'includes/img/companyLogo.png' ); background-repeat : no-repeat; background-position : right center; padding-top : 10mm; } I tried to set a width of 301px using 'background-size', but this did not work Do you have any hint on this?

            Christian Sprenger added a comment - - edited

            The only workaround I found:
            set the image to 301px then they won't be treated as Thumbnail.
            We had to do this for all our images. I'm considering the PDF-Plugin from K15T but not sure if this will help there.

            Christian Sprenger added a comment - - edited The only workaround I found: set the image to 301px then they won't be treated as Thumbnail. We had to do this for all our images. I'm considering the PDF-Plugin from K15T but not sure if this will help there.

            Any update on this issue? Our internal customers do not stop complaining about this issue!

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - Any update on this issue? Our internal customers do not stop complaining about this issue!

            Yet another 6 year old unassigned ticket
            My boss would kill me if I'd had so many unassigned tickets in our JIRA ^^

            Christian Sprenger added a comment - Yet another 6 year old unassigned ticket My boss would kill me if I'd had so many unassigned tickets in our JIRA ^^

            We would love to see a fix on this issue. Since we have our company brand as a logo on the PDF header, we print it on every content that is exported. Unfortunately, all exports does not look very professional, if the image we put on the PDF header is blurry / displaces lines. We tried several png and jpeg files, but non could resolve this issue.

            Jens Kasperek (Bosch GmbH) (Inactive) added a comment - We would love to see a fix on this issue. Since we have our company brand as a logo on the PDF header, we print it on every content that is exported. Unfortunately, all exports does not look very professional, if the image we put on the PDF header is blurry / displaces lines. We tried several png and jpeg files, but non could resolve this issue.

            In the near term? The original ticket was opened in May of 2010? What does it take to get this on the roadmap?

            Ryan Grisham added a comment - In the near term? The original ticket was opened in May of 2010? What does it take to get this on the roadmap?

            Here is a page I created that illustrates the difference between Confluence-controlled resizing of images versus images resized externally prior to placing on a Confluence page. Only those with admin rights to OnDemand sites will have access to this page.

            https://agileframeworks.atlassian.net/wiki/x/QoD4AQ

            I also included a sample PDF export at the bottom of the page that illustrates the differences in quality.

            Hope this helps!

            Karl Burkum added a comment - Here is a page I created that illustrates the difference between Confluence-controlled resizing of images versus images resized externally prior to placing on a Confluence page. Only those with admin rights to OnDemand sites will have access to this page. https://agileframeworks.atlassian.net/wiki/x/QoD4AQ I also included a sample PDF export at the bottom of the page that illustrates the differences in quality. Hope this helps!

            BenoitP added a comment -

            BenoitP added a comment - Have a look at this discussion https://answers.atlassian.com/questions/93381/column-width-and-pdf-export (end of it)

            BenoitP added a comment -

            Also true for OnDemand

            BenoitP added a comment - Also true for OnDemand

            Matt Ryall added a comment -

            Thanks, you're right. I've closed the newer tickets.

            Issues remain unassigned when no one is actively working on them. Unfortunately, we don't have any plans to address this issue in the short term.

            Matt Ryall added a comment - Thanks, you're right. I've closed the newer tickets. Issues remain unassigned when no one is actively working on them. Unfortunately, we don't have any plans to address this issue in the short term.

            BenoitP added a comment -

            I guess these issues are related:
            CONF-22535
            CONF-25974
            CONF-19706
            None of these issues have been assigned!!

            BenoitP added a comment - I guess these issues are related: CONF-22535 CONF-25974 CONF-19706 None of these issues have been assigned!!

              Unassigned Unassigned
              715b4cc0b9a2 Gérald Bonsang [WinBooks]
              Votes:
              93 Vote for this issue
              Watchers:
              52 Start watching this issue

                Created:
                Updated: